﻿* 				{padding: 0; margin: 0;}
html 				{height: 100%;} /* IE Hack f&uuml;r 100 % H&ouml;he */

th 				{margin: 0px; padding: 0px;}
ul 				{margin: 5px 0 5px 10px; padding: 0 0 0 5px;}
p				{padding-bottom:5px;}
/* li 				{list-style-image:url('../images/list_pic00_5x5_orange.gif'); line-height:20px;} */
li				{
	line-height:20px;
}
.trennlinie		{margin:5px 0; border-bottom:3px solid #ddd;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0;
	/* background-color: #EAEAEA; */
	background-color: #FFFFFF;
	/*background: url(../images/bg_body1.jpg) no-repeat top;*/
	color: #33434C;
	line-height: 16px;
	width: 100%;
	height: 100%;
	min-height: 100%;
}
/* ===================================================== */
/* main */
/* ===================================================== */
#wrapper {
	margin: auto;
	width: 1000px;
	height: auto !important;
	height: 100%;
	padding: 0px 0;
	/* border-left: 1px solid #ddd; */
	/* border-right: 1px solid #ddd; */
	background-color: #FFFFFF;
	/* #8994A0; */
}
/* ===================================================== */
/* main */
/* ===================================================== */
#main1 						{height:auto; padding: 0;}
/* ===================================================== */
/* - Logo - */
/* ===================================================== */
#header_logo 				{
	padding: 5px 0 5px 0px; margin-bottom:1px; background-color:#fff;
	/* border-left:1px solid #eeeeee; */
	/* border-right:1px solid #eeeeee; */
	}
#header_logo .left			{float:left; padding:15px 0 2px 0; height:70px; width: 430px;}
#header_logo .right 		{float:left; padding:15px 0 0 0; height:70px;}
#header_logo .right img 	{margin-right:15px;}
#header_logo img 			{border:none; padding-top:5px;}
#header_logo .marke			{padding:0px 0 0 0px;}
#header_logo .right_marke	{float:right; padding:5px 0 0 0;}
#header_logo .right_marke img	{margin:0;}
/* ===================================================== */
/* - Sonstiges - */
/* ===================================================== */
#header_sonst 			{
	padding: 0px 5px 2px 10px; height: 20px;color: #ccc; margin-bottom:5px;
	/* border-left:1px solid #eeeeee; */
	/* border-right:1px solid #eeeeee; */
	font-size:11px;
	}
#header_sonst .left		{float:left; padding:0 0 2px 0;}
#header_sonst .right	{float:right; height:20px; padding-bottom:2px;}
#header_sonst a 		{line-height:25px; padding: 0 3px 0 0; color:#999}
#header_sonst a:hover 	{color: #000000; text-decoration:none;}
#header_sonst td 		{padding-right: 3px; padding-left: 3px;}
/* ===================================================== */
/* - Navigation - #797A7C*  FF6400 */  
/* ===================================================== */
#header_nav 			{border-top:1px solid #666666; border-bottom:1px solid #666666;
							font-weight:bold; background-color: #33434C;
							background:url('../images/bg_header_nav.jpg') repeat-x; height:30px;}

#header_nav a 			{color: #eee; padding: 8px 18px; text-decoration: none;}
#header_nav a:hover 	{color: #fff; background-color:#333;}
#header_nav a.sel		{color: #fff; background-color:#333;}
#header_nav ul 			{list-style-type: none;	margin: 0; padding:0;}
#header_nav li 			{display: inline; line-height:30px;}


.hspacer1 				{border-top:1px solid #fff;}
#teaser 				{height:240px; color:#000000; 
							background:url('../images/bg_verlauf4.jpg') repeat-x 30%;}
#teaser .col1			{width:170px; height:230px; float:left; padding:5px 5px 5px 10px;}
#teaser .col2			{width:505px; height:240px; float:left;}
#teaser .col2 img		{width:505px; height:240px;}
#teaser .flash	  		{margin-bottom:-4px; }
#teaser img				{padding:0; margin:0; border:0;}
#teaser .col3			{width:263px; height:230px; float:left; padding:5px 10px;}
	
#teaser h2 				{font-size: 14px; padding: 5px 0 10px 0; font-weight:bold;}
#teaser h3				{font-size: 14px; padding: 5px 0 10px 0px; font-weight:bold;}
#teaser h4 				{font-size: 22px; padding: 10px 0 10px 10px;}
#teaser h5 				{font-size: 12px; padding: 5px 0 10px 0; font-weight:bold;}

