html {
	height:100%;
}
body {
	background:url(../img/bgr.png) repeat-x;
	background-color:#edeef2;
	height:100%;
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:11px;
	color:#666666;
}

.clear {
	clear:both;
}

#container {
	width:990px; 
	text-align:left;
	background:url(../img/bgr_head.v4.png) no-repeat;
	position:relative; 								/* needed for footer positioning*/
	/* margin:0 auto; */ 									/* center, not in IE5 */
	height:auto !important; 						/* real browsers */
	height:100%; 										/* IE6: treaded as min-height*/
	min-height:100%; 									/* real browsers */
	/* border:1px solid red; */
}

#content {
	padding:0 0 50px 0; 								/* bottom padding for footer */
}

#footer {
	position:absolute;
	width:100%;
	bottom:0; 											/* stick to bottom */
	margin:0 0 10px 0;
	text-align:right;
	color:#999999;
}

#footer a {
	color:#999999;
	text-decoration:none;	
}

#footer a:hover {
	color:#999999;
	text-decoration:underline;	
}

#head {
	width:100%;
}

a {
	color:#002c75;
	text-decoration:none;
}

a:hover {
	color:#002c75;
	text-decoration:underline;
}

.youarehere {
	float:left;
	color:#999999;
	font-family:verdana;
	font-size:10px;
	margin:7px 0 27px 5px;
	width:640px;
	/* border:1px solid red; */
}

.youarehere a {
	color:#999999;
	text-decoration:none;	
}

.youarehere a:hover {
	color:#888888;
	text-decoration:underline;	
}

.datum {
	float:right;
	text-align:right;
	color:#999999;
	font-family:verdana;
	font-size:10px;
	padding:7px 150px 0 0;
}

#headline {
	float:left;
	/* border:1px solid blue; */
}

h1 {
	font-family:arial;
	font-size:14px;
	color:#002c75;
	margin:0;
	padding:0;
	letter-spacing:2px;
}

.h1_sub {
	color:#666666;
	font-family:verdana;
	font-size:11px;
	margin:3px 0 0 0;	
}

.h1_sub a {
	color:#999999;
	text-decoration:none;	
}

.h1_sub a:hover {
	color:#999999;
	text-decoration:underline;	
}

.h1_sub_produkt {
	color:#999999;
	font-family:verdana;
	font-size:11px;
	margin:3px 0 0 0;	
}

.h1_sub_produkt a {
	color:#999999;
	text-decoration:none;	
}

.h1_sub_produkt a:hover {
	color:#999999;
	text-decoration:underline;	
}

#steps {
	float:right;
	vertical-align:middle;
	font:bold 11px arial;
}

#steps a {
	color:#002c75; 
	text-decoration:none;
	margin:0 5px 0 5px;
}

#steps a:hover {
	color:#002c75; 
	text-decoration:underline;
	margin:0 5px 0 5px;
}

#go {
	float:right;
	vertical-align:middle;
	font:bold 11px verdana;
	letter-spacing:2px;
}

#go a {
	color:#002c75; 
	text-decoration:none;
	margin:0 5px 0 0;
}

#go a:hover {
	color:#002c75; 
	text-decoration:underline;
	margin:0 5px 0 0;
}

h2 {
	font-family:verdana;
	font-size:11px;
	color:#666666;
	margin:20px 0 5px 0;
	padding:0;
}

.nav {
	height:28px;
}

#nav_home {
	float:left;
	background:url(../img/home.gif) no-repeat; 
	width:70px; 
	height:28px; 
	padding:0 0 0 5px;
}

#nav_favoriten {
	float:left;
	background:url(../img/favoriten.gif) no-repeat; 
	width:150px; 
	height:28px; 
	padding:0 0 0 30px;
}

#nav_favoriten a {
	font:normal 10px verdana; 
	color:#787878; 
	text-decoration:none;
}

#nav_favoriten a:hover {
	font:normal 10px verdana; 
	color:#787878; 
	text-decoration:underline;
}

#nav_katalog {
	float:left; 
	background:url(../img/nav_katalog.gif) no-repeat;
	width:170px; 
	height:28px; 
	padding:0 0 0 30px;
}

#nav_suche {
	float:left; 
	background:url(../img/nav_suche.gif) no-repeat;
	width:163px; 
	height:28px; 
	padding:0 0 0 30px;
}

