/**
 * The content area creates a reusable container for articles, search results, contact page, etc...
 * basicly it creates the dark blue CONTENT box from picture nr15 of Guidelines V. 0.3 page 15.
 * FIXME: this functionality should be in another path, content/content.css is not relevent!
 */

#content-area-grid {
  background-color: #FFFFFF;
}
.content-area-corners {
  height: 10px;
}

.corner {
  width: 10px;
  height: inherit;
  float: left;
  background-repeat: no-repeat;
}

.corner.top_left{
  background-image: url(/img/assets/content-area/content-top-left.png);
}
.corner.top{
  background-image: url(/img/assets/content-area/content-top.png);
  width: 940px;
  background-repeat: repeat-x;
}
.corner.top_right{
  background-image: url(/img/assets/content-area/content-top-right.png);
}

.corner.bottom_left{
  background-image: url(/img/assets/content-area/content-bottom-left.png);
}
.corner.bottom{
  background-image: url(/img/assets/content-area/content-bottom.png);
  width: 940px;
  background-repeat: repeat-x;
}
.corner.bottom_right{
  background-image: url(/img/assets/content-area/content-bottom-right.png);
}


#content-area-wrapper .left_margin {
  background-image: url(/img/assets/content-area/content-left.png);
  background-repeat: repeat-y;
  background-position: left;
  float: left;
}
#content-area-wrapper .right_margin {
  background-image: url(/img/assets/content-area/content-right.png);
  background-repeat: repeat-y;
  background-position: right;
  float: right;
}

#content-area-content {
  padding: 20px 5px 18px 11px;
  background-color: #FFFFFF;
  height: auto;
  min-height: 320px;
}


.box_wrapper {
    width: 700px;
    margin-left: -9px;
}

.contact-feature-box {
    background-image: url('/img/assets/contact-page/featurebox.png');
    height: 241px;
    background-repeat: no-repeat;
    float:left;
    margin-left: 6px !important;
    margin-right: 21px !important;
    width: 322px !important;
    margin-bottom: 14px;
}

.contact-feature-box-content-image {
    height: 87px;
    background-repeat: no-repeat;
    margin-top: 25px;
    background-position: center;
}

.contact-feature-box-content-text {
    font-family: Arial;
    font-size: 14px;
    color: #444444;
    text-align: left;
    padding: 0 8px 10px 4px;
    font-weight: bold;
}

.contact-feature-box-content-text .contact-box-list-header,
.contact-box .contact-box-list-header
{
    padding-left: 11px;
    color: #244590;
    font-family: arial;
    font-size: 14px;
    margin-left: 0;
}

.contact-feature-box-headline {
    font-family: arial;
    font-size: 20px;
    line-height: 51px;
    padding-left: 14px;
    margin-bottom: 10px;
    margin-top: 15px;
    color: #0060AC;

}

.left_contact_box{
    margin-left: 27px !important;
    margin-right:-9px !important;
}


.contact-feature-box-icon {
    float: left;
    height: 50px;
    margin-right: 9px;
    width: 50px;
}
.contact-feature-box-icon.call {
    background: url(/img/assets/contact-page/call.png);
}
.contact-feature-box-icon.mail {
    background: url(/img/assets/contact-page/mail.png);
}

.contact-feature-box-icon.chat {
    background: url(/img/assets/contact-page/chat.png);
}

.contact-feature-box-icon.callback {
    background: url(/img/assets/contact-page/callback.png);
}

.contact-feature-box.sidebar {
    background: url(/img/assets/contact-page/featurebox_sidebar.png) no-repeat;
    margin-left: 0px;
    width: 227px !important;
    margin-top: -8px;
    margin-bottom: 27px;
    display: none;
}

.contact-feature-box-content-comment {
    text-align: center;
    padding-top: 22px;
    padding-bottom: 10px;
    padding-left: 14px;
    padding-right: 14px;
    line-height: 15px;
}

.contact-feature-box-container-links {
    padding-top: 2px;
}


.contact-feature-box-container-links a {
    font-family: Verdana;
    font-size: 13px;
    color: #0060ac;
    text-align: center;
    text-decoration:none;
}
.contact-feature-box-container-links a:hover {
    text-decoration:underline;
}

ul.contact-description {
    list-style: disc;
    margin-left: 30px;
    margin-top: 10px;
}

.contactoption_phone, .contactoption_form,
.contactoption_chat, .contactoption_callback {
    display: none;
}

.feedback_rating_stars {
    font-size: 22px;
    margin: 15px auto;
    overflow: hidden;
    width: 140px;
}

#feedback_rating_details .rating_details_option {
    float: left;
    text-align: left;
    width: 65%;
}


fieldset[data-type='horizontal'] label{
    position: relative; top: -1px;
}

.topic-page-element.video-element {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 9px;
	height: 0;
	overflow: hidden;
	display:block !important;
}
.topic-page-element.video-element iframe {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}

.box_question_groups {

}

.box_question_groups .box_question_group:hover {

}

.mobile .box_question_groups .box_group {
	font-size: 19px;
}
.mobile .box_question_groups .box_answer{
	margin-left: 15px;
	font-size: 14px;
}

.mobile .box_question_groups .box_question h3 {
	font-size: 14px;
}

.box_question_groups .box_question_group {
	border-radius: 3px;
	box-shadow: 0px 0px 5px #AAA;
	margin-bottom: 25px;
}

.box_question_groups .box_group {
	padding: 10px;
	background: #E9F0F4;
	color: #274C90;
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}

.box_question_groups .box_questions {
	padding: 0px 10px 15px 15px;
	color: #0060ac;
}

.box_question_groups .box_answer {
	display: none;
	margin-left: 25px;
	color:#444;
}

.box_question_groups .box_question {
	margin-top: 20px;
}

.box_question_groups .box_answer .topic-page-element {
	margin-top: 10px;
}

.box_question_groups .box_answer {
	margin-top: 10px;
	line-height: 1.4;
}


.box_question_groups .box_question h3 {
	font-weight: bold;
	cursor: pointer;
}

.box_question_groups .box_question h3 i {
	font-size: 14px;
	margin-right: 5px;
	width:8px;
	
}