﻿@import "galerie.css";

* 				{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;}
li 				{list-style-image:url('../images/list_pic00_5x5_orange.gif'); line-height:20px;}
.trennlinie		{padding:5px 0 0 0; border-bottom:3px solid #ddd; margin: 0 10px 0 10px;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0;
	background-color: #EAEAEA;
	/*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: 985px;
	height: auto !important;
	height: 100%;
	padding: 0px 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: #FFFFFF;
	border-left:1px solid #8994A0;
	border-right:1px solid #8994A0;
}
/* ===================================================== */
/* main */
/* ===================================================== */
#main1 						{height:auto; padding: 0;}
#main2 						{padding:0 5px; height:100%; background-color:#ebebeb;}
/* ===================================================== */
/* Header2 - Logo - */
/* ===================================================== */
#header_logo 				{padding: 5px 0 5px 10px; margin-bottom:1px; background-color:#fff;}
/* #header_logo .logo 			{float:left; padding: 0 5px 5px 0px;} */
#header_logo .left			{float:left; padding:0 0 2px 0}
#header_logo .right 		{float:right;}
#header_logo .right img 	{margin-right:10px;}
#header_logo img 			{border:none; padding-top:10px;}
#header_logo .marke			{padding:0 0 0 30px;}
/* ===================================================== */
/* Header3 - Navigation - #797A7C*  FF6400/  
/* ===================================================== */
#header_nav 				{width:985px; border-top:1px solid #666666; border-bottom:1px solid #666666;
								font-weight:bold; background:url('../images/bg_header_nav.jpg') repeat-x;}
#header_nav a 				{color: #eee; padding: 8px 18px; text-decoration: none;}
#header_nav a:hover 		{color: #fff; background-color:#333; /*border-top: 3px solid #ed5100;*/}
#header_nav a.sel			{color: #fff; background-color:#333; /*border-top: 3px solid #ed5100;*/}
#header_nav ul 				{list-style-type: none;	margin: 0; padding:0;}
#header_nav li 				{display: inline; line-height:30px; /*border-left:1px solid #ccc; border-right:1px solid #666;*/}
/* ===================================================== */
/* Header1 - Sonstiges - */
/* ===================================================== */
#header_sonst 				{padding: 0px 5px 2px 10px; height: 20px;color: #ccc; margin-bottom:5px;}
#header_sonst .left			{float:left; padding:0 0 2px 0;}
#header_sonst .right		{float:right; width:110px; height:20px; padding-bottom:2px; border:#ccc solid 1px;}
#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;}

/* ===================================================== */
/* content - left - */
/* ===================================================== */
#content1 {
	display:none;
	width:160px;
	float: left;
	background:#E6E6EB;
	padding:5px;
	padding-bottom:15px;
	border:1px solid #ccc;
}
#content1 h2 {
	background:url(../images/box/box3_160.gif) center center;
	color:#fff;
	line-height:30px;
	font-weight:bold;
	font-size:14px;
	padding:0 0 0 10px;
}
/* ===================================================== */
/* main - content mitte - */
/* ===================================================== */
#main3 		{
	width:100%;
	float:left;
	background:#CCFF00;
	height: 100%;
	padding: 10px 0;
}
/* ===================================================== */
/* content */ 
/* ===================================================== */
#content2 	{
	width:985px;
	height:100%;
	float: left;
	padding-bottom: 5px;
	/* background:url(../images/bg_content2.jpg) repeat-x top; */
}
/* ===================================================== */
/* ueberschriften */
/* ===================================================== */
#content2 h1, #content2 h2, #content2 h3 {
	font-weight:bold;
	color:#336699;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}
#content2 h1 {
	display:block;
	font-size: 22px;
	line-height: 25px;
	padding: 15px 0 10px 15px;
	background-color:#fff;
}
#content2 h2 	{font-size: 16px; padding: 5px 0 15px 0px;color:#333;} /* blau color:#0045a1; */
#content2 h2 a  {
	color:#336699; color:#333333;
	padding:0 0 0 15px; background:url(../images/list_pic00_5x5_orange.gif) no-repeat left center;}

#content2 h3 	{
	padding: 20px 0 5px 0;
	height: 15px;
}
#content2 h4 {
	font-size:11px;
	font-weight:bold;
	padding:2px 0;;
	}

/* ===================================================== */
/* === T E X T B O X E N === */
/* ===================================================== */

#content2 .txt {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #fff;
	padding: 5px;
	width: 650px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}

#content2 .txt2				{width: 315px; float:left; padding:5px; margin: 0 0 10px 10px;}
#content2 .txt3				{width: 315px; float:left; padding:5px;	margin: 0 0 10px 6px;}
#content2 .txtc				{text-align:center; border:1px solid #ccc;}
#content2 .txtrahmen 		{border:1px #ccc solid }
#content2 .txtpadding 		{padding: 5px; }

#content2 .preis 			{text-align:right; float:right; font-weight:bold; font-size:14px; font-family:Verdana; width: 50%; padding:10px 0 0 0;}
/* ===================================================== */
/* content3 */ 
/* ===================================================== */
#content3 	{
	width:670px;
	height:100%;
	padding:0 10px 5px 0px;
	background-color:#ffffff;
	float:left;
}
/* ===================================================== */
	/* content4 - frame right - */
/* ===================================================== */
#content4 					{width: 303px; float: right; background-color:#fff; margin:5px 0 0 0;}
#content4 .txtbox1			{
	float: left;
	width:283px;
	padding:15px 10px 10px 10px;
	/*background:url(../images/bg_txtbox1.jpg) repeat-x top;*/
	background:#E6E6EB;	
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	margin-bottom:0;
	margin-bottom:3px;
}


/* #content4 .menu 			{width:283px; background:#33434C; border:0; padding-top:5px; margin-bottom:5px;} 
#content4 .menu 			{width:283px; background:#E6E6EB; border:0; padding-top:5px; margin-bottom:5px;}
#content4 .menu a			{color:#fff; font-size:11px; font-weight:normal;}*/

#content4 .menu 			{width:283px; background:#E6E6EB; border:0; 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;}
#content4 .txtbox1 h2 		{padding: 0 0 10px 0px;	margin-bottom:5px; font-size:11px; text-align:left;}
#content4 .txtbox1 h2 a  	{padding:0 0 0 15px; background:url(../images/list_pic00_5x5_orange.gif) no-repeat left center;}

#content4 .txtbox1 h3 {
	font-weight:bold;
	color:#336699;
	font-family:Arial, Helvetica, sans-serif;
	color: #33434C;
	font-size:12px;
	padding:10px 0 5px 5px;
	height:15px;
}


/* ===================================================== */
/* TEASER background:#f6f6f6; #EB690B; BBC800  background:#cbcbd0*/
/* ===================================================== */
#teaser 			{width:985px; color:#000000; background-image:url('../images/bg_teaser1.jpg'); height:240px;}
#teaser img			{padding:0; margin:0; border:0;}
#teaser .col1		{width:160px; float:left;  padding:5px 5px 5px 10px;}
#teaser .col2		{width:505px; float:left;}
#teaser .col2 img	{width:505px; height:240px;}
}
#teaser .col2 img 	{width:505px;}
#teaser .col3		{width:268px; float:left; padding:5px 10px 0 10px;}

#teaser_menu		{width:985px; color:#000000; background-color:#33434C; border-top:1px solid #fff; height:20px;}

#teaser .flash	  	{margin-bottom:-4px;}
#teaser a			{color:#666666; line-height:20px;}
#teaser a:hover		{color:#000000;text-decoration:underline;}
#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: 14px; padding: 5px 0 10px 0; font-weight:bold;}

#teaser .left 		{width:680px; float: left; border-right:2px solid #fff; background-color:#999; }
#teaser .left img 	{width:630px;}
#teaser .left img  	{margin-bottom:-4px;}

/* ===================================================== */
/* Kontakt */
/* ===================================================== */
.kontakt 			{width: 295px; float:left; padding:0 5px 5px 0;}
.kontakt_bild img	{float:left; background-color: #ffffff; padding: 2px; border:1px solid #ccc; margin-right: 5px;}
.kontakt_name 		{font-weight:bold;padding-top:5px;padding-bottom:5px; font-size:12px;}
.kontakt_funktion 	{padding-top:0px; padding-bottom:10px; }
.kontakt_komm 		{padding-top:5px; }
.kontakt_email 		{padding:05px 0 0 0; }
.kontakt_email a 	{
	padding:0 0 0 15px;
	background:url(../images/email.gif) left center no-repeat;
	font-weight:bold;
	color:#000066;
}

/* ===================================================== */
/* footer */
/* ===================================================== */
#footer 				{
	width:985px; font-size: 11px; height: 40px; background:#33434C; padding-top:10px; 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;
	font-weight:bold;
}
.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;}

.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;}
/* ===================================================== */
/* ===================================================== */
.ClearDiv 			{clear:left;}
.liste li 			{list-style:disc; list-style-image:none;}
.hspacer1 			{border-top:1px solid #fff; border-bottom:1px solid #ffffff;}
.hspacer2 			{border-top:1px solid #fff; border-bottom:1px solid #ffffff;}

/* ===================================================== */
/* 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;} /* dunkelrot */
.txtbggrau  		{background-color:#B9B9BE;}
.txtbggrauh 		{background-color:#f6f6f6;} /* hellgrau */
.txtbggraud 		{background-color:#9999A3;} /* dunkelgrau */
.txtbggraus 		{background-color:#707074;} /* schrift */

.txtklein 			{font-size:9px}

/* ===================================== */
/* Horizontles DropDown-Menü             */

#hmenu					{margin:0; padding:0;}
#hmenu ul				{margin:0; padding:0;}
#hmenu li				{position: relative; float: left; list-style: none;	margin: 0; padding:0; width:177px;}
#hmenu li.first 		{
						background:url(../images/list_pic00_5x5_orange.gif) no-repeat left center;	
						padding:0 0 0 15px; margin:0 0 0 5px;
						}

#hmenu li .trennlinie	{border-bottom:1px solid #ccc;}
#hmenu li .trennlinie_top	{border-top:1px solid #ccc;}
#hmenu li a			{
						 height: 20px;line-height: 20px; padding:0 5px; 
						 display: block;	text-decoration:none;font-size: 11px;
						 color:#fff; background-color: #33434C;
		 				}
#hmenu li a:hover 		{background-color:#CFD7D9; color:#000;text-decoration:none;}
						
#hmenu ul ul			{position: absolute;top: 20px; visibility: hidden;}
#hmenu ul li:hover ul	{visibility:visible;}

/* ===================================== */
/* 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:1px 5px; display: block;	text-decoration:none;}
#vmenu li a:hover		{background-color:#CFD7D9; color:#000000;text-decoration:none;}
