@charset "utf-8";
/* CSS Document */

body, html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
	margin: auto;
	padding: 0px;
}
body {
	font-family: Trebuchet MS, Verdana, Arial;
	background-color: #d3e0f9;
	background-image: url(../images/hg_kachel.jpg);
	background-repeat: repeat-x;
	font-size:13px;
	color: #636363;	
}
h1{
	font-family: Trebuchet MS, Verdana, Arial;
	font-size:32px;
	font-variant:small-caps !important;
	color:  #e68301;
	font-style: normal;
	font-weight: normal;
	margin:0px 0px 0px 30px;
}
h2{
	font-family: Trebuchet MS, Verdana, Arial;
	font-size:22px;
	font-variant:small-caps !important;
	color:  #e68301;
	font-style: normal;
	font-weight: normal;
	margin:10px 0px 7px 0px;
}
h3{
	font-family: Trebuchet MS, Verdana, Arial;
	font-size:18px;
	font-variant:small-caps !important;
	color:  #fff;
	font-style: normal;
	font-weight: bolder;
	margin:0px 0px 0px 0px;
}
h4{
	font-family: Trebuchet MS, Verdana, Arial;
	font-size:17px;
	font-variant:small-caps !important;
	color:  #00367e;
	font-style: normal;
	font-weight: bolder;
	margin:10px 0px 0px 30px;
}
hr{
	font-size:1px;
	color:  #fff;
	border-top: 1px solid #bfbfbf;
}
/*----------------- links -----------------*/
a:link {
	color: #636363;
	text-decoration: underline;
	font-size:13px;
	font-weight: normal;
}
a:visited {
	color: #636363;
	text-decoration: underline;
	font-size:13px;
	font-weight: normal;
}
a:hover {
	color: #00367e;
	text-decoration: underline;
	font-size:13px;
	font-weight: normal;
}
a:active {
	color: #00367e;
	text-decoration: underline;
	font-size:13px;
	font-weight: normal;
}

.klein a:link {
	color: #7cb8f0;
	text-decoration: underline;
	font-size:12px;
	font-weight: normal;
}
.klein a:visited {
	color: #7cb8f0;
	text-decoration: underline;
	font-size:12px;
	font-weight: normal;
}
.klein a:hover {
	color: #e68301;
	text-decoration: underline;
	font-size:12px;
	font-weight: normal;
}
.klein a:active {
	color: #e68301;
	text-decoration: underline;
	font-size:12px;
	font-weight: normal;
}

.klein_hell a:link {
	color: #fff;
	text-decoration: underline;
	font-size:12px;
	font-weight: normal;
}
.klein_hell a:visited {
	color: #fff;
	text-decoration: underline;
	font-size:12px;
	font-weight: normal;
}
.klein_hell a:hover {
	color: #e68301;
	text-decoration: underline;
	font-size:12px;
	font-weight: normal;
}
.klein_hell a:active {
	color: #e68301;
	text-decoration: underline;
	font-size:12px;
	font-weight: normal;
}

.navi_unten a:link {
	color: #00367e;
	text-decoration: none;
	font-size:11px;
	font-weight: normal;
}
.navi_unten a:visited {
	color: #00367e;
	text-decoration: none;
	font-size:11px;
	font-weight: normal;
}
.navi_unten a:hover {
	color: #e68301;
	text-decoration: none;
	font-size:11px;
	font-weight: normal;
}
.navi_unten a:active {
	color: #e68301;
	text-decoration: none;
	font-size:11px;
	font-weight: normal;
}
/*----------------- links -----------------*/

#wrapper{
	width: 968px;
	height: 100%;
	margin: 0px auto;  /*mittig ausrichten*/
	background-image: url(../images/hg_wrapper.jpg);
	background-repeat: repeat-y; 
	position:relative;
	}
