/*#############################################*/
/*### GRUNDKONFIGURATION ######################*/
/*#############################################*/

html{
	width:100%;
	margin:0;
	padding:0;
	overflow-y:scroll;
	background:url(../html/media/footer_bg.gif) bottom center no-repeat;
}

body{
	width:100%;
	margin:0;
	padding:0;
	background-color: #fff;
	background:url(../html/media/bg_folge.jpg) top center no-repeat;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	line-height:150%;
	color:#333;
}

body#start{
	background:url(../html/media/bg_start.jpg) top center no-repeat;
}

.left{float:left;}
.right{float:right;}
.clear{clear:both; font-size:0; height:0; line-height:0;}

h1 span{display:none;}

input,select,textarea { font-size: 1.0em; font-family:Verdana, Helvetica, Arial, sans-serif;}

a img{border:none;}

/*#############################################*/
/*### CONTENT STYLES ##########################*/
/*#############################################*/

a{
	color:#1c6aa8;
}

a:hover, a:focus{
	text-decoration:none;
}

h2{
	color:#fff;
	background:url(../html/media/h2_bg.gif) left 6px;
	display:inline;
	font-size:48px;
	line-height:64px;
	font-family:DroidSansBold, Arial, Helvetica, Verdana, sans-serif;
	position:relative;
}

h2 cufon {
    padding: 0 5px;
    margin-right: -10px;
}

h2 cufon:last-child {
    margin-right: 0;
}

#sidebar h2{
	color:#1C6AA8;
	background:none;
	display:inline;
	font-size:28px;
	line-height:34px;
	font-family:DroidSansBold, Arial, Helvetica, Verdana, sans-serif;
	position:relative;
}

h3{
	font-size:24px;
	line-height:36px;
	color:#1C6AA8;
	margin-bottom:11px;
}

p{
}

ul {
	margin:40px 0;
	padding:0;
}

li {
	margin:0;
	padding:0;
	list-style-type:none;
	background: url(../html/media/ul_icon.gif) left 4px no-repeat;
	padding-left:20px;
	margin-top:20px;
}

/*#############################################*/
/*### LAYOUT ##################################*/
/*#############################################*/

#page{
	margin:0 auto;
	width:982px;
	padding-left:1px;
}

/*####################################*/
/*### HEADER #########################*/
/*####################################*/

#header_top{
	background: url(../html/media/header_top2.png) repeat-x;
	height:171px;
	position:relative;
	z-index:2;
}

* html #header_top{
	background: url(../html/media/header_top2.gif) repeat-x;
}

#logo{
	background: url(../html/media/header_logo_bg.png) left bottom no-repeat;
	height:157px;
	width:292px;
	margin-left:20px;
	float:left;
}

* html #logo{
	background:none;
}

#logo h1{
	background: url(../html/media/logo.gif) 0 7px no-repeat;
	display:block;
	margin:0 auto;
	top:10px;
	padding:0;
	width:240px;
	height:124px;
	position:relative;
}

#logo h1 a{
	display:block;
	width:100%;
	height:100%;
}

#header_bottom{
	height:238px;
	margin-top:-53px;
	z-index:1;
	position:relative;
}

#hand{
	display:none;
}

#start #hand{
	background: url(../html/media/hand_top.png) top left no-repeat;
	width:405px;
	margin-top:40px;
	height:162px;
	display:block;
	float:right;
}

* html #sidebar_wrap{
	margin-top:-30px;
	margin-bottom:30px;
}

#hand_bottom{
	display:none;
}

#start #hand_bottom{
	display:block;
	position:absolute;
	right:258px;
	top:202px;
}

* html #start #hand_bottom{
	display:none;
}

/*####################################*/
/*### NAVI ###########################*/
/*####################################*/

#navi{
	float:right;
}

#navi ul{
	list-style-type:none;
	margin:0;
	padding:0;
	padding-right:3px;
	background:url(../html/media/navi_last.png) bottom right no-repeat;
	height:123px;
	display:block;
}