.hspacer2 				{border-top:1px solid #fff;}


/* ===================================================== */
/* - Teaser - genau-so-gut-wie-neu /*
/* ===================================================== */
#teaser_gsgwn 				{height:160px; color:#000000; background:#bbc800;}
#teaser_gsgwn .col1			{width:170px; height:150px; float:left; padding:5px 5px 5px 10px;}
#teaser_gsgwn .col2			{width:505px; height:160px; float:left;}
#teaser_gsgwn .col2 img		{width:505px; height:160px;}
#teaser_gsgwn .flash		{margin-bottom:-4px; }
#teaser_gsgwn img			{padding:0; margin:0; border:0;}
#teaser_gsgwn .col3			{width:263px; height:150px; float:left; padding:5px 10px;}
	
#teaser h2 				{font-size: 14px; padding: 5px 0 10px 0; font-weight:bold;}
#teaser h3				{font-size: 14px; padding: 5px 0 10px 0px; font-weight:bold;}
#teaser h4 				{font-size: 22px; padding: 10px 0 10px 10px;}
#teaser h5 				{font-size: 12px; padding: 5px 0 10px 0; font-weight:bold;}

/* ===================================================== */
/* - Teaser Menu - /*
/* ===================================================== */
#teaser_menu						{background-color:#33434C ;border-top :1px solid #fff; height:20px;}
#teaser_menu .menu ul				{margin:0; padding:0;}
#teaser_menu .menu li				{
										position: relative; 
										float: left; 
										list-style: none;	
										border-right:1px solid #666; 
										font-size:11px;
									}
#teaser_menu .menu li a				{display: block; text-decoration:none; color:#fff; padding:0 30px;
										background:url('../images/list_menu_quadr_grau1.gif') no-repeat center left;
}
#teaser_menu .menu li a:hover		{background-color:#000; color:#ccc; text-decoration:none;}
#teaser_menu .menu li span			{color:#fff; border:none; padding:0 30px 0 10px; font-weight:bold;}

/* ===================================================== */
/* - Teaser Menu - /*
/* ===================================================== */
/* #teaser_menu			{color:#000000; background-color:#33434C; border-top:1px solid #fff; height:22px;} */
/* #teaser_menu li			{list-style-image:none;} */
/* #teaser_menu ul			{ } */

/* #teaser a				{color:#666666; line-height:20px;} */
/* #teaser a:hover			{color:#000000;text-decoration:underline;} */

/* ===================================================== */
/* content */ 
/* ===================================================== */
#content_main 	{
	height:100%;
	/* border:1px solid blue; */

	border-left:1px solid #ddd;
	border-right:1px solid #ddd;

}
/* ===================================================== */
/* ueberschriften */
/* ===================================================== */
#content_main h1, #content_main h2, #content_main h3 {
						font-weight:bold;color:#336699;color:#333333;font-family:Arial, Helvetica, sans-serif;}

#content_main h1 		{display:block;font-size: 22px;line-height: 25px;padding: 0 0 15px 0;}
#content_main h2 		{font-size: 16px; padding: 5px 0 15px 0px; color:#333;} /* blau color:#0045a1; */
#content_main h2 a  	{color:#336699; color:#333333;padding:0 0 0 15px; 
							background:url(../images/list_pic00_5x5_orange.gif) no-repeat left center;}
#content_main h3 		{padding: 20px 0 5px 0;	height: 15px;}
#content_main h4 		{font-size:12px; font-weight:bold; padding:10px 0 5px 0;}

#content_main .preis 			{text-align:right; float:right; font-weight:bold; font-size:14px; font-family:Verdana; width: 50%; padding:10px 0 0 0;}

#content_main .txt2 				{width: 250px; float:left; padding:5px; /* border: 1px solid orange; */}
#content_main .txtc				{text-align:center; border:1px solid #ccc;}
#content_main .txtrahmen 		{border:1px #cccccc solid }
#content_main .txtpadding 		{padding: 5px 10px; }
#content_main .txtverlauf		{background:url('../images/bg_verlauf_txt.jpg') repeat-x 0% 20%;}
#content_main .txtrahmenr		{border-right:1px solid #cccccc; padding-right:20px; margin-right:20px;}
#content_main .txtpaddingleft	{padding-left:15px;}

/* ===================================================== */
/* - Content - left - */
/* ===================================================== */

#content1 							{width:175px; float: left; padding:0 5px 0 5px; margin-top:5px; height:350px; /*border:1px solid blue;*/}
#content1 .menu 					{font-family: Arial, sans-serif; font-size: 11px; }
#content1 ul 						{padding:0; margin:0;}
#content1 .menu li					{display: block; line-height:16px;}
#content1 .menu li a				{display: block; text-decoration:none; font-weight:bold; color:#777;}
#content1 .menu li a:hover			{display: block; color:#000;}


/* === LEVEL 0 === */
#content1 .menu span li.level0		{height:1%;}
#content1 .menu li.level0			{}
#content1 .menu li a.level0			{height:1%; padding:0px 0 0px 25px; /* border-bottom:1px solid #ccc; */
										background:url('../images/menu_dreieck_rechts_weiss.gif') no-repeat center left;}
#content1 .menu li a.level0:hover	{}
#content1 .menu span li.sel0		{}

#content1 .menu li a.sel0			{color:#000; height:1%; padding:0px 0 0px 25px; 
										background:url('../images/menu_dreieck_unten_weiss.gif') no-repeat bottom left;}

/* === LEVEL 1 === */
#content1 .menu li.level1			{height:1%;}
#content1 .menu li a.level1			{padding: 0 0 0 35px;}
#content1 .menu li a.level1:hover	{}
#content1 .menu li a.sel1			{padding: 0 0 0 35px; height:1%; font-weight:bold; color:#000;}


/* === LEVEL 1 === */
#content1 .menu  .caption99			{font-weight:bold; padding:10px 0 4px 10px; margin:20px 0 5px 0; color:#000;
										/* border-top:1px solid #ccc; */ border-bottom:1px solid #ccc;} 

#content1 .menu li.level99			{height:1%;}
#content1 .menu li a.level99			{padding: 0 0 0 15px;}
#content1 .menu li a.level99:hover	{}
#content1 .menu li a.sel99			{padding: 0 0 0 15px; height:1%; font-weight:bold; color:#000;}

#content1 .menu li.levelsplit		{padding-top:10px; height:1%;}

/* === Überschrift === */
#content1 .menu li.uschrift0		{background: #33434C; color: #fff; padding: 0 0 0 15px; height:1%;}

#content1 .trennlinie 				{border-bottom:1px solid #ccc; padding:0; margin-left: 5px;}

/* ===================================================== */
/* content2 */ 
/* ===================================================== */
#content2 	{
	width:780px;
	padding: 5px 5px 0px 10px;
	margin:0 5px 0 0;
	background-color:#ffffff;
	border-left:1px solid #eee;
	float:left;
	/*border:1px solid blue; */
}

#content2 .txt {
	width:770px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #fff;
	/* padding: 5px; */
	/* border: 1px solid orange;*/
}

/* ===================================================== */
/* content3 */ 
/* ===================================================== */
#content3 	{
	width:540px;
	height:100%;
	padding: 5px 5px 5px 10px;
	margin:0 5px 5px 0;
	background-color:#ffffff;
	float:left;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	 /*border:1px solid blue; */
}
#content3 .txt,
#content3 .txt_c3c4 {
	width:530px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #fff;
	/* padding: 5px; */
	/* border: 1px solid orange;*/
}


/* ===================================================== *
/* content4 - frame right - */
/* ===================================================== */
#content4 						{width:245px; float:left; padding-top:5px; /*border: 1px solid blue;*/ }
#content4 .txt2 					{width: 100%; padding:0px;}

#content4 .txtbox1				{float: left; border-bottom:1px solid #eee; 
									background:url('../images/bg_verlauf4.jpg') repeat-x 0% 70%;}
#content4 .txtbox1 img			{margin:5px;}
#content4 .txtbox1 h2 			{font-size:11px; text-align:left; padding:5px;
									background:url('../images/bg_verlauf4_h2.jpg') repeat-x 0% 40%;}
#content4 .txtbox1 h2 a  			{display:block; margin: 0px 0 0 5px;}
#content4 .txtbox1 .txtinner		{padding:5px 5px 5px 10px; border-top:1px solid #eee; font-size:12px;}								
#content4 .txtbox1 .txtinner img 	{float:right; width:80px; border:none; margin-top:-2px;}