#nav_zufall {
	float:left; 
	background:url(../img/nav_zufall.gif) no-repeat; 
	width:142px; 
	height:28px; 
	padding:0 0 0 30px;
}

#nav_katalog a, #nav_suche a, #nav_zufall a {
	font:bold 10px verdana;
	color:#787878;
	text-decoration:none;
}

#nav_katalog a:hover, #nav_suche a:hover, #nav_zufall a:hover {
	font:bold 10px verdana;
	color:#787878;
	text-decoration:underline;
}

.l {
	float:left; 
	width:600px; 
	padding:30px 0 0 30px;
	background:url(../img/bgr_or.gif) no-repeat;
}

.r {
	float:right;
	width:310px;
	/* border:1px solid red; */ 
	margin:20px 0 0 0;
	padding:30px 0 0 0;
}

.f { 
	padding:30px 0 0 30px;
	background:url(../img/bgr_or.gif) no-repeat;
}

.teaser {
	margin:40px 0 0 0;
}

.teaser h2 {
	margin:0;
	padding:0;
	font:bold 11px verdana;
	letter-spacing:1px;
}

.teaser .subinfo {
	margin:5px 0 15px 0;
	font:normal 10px verdana;
	color:#999999;
}

.teaser .subinfo a {
	color:#999999;
	text-decoration:none;
}

.teaser .subinfo a:hover {
	color:#999999;
	text-decoration:underline;
}

.teaser .short {
	font:normal 11px verdana;
	line-height:170%;
}

.teaser .short a.go {
	font:bold 11px arial; 
	color:#002c75;
	text-decoration:none;
	letter-spacing:2px;
	margin:0 40px 0 0;
}

.teaser .short a.go:hover {
	font:bold 11px arial; 
	color:#002c75;
	text-decoration:underline;
	letter-spacing:2px;
	margin:0 40px 0 0;
}

.teaser2 { }

.teaser2 h2 {
	margin:0 0 10px 0;
	padding:0;
	font:bold 11px verdana;
	letter-spacing:1px;
}

.teaser2 a { 
	color:#002c75;
	text-decoration:none;
}

.teaser2 a:hover { 
	color:#002c75;
	text-decoration:underline;
}

.teaser2 .short {
	font:normal 11px verdana;
	line-height:170%;
}

.bildbox {
	float:left; 
	margin:0 20px 0 0;
}

.bild {
	background:url(../img/bgr_img_mo.gif) no-repeat; 
	width:100px; 
	padding:2px 0 0 2px;
}

.bildinfo {
	margin:3px 0 10px 0;
}

.enlarge {
	background:url(../img/plus.gif) no-repeat 0px 4px; 
	padding:0 0 0 12px; 
	font:normal 10px verdana; 
	color:#999999;
}

.enlarge a { 
	color:#999999;
	text-decoration:none;
}

.enlarge a:hover { 
	color:#999999;
	text-decoration:underline;
}

.katinfo {
	font:normal 12px verdana;
	letter-spacing:1px;
	color:#666666;
	line-height:170%;
}

.produkt {
	margin:40px 0 0 0;
}

.produkt h2 {
	margin:0;
	padding:0;
	font:bold 11px verdana;
	letter-spacing:1px;
}

.produkt .subinfo {
	margin:5px 0 15px 0;
	font:normal 10px verdana;
	color:#999999;
}

.produkt .subinfo a {
	color:#999999;
	text-decoration:none;
}

.produkt .subinfo a:hover {
	color:#999999;
	text-decoration:underline;
}

.produkt .long {
	font:normal 11px verdana;
	line-height:170%;
}

.bildbox_l {
	float:left; 
	margin:0 20px 5px 0;
}

.bild_l {
	background:url(../img/bgr_img_lo.gif) no-repeat; 
	width:149px; 
	padding:3px 0 0 3px;
}

#up {
	float:left;
	/* border:1px solid blue; */
}

#up a {
	color:#999999;
	text-decoration:none;	
}

#up a:hover {
	color:#999999;
	text-decoration:underline;	
}


.error {
	color:red;
	font-weight:bold;
	margin:15px;
}

.divider {
	background-color:#f0f0f0; 
	height:1px; 
	width:300px;
	/* margin:0 0 0 20px; */
}