* html #navi ul{
	display:inline;
	padding:0;
}

* html #navi ul{
	background:url(../html/media/navi_last.png) -3px right no-repeat;
}

#navi li{
	float:left;
	margin:0;
	padding:0;	
	background:none;
	position:relative;
}

#navi a{
	display:block;
	font-size:13px;
	padding: 92px 8px 10px 15px;
	background:url(../html/media/navi_trenner.png) bottom left no-repeat;
	font-weight:bold;
	text-decoration:none;
	position:relative;
}

*:first-child+html #navi a {background:url(../html/media/navi_trenner_ie7.png) bottom left no-repeat;}

#navi a:hover, #navi a:focus, #navi .act a{
	padding:102px 8px 0px 15px;
	background:url(../html/media/navi_trenner_act.png) 0 0px no-repeat;
	color:#0d426c;
}

*:first-child+html #navi a:hover {background:url(../html/media/navi_trenner_act_ie7.png) 0 0px no-repeat;}
*:first-child+html #navi a:focus {background:url(../html/media/navi_trenner_act_ie7.png) 0 0px no-repeat;}
*:first-child+html #navi .act a {background:url(../html/media/navi_trenner_act_ie7.png) 0 0px no-repeat;}


* html #navi a:hover, * html #navi a:focus, * html #navi .act a{
	padding:92px 8px 10px 15px;
	background:url(../html/media/navi_trenner.png) bottom left no-repeat;
}

#navi li:hover .unterebene,
#navi .unterebene:hover {
	z-index: 1000;
}

#navi .unterebene a{
	padding:7px 0;
	padding-left:38px;
	background:none!important;
}

.act_bg{
	left:4px;
	line-height:0;
	top:-6px;
	position:relative;
	z-index:99;
}

.act_bg_left{
	background:url(../html/media/navi_trenner_act_bottom.png) bottom left no-repeat;
	width:100%;
	height:15px;
	display:block;
	position:absolute;
	left:0;
	top:0;
}

.act_bg_right{
	background:url(../html/media/navi_trenner_act_bottom.png) bottom right no-repeat;
	width:3px;
	height:15px;
	display:block;
	position:absolute;
	right:0;
	top:0;
}

.first .act_bg_left{
	background:url(../html/media/navi_trenner_act_first.png) bottom left no-repeat;
}

.unterebene{
	display:none;
	margin-top:-1px;
	margin-left:-20px;
	position:absolute;
	width:293px;
	padding-botatom:10px;
	padding-top:14px;
	background:url(../html/media/unterebene.png) top left no-repeat;
}

* html .unterebene{
	margin-top:-7px;
	background:url(../html/media/unterebene.gif) top left no-repeat;
}

.unterebene a{
	color:#1c6aa8!important;
}

.unterebene .last a{
	amargin-bottom:30px;
}

.unterebene a:hover, .unterebene a:focus, .unterebene .act a{
	color:#0d426c!important;
	background:url(../html/media/unterebene_act_bg.png) 25px 0px no-repeat!important;
}

* html .unterebene a:hover, .unterebene a:focus, .unterebene .act a{
	color:#0d426c!important;
	background:none!important;
	padding:7px 0 7px 38px!important;
}

/*####################################*/
/*### CONTENT ########################*/
/*####################################*/

#left{
	width:600px;
	padding:30px;
}

#content{
	position:relative;
	z-index:3;
	margin-top:-64px;
}

/*####################################*/
/*### SIDEBAR ########################*/
/*####################################*/

#sidebar_wrap{
	width:319px;
	position:relative;
	top:-30px;
	background:url(../html/media/sidebar_bg.png) top right no-repeat;
}

#sidebar{
	margin-left:14px;
	width:260px;
	min-height:250px;
	background:#e3edf4;
	bottom:-50px;
	padding-bottom:20px;
	margin-top:-30px;
	position:relative;
	padding-left:25px;
	padding-right:20px;
}

#sidebar_inhalte, #standard_sidebar_inhalte{
	margin:20px;
}

#sidebar .quote{
	color:#935627;
	margin-bottom:40px;
	font-family:Georgia;
	font-style:italic;
	font-size:14px;
	line-height:20px;
}

.zitat_quelle{
	font-style:normal;
	font-size:12px;
	line-height:16px;
	color:#333;
	margin:20px 0; 
}

.quote_top{
	float:left;
	position:relative;
	top:5px;
	padding-right:12px;
	height:22px;
	width:22px;
	display:inline;
	background: url(../html/media/quote_top.gif) top left no-repeat;
}

.quote_bottom{
	float:right;
	position:relative;
	top:3px;
	padding-right:5px;
	height:22px;
	width:22px;
	display:inline;
	padding-left:3px;
	background: url(../html/media/quote_bottom.gif) top left no-repeat;
}

#content .quote_top{
	background: url(../html/media/quote_top_content.gif) top left no-repeat;
}

#content .quote_bottom{
	background: url(../html/media/quote_bottom_content.gif) top left no-repeat;
}

#content > div > h2:first-child,
#content > div > h3:first-child,
#content > div > p:first-child {
	margin-top:70px;
}

/*####################################*/
/*### FOOTER #########################*/
/*####################################*/

#footerwrap{
	background:#1C6AA8 url(../html/media/footer_bg.gif) bottom center no-repeat;
	height:36px;
	position:relative;
}

* html #footerwrap{
	background:#1C6AA8 url(../html/media/footer_bg_ie6.gif) bottom center no-repeat;
}

html {*background:url(../html/media/footer_bg_ie7.html) 2px center no-repeat;}

h2 {*background:url(../html/media/h2_bg.gif) left -18px}

* html h2 {background:#1C6AA8}
*:first-child+html h2 {background:#1C6AA8;}

#footer{
	margin:0 auto;
	width:924px;
	padding:8px;
	color:#e3edf4;
	line-height:22px;
	font-size:11px;
}

#footer a{
	color:#e3edf4;
	margin-left:10px;
}

/*####################################*/
/*### FORMULARE ######################*/
/*####################################*/

fieldset{
	border:none;
	width:470px;
	padding:30px 0;
}

label{
	width:130px;
	display:block;
	float:left;
}

input, textarea, select{
	width:300px;
	margin-bottom:20px;
	float:left;
}

.csc-mailform-check{
	width:auto;
	margin-left:0;
	margin-right:280px;
}

.csc-mailform-submit{
	margin-left:130px;
	background:#1C6AA8;
	border:none;
	font-weight:bold;
	color:#fff;
	height:36px;
}

/*####################################*/
/*### CE BILDER ######################*/
/*####################################*/

.csc-textpic-imagewrap {
    max-width: 100%;
}

.csc-textpic-imagewrap DL.csc-textpic-image {
    max-width: 100%;
    overflow: hidden;
}

.csc-textpic-imagewrap img{
	padding-top:5px;
}

.csc-textpic-above img{
	padding-top:16px;
}

.csc-textpic-intext-left img{
	padding-right:15px;
}

.csc-textpic-intext-right img{
	padding-left:15px;
}

.csc-textpic-caption{
	font-size:11px;
	font-style:italic;
	padding-bottom:5px;
}

.csc-textpic-intext-right .csc-textpic-caption{
	padding-left:15px;
}

.csc-textpic-intext-left {*margin-top: 21px;}

.csc-textpic-intext-right img, .csc-textpic-intext-left img {
	padding-top:20px;
} 


/*####################################*/
/*### TABELLEN #######################*/
/*####################################*/

td{
	background:#E3EDF4;
	padding:0px 6px;
	vertical-align:top;
}

.tr-even td{
	background:#eef4f8;
}

th{
	background:#1C6AA8;
	padding:0px 6px;
	vertical-align:top;
	color:#fff;
	text-align:left;
}