#content4 .txtbox1,
#content4 .flash				{float: left; padding:0; margin-bottom:5px; width: 100%;	}
#content4 .flash a 				{margin:0 0 0 10px; }

#content4 .txtbox1				{/*border:1px solid blue; */}

/* ===================================================== *
/* content4 - Menu */
/* ===================================================== */
#content4 .menu 			{
								width:225px; 
								border-top:1px solid #fff;
								border-bottom:1px solid #ccc;
								border-right:1px solid #ccc;
								background:#E6E6EB; padding-top:5px; margin-bottom:3px;
							}
#content4 .menu a			{
								font-size:11px; font-weight:normal;
								padding-left: 15px;
								background:url(../images/list_pic00_5x5_orange.gif) no-repeat left center;
							}

/* =========================== */

#content4 .trennlinie		{border-bottom:1px solid #fff; margin:0;}


/* ===================================================== */
/* Kontakt */
/* ===================================================== */
.kontakt 				{padding-bottom:5px; font-size:11px; height:155px;
							background:url('../images/bg_verlauf_txt.jpg') repeat-x 0% 20%;
							padding:5px 0 0 5px; border:1px solid #ccc; /*border:1px solid fuchsia; */}


.kontakt_bild img		{background-color: #ffffff; padding:2px; border:1px solid #ccc; }
.kontakt_name 			{font-weight:bold; font-size:11px; padding:5px 0;}
.kontakt_funktion 		{padding-top:0px; padding-bottom:10px; }
.kontakt_komm 			{padding-top:5px; }
.kontakt_email 			{padding:5px 0 0 0; }
.kontakt_email a 		{
							padding:0 0 0 15px;
							background:url(../images/email.gif) left center no-repeat;
							color:#000066;
							font-weight:bold	;
						}

.bg_blau_wolken {
		background:url('../images/bg_blau_wolken.jpg') repeat;
}

/* ===================================================== */
/* footer */
/* ===================================================== */

.chrismas, .chrismas2, .sylvester, .neujahr	{
	color: #fff; font-weight:bold; 
	width:520px; padding: 10px 0 20px 5px; 
	margin-bottom: 10px; height:120px;
	}
						 
.chrismas 				{background:url(../images/feste/chrismas_01.png) 10% 50% no-repeat;}
.chrismas2 				{background:url(../images/feste/chrismas_02.png) 10% 30% no-repeat;}
.sylvester 				{background:url(../images/feste/sylvester_01.png) 10% 30% no-repeat;}
.neujahr 				{background:url(../images/feste/neujahr_01.png) 10% 30% no-repeat;}

/* ===================================================== */
/* footer */
/* ===================================================== */
#footer 					{clear:both; font-size: 11px; height: 30px;	background:#33434C; padding-top:5px; color:#fff;}
#footer a 				{color:#fff;}
#footer .left 			{float:left; padding:5px; text-align:center;}
#footer .right 			{width:65px; float:right; padding:5px 0 5px 10px; color:#666;}
#footer .right a			{color:#fff;}

/* ===================================================== */
/*  Links 2274AC*/
/* ===================================================== */

/* Externer Link */
a 				{color:#33434C;text-decoration:none;}
a:hover 			{color:#000000;text-decoration:underline;}

a.link 			{
	padding: 0 5px 0 15px; text-decoration:none;
	margin:10px 0 5px 0;
	background: url(../images/ext_link.gif) left center no-repeat;
}

a.link1 			{
	padding:0 0 0 15px; text-decoration:none;
	margin:0 0 5px 0;
	background:url(../images/list_pic00_5x5_orange.gif) no-repeat left center;
}

/* Orange Link */
a.link2 			{font-weight:bold;}
a.link2:hover	{text-decoration:none;}

p a				{color:#2274AC; text-decoration:underline; padding:0 2px 0 0;}

a.link_img 		{padding:0 0 0 15px; background:url(../images/list_pic00_5x5_orange.gif) no-repeat left center;}

/* ===================================================== */
/* Form */
/* ===================================================== */
form table 					{border:1px solid #cccccc; padding:10px 5px; background-color:#f6f6f6;}
.search_form 			{width:80px; color: #000000; background:#FFFFCC;}
.search_button 			{font-size: 0.55em;}
input, textarea 			{border: solid 1px #999;}
.finput, .finputp 		{vertical-align:middle;	padding:2px 5px; margin:0 0 5px 0;}
.finputp 				{background-color:#FEF5CC;}
.flabel 					{width:220px;}
.fbutton 				{float:right;}

/* ===================================================== */
/* Table */
/* ===================================================== */
.tabelle 				{margin:0 0 5px 0; width: 100%;}
.tabelle table	 		{padding:0;	border-color:#B8BFC6; text-align:right;}
.tabelle th {
	background:#33434C;
	color:#FFFFFF;
	font-weight:normal;
	text-align:center;
	padding:2px 5px;
}
.tabelle td 				{background:#D6D9DB; padding: 2px 5px 2px 5px;}
.tabelle .preis 			{font-weight:bold; text-align:right; font-size: 0.55em;}
.tab_header 				{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	font-weight:bold;
	background:#CCCCCC;
}
/* ===================================================== */
/* E-Mail */
/* ===================================================== */
.email 					{
	padding:10px 0 10px 20px;
	background:url(../images/email.gif) left center no-repeat;
	text-decoration:none;
	color:#000099;
}
.email a:hover 		{text-decoration:none; border-bottom:1px #000000 solid;}
/* ===================================================== */
/* Bild */
/* ===================================================== */
img					{float:left; margin: 0 10px 10px 0; padding: 2px; border:1px solid #ccc;}
.bildfr 				{float:right; margin:0 0 10px 10px; border:none;}
.bildfrb 			{float:right; margin:0 0 10px 10px;}
.bildc 				{text-align:center;}
.bildschatten 		{margin:5px 5px 0 5px;}
.bildor				{
	border:none;
	margin:0;
	padding:0;
	margin-bottom:5px;
}

.bildschatten, .bildschattenc, .bildschattenr {
	float:left; 
	background: url(../images/shadowAlpha.png) bottom right no-repeat!important;
	background: url(../images/shadow.gif) bottom right no-repeat;
}
.bildschatten img, .bildschattenc img, .bildschattenr img {
	display: block;
	background-color: #fff; 
	border: 1px solid #a9a9a9; 
	margin: -5px 5px 5px -5px;
	padding: 1px; 
} 
.bildschattenc 			{margin:0; text-align:center;}
.bildschattenc	 		{vertical-align:middle;}
.bildschattenr 			{float:right; margin: 5px 0 0 10px;}
/* ===================================================== */
/* ===================================================== */
.liste li 				{list-style:disc; list-style-image:none;}

/* ===================================================== */
/* HintergrÃ¼nde / Farben / Sonstiges */ 
/* ===================================================== */
.txtbgorange 			{background-color:#F7A800;}
.txtbgorangeh 			{background-color:#FF6400;}
.txtbgoranged 			{background-color:#EB690B; color:#FFFFFF;}

.txtbggruen1 			{background-color:#BBC800;}
.txtbggruen2 			{background-color:#BBC800;}

.txtbgrot1  			{background-color:#A30D23; color:#ffffff;} /* dunkelrot */
.txtbggrau  			{background-color:#B9B9BE;}
.txtbggrauh 			{background-color:#f6f6f6;} /* hellgrau */
.txtbggraud 			{background-color:#9999A3;} /* dunkelgrau */
.txtbggraus 			{background-color:#707074;} /* schrift */

.txtklein 			{font-size:9px}
.txtgross 			{font-size:14px; padding:5px 0;}
.txtfett			{font-weight:bold;}

.kontakt911 {
	background-color:#CC0000;
	color:#ffffff;
	padding:10px 10px;
	margin:0 0 5px 0;
}
.kontakt911 .txtgross {
	font-size:14pt;
	font-weight:bold;
}
.kontakt911 a {
	padding:10px 0 10px 20px;
	background:url(../images/email.gif) left center no-repeat;
	text-decoration:none;
	color:#ffffff;
}
.kontakt911 a:hover {
	text-decoration:underline;
}
/* ===================================== */
/* Vertikales Menü             			 */

#vmenu					{margin:0; padding:0;}
#vmenu ul				{margin:0; padding:0;}
#vmenu li				{position: relative; float: left; list-style: none;	margin: 0; padding:0; width:100%;}
#vmenu .trennlinie		{border-bottom:1px solid #8994A0; padding-bottom:2px;}
#vmenu li a				{padding:0px 5px; display: block;	text-decoration:none;}
#vmenu li a:hover		{background-color:#CFD7D9; color:#000000;text-decoration:none;}