/* Link- Wolken */

.linkwolke {
	line-height:25px;
	margin:0 10px 0 10px;
	text-align:justify;
}
.linkwolke a {
	margin:0 20px 0 0;
	text-decoration:none;
}
.linkwolke a:hover {
	margin:0 20px 0 0;
	text-decoration:underline;
}

.linkwolke_hl {
	font:bold 10px verdana;
	color:#666666;
	text-transform:uppercase;
	margin:3px 0 15px 0;
}

a.font02, a.font03, a.font05, a.font31, a.font22 { 
	font-weight: 800;
}

/* Farben; Standard: dunkles Grau   */
a.font02, a.font03, a.font05, a.font32, a.font23 { 
	color:#999999;						/* helles Grau	 */
}
a.font01, a.font31, a.font21, a.font4 { 
	color: #002c75;					/* Blau  */
}
a.font22, a.font51 { 
	color: #8DCC42;					/* Gruen  */
}

a.font01 { 
	font-size: 9px; 
}
a.font02,a.font21, a.font22, a.font23 { 
	font-size: 10px; 
}										
a.font03, a.font31, a.font32 { 
	font-size: 11px; 
}										
a.font04 { 
	font-size: 12px;
}
a.font05, a.font51 { 
	font-size: 13px; 
}
.kontaktformular {
	margin:0 0 0 200px;
	padding:40px 0 0 0;
}

.kontaktformular .box {
	background:url(/img/form_center.gif) repeat-x; 
	padding:0 5px 0 5px; 
	height:24px;
}

.kontaktformular .box INPUT {
	height:14px; 
	font-size:11px; 
	color:#666666; 
	font-family:Verdana, Arial; 
	border:0px none;
}

.kontaktformular .box .error {
	height:14px; 
	font-size:11px; 
	color:red; 
	font-family:Verdana, Arial; 
	border:2px none;
}

.kontaktformular .bigbox {
	background:url(/img/form_area_content.gif) repeat-y; 
	padding:5px 10px 5px 10px; 
	width:553px;
}

.kontaktformular .bigbox TEXTAREA {
	width:530px; 
	height:100px; 
	font-size:11px; 
	color:#666666; 
	font-family:Verdana, Arial; 
	border:0px none;
}

.kontaktformular .bigbox .error {
	width:530px; 
	height:100px; 
	font-size:11px; 
	color:red; 
	font-family:Verdana, Arial; 
	border:0px none;
}


.favodiv {
	border: 1px solid #cccccc;
	background-color: white; 
	width: 230px; 
	padding: 1px;
}

.fav_m 			{ margin:0; padding:0; width:230px; height:360px; font-family:Verdana; font-size:10px; } 
.fav_m a			{ text-decoration:none;	border-bottom:1px dotted #89a228; color:#89a228; }
.fav_m a:hover { text-decoration:none;	border-bottom:1px solid #89a228;	color:#89a228; }

.adbox {
	background:url(../img/bigbox_o.gif) no-repeat; 
	width:300px;
}
.adbox_footer {
	width:300px;
	height:2px;
}

.suche_hl {
	margin:5px 0 0 0;
	padding:3px 0 0 0;
	font:bold 10px verdana;
	color:#666666;
	background:url(/img/bgr_h2.gif) no-repeat;
	height:22px;
}


/* Ihre Auswahl... */

.iauswahl {
	line-height:25px;
	margin:0 10px 0 10px;
	text-align:justify;
}
.iauswahl a {
	margin:0 20px 0 0;
	text-decoration:none;
}
.iauswahl a:hover {
	margin:0 20px 0 0;
	text-decoration:underline;
}

.iauswahl_hl {
	font:bold 10px verdana;
	color:#666666;
	text-transform:uppercase;
	margin:3px 0 15px 0;
}
.iauswahl .i1 { 
	line-height:15px;
	margin:5px 0 5px 0;
} 
.iauswahl .i2 { 
	line-height:14px;
	font-family:verdana;
	font-size:11px;
	margin:5px 0 5px 10px;
}

.intro {
	font:normal 11px verdana; 
	line-height:170%; 
	letter-spacing:1px; 
	color:#666666; 
	margin:30px 0 0 0; 
	padding:0 20px 0 0;
}