/*----------------- Divs -----------------*/
#top{
	width: 968px;
	height: 47px;
	float:left;
	background-image: url(../images/hg_top.jpg);
	background-repeat: no-repeat;
	padding:25px 0px 0px 0px;
}
#slide{
	width: 968px;
	height: 335px;
	float:left;
	background-image: url(../images/hg_slide.jpg);
	background-repeat: no-repeat;
	padding:0px 0px 0px 0px;
}
#main{
	width: 968px;
	height: auto;
	float:left;
}
	#main_left{
		width: 658px;
		height: auto;
		float:left;
	}
		#hauptnavi{
			width: 658px;
			height: 81px;
			float:left;
			background-image: url(../images/hg_hauptnavi.jpg);
			background-repeat: no-repeat;
			padding:0px 0px 0px 0px;
		}
		#main_content{
			width: 622px;
			height: auto;
			float:left;
			padding:20px 30px 0px 4px;
		}
		
		
	#main_right{
	width: 309px;
	height: auto;
	float:left;
	}
		#login_top{
			width: 248px;
			height: 51px;
			float:left;
			background-image: url(../images/hg_login_top.jpg);
			background-repeat: no-repeat;
			padding:30px 25px 0px 35px;
		}
		#login_kachel{
			width: 308px;
			height: auto;
			float:left;
			background-image: url(../images/hg_login_kachel.jpg);
			background-repeat: repeat-y;
			padding:0px 0px 0px 0px;
		}
		#login_bottom{
			width: 308px;
			height: 24px;
			float:left;
			background-image: url(../images/hg_login_bottom.jpg);
			background-repeat: no-repeat;
			padding:0px 0px 0px 0px;
		}
		#right_content{
			width: 255px;
			height:auto;
			float:left;
			border-left: 1px solid #bfbfbf;
			padding:0px 30px 10px 20px;
		}
		#right_greenxpress{
			width:305px;
			height:125px;
			float:left;
		}
		#right_hersteller{
			width:305px;
			height:auto;
			float:left;
		}
		.right_aktion{
			width:306px;
			height:auto;
			float:left;
			background-image: url(../images/hg_login_kachel_02.jpg);
			background-repeat: repeat-y;
		}
	
#bottom{
	width: 968px;
	height: auto;
	float:left;
}
		#bottom_top{
			width: 968px;
			height: 51px;
			float:left;
			background-image: url(../images/hg_bottom_top.jpg);
			background-repeat: no-repeat;
			padding:0px 0px 0px 0px;
		}
		#bottom_kachel{
			width: 968px;
			height: auto;
			float:left;
			background-image: url(../images/hg_bottom_kachel.jpg);
			background-repeat: repeat-y;
			padding:0px 0px 0px 0px;
		}
		#bottom_left{
			width: 628px;
			height: auto;
			float:left;
			padding:0px 0px 0px 30px;
		}
		#bottom_right{
			width: 230px;
			height: auto;
			float:left;
			padding:0px 30px 0px 50px;
		}
		#bottom_bottom{
			width: 960px;
			height: 40px;
			float:left;
			background-image: url(../images/hg_bottom_bottom.jpg);
			background-repeat: no-repeat;
			padding:25px 8px 0px 0px;
		}
/*----------------- Divs -----------------*/
/*----------------- Class -----------------*/
.right_box{
	width: 255px;
	height:auto;
	float:left;
	border-left: 1px solid #bfbfbf;
	padding:15px 30px 15px 20px;
}
/*----------------- Class -----------------*/
/*----------------- sonstiges -----------------*/
.ul01{
	margin:15px 0px 0px 40px;
	padding:0px 0px 4px 0px;
	width:230px;
}
.ul01 li {
	list-style-type: none;
	padding:8px 0px 0px 22px;
	margin-bottom:4px;
	background:url(../images/pfeil.gif) 0 1px no-repeat;
	text-align:left;
}

.ul02{
	margin:15px 0px 0px 40px;
	padding:0px 0px 4px 0px;
	width:580px;
}
.ul02 li {
	list-style-type: none;
	padding:8px 0px 0px 22px;
	margin-bottom:4px;
	background:url(../images/pfeil.gif) 0 1px no-repeat;
	text-align:left;
}

.ul03{
	margin:15px 0px 0px 200px;
	padding:0px 0px 4px 0px;
	width:380px;
}
.ul03 li {
	list-style-type: none;
	padding:8px 0px 0px 22px;
	margin-bottom:4px;
	background:url(../images/pfeil.gif) 0 1px no-repeat;
	text-align:left;
}
.btn_support{
	float:left;
}
.bild_links{
	float:left;
	border: none;
	margin:7px 15px 5px 0px;
}
.bild_rechts{
	float:right;
	border: none;
	margin:10px 0px 5px 15px;
}
.hersteller_logos{
	float:left;
	border: none;
	margin:7px 15px 5px 20px;
}
.text_right{
	margin: 10px 0px 10px 0px;
}
.klein_blau{
	font-size:12px;
	color:  #7cb8f0;
	line-height:15px;
}
.gross_blau{
	font-size:28px;
	color:  #00367e;
	font-style: normal;
	font-weight: bold;
}
.navi_unten_aktiv {
	color: #e68301;
	text-decoration: none;
	font-size:11px;
	font-weight: bold;
}
.subnavi_aktiv {
	color: #00367e;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
}
/*----------------- standard -----------------*/
.absatz-kapitalisiert:first-letter {
	font-size:300%;
	float:left;
	color:#00367e;
}
p {
 margin: 10px 0px 5px 30px;
}	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}	
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */