/*
* ethority 2009
*
* @author Daniel Lange <mail@lange-daniel.de>
* @copyright ethority GmbH & Co. KG
* @version 3.0
*
*/


/* Basics Anfang */
html{
	height: 100%;
}
body{
	width:  100%;
	height:  100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #6e607d;
	font-size: 11px;
	line-height: 18px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:  center;
	background-color: #ffffff;
}
a{
	color: #6e607d;	
}
a:hover{
	cursor: pointer;
}
a img{
	border: none;
}
.searchbox a{
	font-weight: bold;
}
.search_entry{
	width: 100%;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../img/vert_seperator.gif) repeat-x left bottom;
}
.browsebox{
	float: left;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0;
}
#bg_verlauf{
	width: 100%;
	min-height: 122px;
	_height: 122px;
	background: url(../img/bg_verlauf.gif) repeat-x;
	background-color: #ffffff;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
div.center{
	width: 902px;
	margin: 0 auto;
	text-align: left;
}
#container{
	min-height: 100%;
	_height: 100%;
	margin-bottom: 33px;
	_margin-bottom: 0px;
	float: left;
	width: 100%;
}
*+html #container{
	margin-bottom: 0px;
}
/* Basics Ende */

/* Layouts Anfang */
.one_col_b, .two_cols_bs, .two_cols_mm, .three_cols_s{
	width: 902px;
	float: left;
}

/* 1-Spalten Layout (Big) */
.one_col_b .col1{
	width: 902px;
	float: left;
}
.one_col_b .col1 .box .middle .content{
	width: 868px;
}
.one_col_b .col1 .box .middle .image{
	width: 899px;
}
/* 2-Spalten Layout (Big / Small) */
.two_cols_bs .col1{
	width: 600px;
	float: left;
}
.two_cols_bs .col1 .box .middle .content{
	width: 566px;
	overflow-x: hidden;
}
.two_cols_bs .col1 .box .middle .image{
	width: 597px;
}
.two_cols_bs .col2{
	width: 298px;
	float: right;
}
.two_cols_bs .col2 .box .middle .content{
	width: 264px;
}
.two_cols_bs .col2 .box .middle .image{
	width: 295px;
}

/* 2-Spalten Layout (Medium / Medium */
.two_cols_mm .col1{
	width: 449px;
	float: left;
}
.two_cols_mm .col2{
	width: 449px;
	float: right;
}
.two_cols_mm .box .middle .content{
	width: 415px;
}
.two_cols_mm .box .middle .image{
	width: 446px;
}

/* 3-Spalten Layout (Small / Small / Small) */
.three_cols_s .col1{
	width: 298px;
	float: left;
}
.three_cols_s .col2, .three_cols_s .col3{
	width: 298px;
	float: left;
	margin-left: 4px;
}
.three_cols_s .box .middle .content{
	width: 264px;
}
.three_cols_s .box .middle .image{
	width: 295px;
}

/* Layouts Ende */

