@import url(layouthelp.css);

/**
* Disable padding and margin for all elements
**/
* {
	padding:				0px;
	margin:					0px;
}

body {
	font-family:			Arial, Helvetica, Verdana;
	font-size:				13px;
	color:					#000;
	background:				url(../images/bg.png) repeat-x #a5cad6;
}

#header {
	height:					100px;
	background:				transparent;
	position:				relative;
}

#header_metanav {
    padding:                0 10px;
	background:				#004580;
	height:					20px;
	/*border:					1px solid #7a7a7a;*/
}

#meta_nav ul{
}


#meta_nav ul li{
	float:					left;
	list-style-type: 		none;
	padding-right:			10px;
	text-decoration:		none;
}

#meta_nav ul li a{
	color:					#FFF;
	text-decoration:		none;
	font-size:				0.8em;
}

#search {
	width:					170px;
	height:					20px;
	background:				#FFF;
	border:					1px solid #004580;
	position:				absolute;
	top:					40px;
	right:					170px;
}

#link_gruppe {
	width:					144px;
	height:					24px;
	background:				url(../images/koelling-gruppe.png) no-repeat;
	position:				absolute;
	top:					40px;
	right:					0px;
}

/**
 * Top Navigation
 */
#navigation_top {
    width:                  960px;
}

#navigation_top ul {
	list-style-type:		none;
	width:					100%;
}

#navigation_top ul li {
    display:                inline-block;
    width:                  25%;
}

#navigation_top ul li a {
	text-decoration:		none;
	background:				url(../images/bg_navi.png) no-repeat top;
	padding:				7px 40px 8px 40px;
	color:					#004580;
    display:                block;
    text-align:             center;
    border-right:           1px solid #fff;
    border-left:            1px solid #999;
    font-size:              14px;
}

#navigation_top ul li.first a {
	text-decoration:		none;
	background:				url(../images/bg_navi_first.png) no-repeat top left;
    border-left:            0;
}

#navigation_top ul li.last a {
	text-decoration:		none;
	background:				url(../images/bg_navi_last.png) no-repeat top right;
    border-right:           0;
}

#navigation_top ul li a.current, #navigation_top ul li a:hover {
	background:				url(../images/bg_navi_active.png) top right no-repeat;
}

#navigation_top ul li.first a.current, #navigation_top ul li.first a:hover {
	background:				url(../images/bg_navi_first_active.png) no-repeat top left;
}

#navigation_top ul li.last a.current, #navigation_top ul li.last a:hover {
	background:				url(../images/bg_navi_last_active.png) no-repeat top right;
}

/**
 * Sub Navigation
 */
#navigation_sub ul {
	list-style-type:		none;
}

#navigation_sub ul li {
	background:				url(../images/bg_navi_sub.png) no-repeat 0px 14px;
}

#navigation_sub ul li:hover, #navigation_sub ul li.section, #navigation_sub ul li.current {
	background:				url(../images/bg_navi_sub_active.png) no-repeat 0px 14px;
}

#navigation_sub ul li a {
	display:				block;
	color:					#004580;
	text-decoration:		none;
	padding:				8px 0px 8px 15px;
}

#navigation_sub ul li ul li {
	margin-left:			20px;
	background:				url(../images/bg_navi_sub_sub.png) no-repeat 0px 7px;
}

#navigation_sub ul li ul li.current, #navigation_sub ul li ul li:hover {
	margin-left:			20px;
	background:				url(../images/bg_navi_sub_sub.png) no-repeat 0px 7px;
}

#navigation_sub ul li ul li a.current, #navigation_sub ul li ul li a:hover {
	font-weight:			bold;
}

#navigation_sub ul li ul li a{
	margin-left:			20px;
	padding:				0px;
	font-size:				0.95em;
}

#content {
	background:				url(../images/bg_content.png) repeat-y;
	padding-bottom:			30px;
}

#content_left {
	padding-top:			22px;
}

#content_main {
	padding-top:			30px;
}

#content_right {
	padding-top:			10px;
	margin-top:				30px;
}

#content_right .media .media-image {
    margin-bottom:          10px;
}

#content_right .media .media-image img {
    display:                block;
}

#content_right .WidgetHolder {
	background:				#badee9;
}

.WidgetHolder {
	padding:				10px;
}

#footer {
	background:				#004580;
	height:					20px;
}

/**
* Comments
**/
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 10px 10px 10px 10px;
}
#PageComments li.odd {
	background: #efefef url(../images/bg_li_page_comments_odd.gif) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
}

#PageComments li.even {
	background: #fff url(../images/bg_li_page_comments_even.gif) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
}

.actionLinks li {
	display: inline;
	border-right: 1px solid;
}
.actionLinks li.last {
	border-right: none;
}

.commentrss {
	background: transparent url(../images/bg_a_commentrss.png) no-repeat;
	padding-left: 20px;
}
#PageCommentsPagination p {
	text-align: center;
}

#PageCommentInterface_Form_PageCommentsPostCommentForm {
	margin-bottom:					10px;
}

#PageCommentInterface_Form_PageCommentsPostCommentForm_error {
	margin:							10px 0px;
	padding:						10px;
	border:							1px solid #ff0000;
	background-color:				#ff7676;
	font-weight:					bold;
	color:							#fff;
}


/**** SOFORT-ANFRAGE****/
#content_left .WidgetHolder {
	color:							#004580;
    margin-top:                     50px;
    padding:                        0;
}

#content_left .WidgetHolder h3 {
	color:							#004580;	
	border:							1px solid #999999;
	padding:						5px 0px 5px 0px;
    text-align:                     center;
	background:						url(../images/bg_h3.png) repeat-x;	
	margin-bottom:					15px;
	text-transform:					uppercase;
    font-weight:                    normal;
}

#content_left .WidgetHolder input.text, textarea, select {
    padding:			            2px;
    width:                          130px;
    border:                         1px solid #999;
}

#content_left .WidgetHolder fieldset {
    border:				            none;
    width:                          200px;
}

#content_left .WidgetHolder div.field label.left {
    float:                          left;
    display:                        block;
    width:                          84px;
    line-height:                    20px;
}

#content_left .WidgetHolder div.middleColumn {
    margin-left:                    84px;
}

#content_left .WidgetHolder p.field.checkbox {
    margin:                         10px 0px 10px 00px;
}

#content_left .WidgetHolder div.Actions {
    text-align:                     right;
    width:                          200px;
    margin-bottom:                  20px;
}




div.cb {
	clear:					both;
}

div.cl {
	clear:					left;
}

div.cr {
	clear:					right;
}