/* Boxen Anfang */
.pagetitle{
	margin-left: 16px;
	margin-top: 5px;
}
.box{
	width: 100%;
	float: left;
	padding-bottom: 7px;
}
.box .left_border{
	width: 100%;
	min-height: 263px;
	_height: 263px;
	float: left;
	background: url(../img/box_content_left_border.gif) repeat-y left top;
}
.box .right_border{
	width: 100%;
	min-height: 263px;
	_height: 263px;
	float: left;
	background: url(../img/box_content_right_border.gif) repeat-y right top;
}
.box .top{
	width: 100%;
	height: 39px;
	float: left;
	background: url(../img/box_top_center.gif) repeat-x left top;
}
.box .top span{
	font-weight: bold;
	color: #6e607d;
	font-size: 13px;
	margin-top: 13px;
	margin-left: 16px;
	float: left;
	overflow: hidden;
}
.blogbox .top span{
	width: 580px;
}
.blogbox .top span a {
	text-decoration: none;
}
.box .top span span{
	margin-top: 0;
	margin-left: 0;
	float: none;
}
.box .top .left_corner{
	height: 39px;
	float: left;
	width: 100%;
	background: url(../img/box_top_left_corner.gif) no-repeat left top;
}
.box .top .right_corner{
	height: 39px;
	width: 100%;
	float: left;
	background: url(../img/box_top_right_corner.gif) no-repeat right top;	
}
.box .top .center{
	width: 100%;
	float: left;
	height: 39px;
}
.box .middle .image{
	float: left;
	overflow: hidden;
	text-align: left;
	margin-left: 2px;
}
.box .middle .image img{
	float: left;
}
.box .middle{
	width: 100%;
	min-height: 188px;
	_height: 188px;
	float: left;
	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
}
.box .middle .content{
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 17px;
	_margin-left: 8px;
	_font-size: 12px;
	font-size: 11px;
	font-weight: normal;
}
.box .middle .content p{
	margin-top: 0px;
}
.box .bottom{
	width: 100%;
	height: 36px;
	float: left;
	background: url(../img/box_bottom_center.gif) repeat-x left top;
}
.box .bottom .left_corner{
	width: 100%;
	height: 36px;
	float: left;
	background: url(../img/box_bottom_left_corner.gif) no-repeat left top;
}
.box .bottom .right_corner{
	width: 100%;
	height: 36px;
	float: left;
	background: url(../img/box_bottom_right_corner.gif) no-repeat right top;	
}
.sidebarbox .bottom, .sidebarbox .bottom .left_corner, .sidebarbox .bottom .right_corner{
	height: 15px;
}
.sidebarbox .bottom{
	background: url(../img/sidebar_box_bottom_center.gif) repeat-x left top;
}
.sidebarbox .bottom .left_corner{
	background: url(../img/sidebar_box_bottom_left_corner.gif) no-repeat left top;
}
.sidebarbox .bottom .right_corner{
	background: url(../img/sidebar_box_bottom_right_corner.gif) no-repeat right top;
}
.sidebarbox .right_border, .sidebarbox .middle, .sidebarbox .left_border{
	min-height: 0;
	_height: 0;
}
.sidebarbox .middle .content{
	padding-top: 10px;
	padding-bottom: 0px;
}
.sidebarbox .middle .specialcontent{
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
/*	margin-left: 17px;
	_margin-left: 8px;*/
	_font-size: 12px;
	width: 298px;
}
.specialcontent .row, .specialcontent .archive{
	width: 294px;
	margin-left: 2px;
	float: left;
	background: url(../img/sidebar_row_bg.gif) repeat-x left bottom;
	height: 30px;
}
.specialcontent .row a{
	margin-left: 14px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 282px;
}

.innerspecial{
	margin-left: 2px;
}
.specialcontent .archive a{
	margin-top: 5px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 90px;
}
.specialcontent .archive span{
	float: left;
	margin-left: 5px;
}
.specialcontent .archive span.first{
	float: left;
	margin-left: 14px;
}
.box .bottom .more{
	float: right;
	width: 95px;
	height: 30px;
	margin-right: 8px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/box_bottom_more_button.gif) no-repeat right top;
	display: block;
}
.box .bottom .more span{
	float: left;
	margin-top: 7px;
	margin-left: 15px;
}

.sidebarsearch{
	width: 298px;
	height: 42px;
	float: left;
	background: url(../img/sidebar_search_bg.gif) no-repeat left top;
	padding-bottom: 7px;
}
.sidebarsearch a{
	float: left;
	width: 94px;
	height: 30px;
	background: url(../img/sidebar_search_button.gif) no-repeat left top;
	display: block;
	margin-top: 7px;
}
.sidebarsearch input{
	border: 1px solid #ececec;
	float: left;
	width: 175px;
	height: 21px;
	margin-top: 7px;
	margin-left: 8px;
	font-size: 13px;
	font-weight: bold;
	color: #6e607d;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
/* Boxen Ende */

/* Text Formatierungen Anfang */
h1, h2, h3, h4{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-bottom: 12px;
	font-weight: bold;
	color: #6e607d;
	line-height: 1.2em;
}
h1{
	font-size: 18px;	
}
h2{
	font-size: 16px;
}
h3{
	font-size: 14px;
}
h4{
	font-size: 12px;
}
/* Text Formatierungen Ende */

/* Sitemap Anfang */
#sitemap .inner{
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	display: none;
}
#sitemap ul{
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	margin-left: 20px;
	list-style: none;
	margin-top: 20px;
	_width: 150px;
}
#sitemap ul.first{
	margin-left: 60px;
	_margin-left: 10px;
	_width: 130px;
}
#sitemap ul ul{
	width: 100%;
	margin-top: 0;
	clear: both;
}
#sitemap ul li{
	clear: both;
	text-align: left;
	font-size: 14px;
	float: left;
	_width: 150px;
}
#sitemap ul ul li{
	font-size: 12px;
	margin-bottom: 1px;
	background: url(../img/ulli.gif) no-repeat left top;
}
#sitemap ul ul ul li{
	font-size: 12px;
}
#sitemap ul li a{
	text-decoration: none;
	margin-bottom: 11px;
	float: left;
}
#sitemap ul ul li a{
	margin-bottom: 0;
	margin-left: 10px;
}
#sitemap .sitemap_seperator{
	float: left;
	width: 50px;
	margin-left: 20px;
	background: url(../img/sitemap_trenner.gif) repeat-y center top;
	height: 20px;
	_width: 30px;
}
/* Sitemap Ende */

/* Topline Anfang */
#topline{
	width: 100%;
	height: 35px;
	background: url(../img/topbar_bg.gif) repeat-x left top;
	float: left;
}
#topline #sitemap{
	width: 100%;
	background-color: #ffffff;
	float: left;
}
#topline #main_top{
	width: 100%;
	height: 28px;
	margin-top: 7px;
	float: left;
}
#topline #main_top div.left{
	height: 22px;
	margin-top: 6px;
	float: left;
	text-align: left;
}
#topline #main_top div.right{
	height: 22px;
	float: right;
	text-align: left;
	position: absolute;
	right: 0;
	width: 400px;
	display: inline;
}
#topline #main_top div.right div.seperator{
	height: 28px;
	width: 16px;
	background: url(../img/top_bar_seperator.gif) no-repeat center center;
	float: right;
}
#topline #main_top div.right a.searchbutton{
	margin-top: 4px;
	float: right;
}
#topline #main_top div.right input.search{
	border: 1px solid #d8d8d8;
	background-color: #ececec;
	font-size: 11px;
	color: #6e607d;
	width: 118px;
	height: 15px;
	margin-top: 4px;
	margin-right: 2px;
	padding-top: 2px;
	padding-left: 4px;
	float: right;
}
#topline #main_top div.right a.sitemap_button{
	float: right;
	margin-right: 4px;
}
#topline #main_top div.right a.language{
	float: right;
	margin-left: 4px;
	margin-top: 8px;
}


#topline #main_top div.left a.button{
	height: 22px;
	background: url(../img/bt_topbar_center_bg.gif) repeat-x left top;
	font-size: 13px;
	font-family: HelvecticaNeue, Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	float: left;
	margin-left: 2px;
}
#topline #main_top div.left a.button span.left{
	height: 22px;
	background: url(../img/bt_topbar_left_bg.gif) no-repeat left top;
	width: 15px;
	float: left;
}
#topline #main_top div.left a.button span.center{
	float: left;
	height: 16px;
	margin-top: 4px;
}
#topline #main_top div.left a.button span.right{
	height: 22px;
	background: url(../img/bt_topbar_right_bg.gif) no-repeat right top;
	width: 15px;
	float: left;
}

#topline #main_top div.left a.act{
	background: url(../img/bt_topbar_center_bg_act.gif) repeat-x left top;
}
#topline #main_top div.left a.act span.left{
	background: url(../img/bt_topbar_left_bg_act.gif) no-repeat left top;
}
#topline #main_top div.left a.act span.right{
	background: url(../img/bt_topbar_right_bg_act.gif) no-repeat right top;
}
/* Topline Ende */


/* Header Anfang */
#header #logo{
	width: 902px;
	float: left;
}
#header #navi{
	width: 902px;
	height: 38px;
	background: url(../img/navi_bg.gif) no-repeat left top;
	padding-left: 17px;
	margin-bottom: 5px;
	float: left;
}
#header_media{
	width: 100%;
	height: 179px;
	text-align: center;
	float: left;
}
*+html #header_media{
	margin-bottom: -7px;
}
#header_media *{
	width:902px;
	margin: 0 auto;
}
/* Header Ende */

/* Content Area Anfang */
#content_area{
	width: 902px;
	margin: 0 auto;
	text-align: left;
}
*+html #content_area{
	margin-bottom: 33px;
	margin-top: 7px;
}
#content_margin{
	float: left;
	width: 902px;
	margin-bottom: 33px;
}
/* Content Area Ende */

/* Footer Anfang */
#footer{
	height: 33px;
	width: 100%;
	background: url(../img/footer_bg.gif) repeat-x left bottom;
	text-align: center;
	float: left;
	position: relative;
	margin-top: -66px;
	_margin-top: -33px;
}
*+html #footer{
	margin-top: -33px;
}
#footer .footer_content{
	padding-top: 8px;
	font-weight: bold;
	font-size: 12px;
	color: #838383;
}
/* Footer Ende */

/* Dropdown Stuff Anfang */
#menuh
	{
	font-family: HelvecticaNeue, Helvetica, Arial, Verdana, sans-serif;
	width:868px;
	}
		
#menuh a
	{
	text-align: left;
	display:block;
	white-space:nowrap;
	margin:0;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	font-family: HelvecticaNeue, Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	height: 21px;
	padding-top: 9px;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	text-decoration:none;
	}	
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-top: 1px;
	_width: 8em;
	}
#menuh ul ul{
	width: 18em;
}
#menuh ul.right{
	float: right;
	margin-right: 6px;
}
#menuh ul.right ul{
	width: 11.5em;
}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	height: 35px;
	}
#menuh ul li{
	border-right: #dddddd 1px solid;
}
#menuh ul.right li{
	border-right: none;
	border-left: #dddddd 1px solid;
}
#menuh ul ul li{
	background-color: #ffffff;	
	border-top: none;
	border: #eeeeee 1px solid;
}
#menuh ul.right ul li{
	background-color: #ffffff;	
	border-top: none;
	border: #eeeeee 1px solid;
}
#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin-top: -6px;
	margin-left: -12px;
	_margin-left: -17px;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	margin-top: -12px;
	margin-left: -10px;
	_margin-top: -17px;
	_margin-left: -15px;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}
/*  Dropdown Stuff Ende */

/* Formular */
.form{
	float: left;
}
.form .form_line{
	width: 100%;
	display: block;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
.form .form_line .form_description{
	width: 100px;
	float: left;
	display: block;
}
.form .form_line .form_values{
	float: left;
	display: block;
}
.form .form_line .form_values input, .form .form_line .form_values select{
	width: 320px;
	height: 18px;
	border: 1px solid #d8d8d8;
	background-color: #ececec;
	font-size: 11px;
	color: #6e607d;
	height: 15px;
	padding-top: 2px;
	padding-left: 4px;
}
.form .form_line .form_values textarea{
	width: 455px;
	height: 180px;
	border: 1px solid #d8d8d8;
	background-color: #ececec;
	padding-top: 2px;
	padding-left: 4px;
	color: #6e607d;
}

.form .form_line .form_values_checkbox input{
	border: 1px solid #d8d8d8;
	background-color: #ffffff;
	float: left;
	margin-right: 20px;
}
.form .form_line .form_values_checkbox label{
	float: left;
	margin-right: 5px;
}

/* Twitter-Box */
.twitter-message{
	width: 274px;
	background: url(../img/sidebar_row_bg.gif) repeat-x left bottom;
	padding-left: 14px;
	padding-right: 6px;
	float: left;
	color: #6e607d;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.twitter-timestamp{
	font-weight: bold;
	width: 274px;
	display: block;
	float: left;
}
.twitter_author{
	width: 294px;
	float: left;
	background: url(../img/twitter_border.gif) repeat-x left bottom;
	height: 33px;
}
.twitter_author span{
	margin-left: 14px;
	margin-top: 5px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 282px;
}

/* Kommentare */
.comment{
	width: 596px;
	margin-left: 2px;
	float: left;
	font-weight: bold;
}
.comment_header{
	width: 596px;
	float: left;
	background: url(../img/comment_bg.gif) repeat-x left top;
	height: 43px;
}
.comment_content{
	width: 568px;
	float: left;
	margin-left: 14px;
}
.comment_header .left{
	float: left;
	margin-left: 14px;
	margin-top: 12px;
	width: 340px;
	overflow: hidden;
	height: 14px;
	display: block;
}
.comment_header .right{
	float: right;
	margin-right: 14px;
	text-align: right;
	margin-top: 12px;
	width: 190px;

}
.box .topcomment .left_corner, .box .topcomment .right_corner, .box .topcomment{
	height: 33px;
}
.commentbox .right_border, .commentbox .middle, .commentbox .left_border{
	min-height: 0;
	_height: 0;
}

/* Next / Prev Navigation */
.navigation{
	width: 600px;
	height: 44px;
	float: left;
	background: url(../img/back_forward_bg.gif) no-repeat left top;
	margin-bottom: 7px;
}
.navigation .alignleft{
	float: left;
	margin-top: 7px;
	margin-left: 8px;
}
.navigation .alignright{
	float: right;
	margin-top: 7px;
	margin-right: 8px;
}

#SocialBookmarks{
	float: left; 
	margin-top: 7px; 
	margin-left: 17px;
}

.box .top span.followme{
	float: right; margin-top: 5px; margin-right: 5px;
}

div#categoryrow {
	height: auto !important;
	padding-top: 5px;
	padding-bottom: 8px;
}

div.sociable {
	margin-top: -3px;
	float: left !important;
}

div.sociable ul {
	list-style: none
	margin: 0em;
	padding: 0em;
	padding-left: 10px;
}

div.sociable ul li {
	display: inline;
	margin: 0em;
	padding: 0em;
	padding-right: 8px;
}

