body {
	background-image:  url(img/background.jpg);
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#808080;
	padding:0px;
	margin:0px;
	background-repeat: repeat-x;
		LINE-HEIGHT: 15px; 

}




a {
	color: #A3761E;
	text-decoration: none;
}
a:visited {
	color:#A3761E;
	text-decoration: none;
}
a:hover {color: #cccccc; 	text-decoration: none;}
a:active { color:#000000; 	text-decoration: none;}



h1 {
	color: #A3761E;
	font-size: 10px;
	padding: 0px;
	margin:0px
}

h2 {
	color: #A3761E;
	font-size:18px;
	padding:5px 0px;
	font-weight: normal;
	margin:0px;
}

h3 {
	color: #A3761E;
	font-size:15px;
	padding-bottom:20px;
	font-weight: normal;
	margin:0px;
}

#subhead {
	color: #A3761E;
	font-weight: bold;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
	width: 950px;
	padding:0px;
	margin: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #cccccc;
} 

/* ----------header for logo-------------- */
.headerbox {
	padding: 45px 110px 0px 0px;
	font-size: 80%;
}
#header {  height:80px; background-image: url(img/header.jpg); text-align: right;}
#header a { padding-right: 15px; color:#808080; text-decoration: none; } 
#header a:hover {
	COLOR: #A3761E;
} 
#visual{ height: 150px; width: 950px; }

/* ----------breadcrumb-------------- */

#breadcrumb {	height:20px;
	font-size: 10px;
	padding:12px;
	padding-left:245px;
	text-align: left;background-image: url(img/header_phone.jpg);
	background-repeat: no-repeat;

}
#breadcrumb a {
	padding-right: 20px;
	color: #A3761E;
	text-decoration: none;
} 
#breadcrumb a:hover {
	color: #666666;
} 

.hl {
	font-weight: bold;
	color: #A3761E;
} 

/* ----------outer und inner----------------- */

#outer{
	border-left: solid 213px #ffffff;
	border-right: solid 200px #ffffff;
	background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{margin:0; width:100%; }

/* --------------left und right navigavtion------------- */
#left {
	width:200px;
	min-height:250px;
	height:auto !important;
	height:250px;
	float:left;
	margin-top: -39px;
	padding-top: 60px;
	position:relative;
	margin-left:-190px;
	z-index: 1;
	background-image: url(img/shadow_left.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
 }
 #right {	z-index: 0;
	width:200px;
	float:right;
	min-height:250px;
	height:auto !important;
	height:250px;
	position:relative;
	margin-top: -39px;
	padding-left: 20px;
	margin-right:-170px;
	margin-left:1px;
	left: 20px;
	padding-top: 60px;
	background-image: url(img/shadow_right.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
 }

/* -----------------Inhalt--------------------- */ 
#content{
	background-position: left;	
	min-height:250px;
	height:auto !important;
	height:250px;
	position: relative;
	padding: 7px 0px 30px 0px;
	margin-left: 30px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #ffffff;
	z-index: 0;
	width:450px;
}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
	padding-top:15px;
	margin:0px;
	text-align: left;
	background-image: url(img/footer.jpg);
	height: 35px;
	width: 950px;
	overflow:hidden;
	text-indent: 250px;

} 
/*  ----------------tabellen---------------------- */ 
.tablehead {
	background-color: #1A6AAE;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px 10px 6px 10px;
}
.tablehead2{

	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1A6AAE;
	padding: 6px 10px 6px 10px;
	background-color: #DDDDDD;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #1A6AAE;
}
.cellOnGrey {
	padding: 6px 10px 6px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #E8E8E8;
}
.cell2 {
	padding: 1px 0px 1px 6px;
	vertical-align: top;
	font-size: 9px;
}
.cellleft {
	background-color: #F8F8F8;
	padding: 6px 10px 6px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
.cellright {
	background-color: #F8F8F8;
	padding: 6px 10px 6px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	vertical-align: top;
}
.top {
	padding: 6px 10px 6px 10px;
	vertical-align: top;
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	background-position: -3px;

}
/*  ----------------navigation---------------------- */ 
.menu {
	WIDTH: 125px;
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 11px;
	POSITION: relative;
	HEIGHT: 125px;
	z-index: 1;
}
.menu UL LI A {

	BORDER-TOP: #808080 1px solid; 
	DISPLAY: block; 
	BACKGROUND: #ffffff; 
	WIDTH: 125px; 
	color:#333333; 
	PADDING: 7px 20px 7px 20px;
	LINE-HEIGHT: 11px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none
}
.menu UL LI A:visited {

	DISPLAY: block; 
	FONT-SIZE: 11px; 
	BACKGROUND: #ffffff; 
	WIDTH: 125px; 
	color:#333333;
	LINE-HEIGHT: 11px; 
	BORDER-BOTTOM: #808080 0px solid; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none
	}
.menu UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; WIDTH: 125px;}
.menu UL LI {FLOAT: left; MARGIN-RIGHT: 1px; POSITION: relative}
.menu UL LI UL {DISPLAY: none}
.menu UL LI:hover A {BACKGROUND: #e8d5af;  WIDTH: 125px; COLOR: #333333;}
.menu UL LI:hover UL {DISPLAY: block; LEFT: 165px; WIDTH: 125px; POSITION: absolute; TOP: 0px}
.menu UL LI:hover UL LI A.hide {BACKGROUND: #EBCCCC; COLOR: #333333;}
.menu UL LI:hover UL LI:hover A.hide {WIDTH: 125px;BACKGROUND: #E1B2B2; COLOR: #ffffff;}
.menu UL LI:hover UL LI UL {DISPLAY: none}
.menu UL LI:hover UL LI A {DISPLAY: block; BACKGROUND: #e8d5af; WIDTH: 150px; COLOR: #333333; BORDER-LEFT: #ffffff 1px solid; }
.menu UL LI:hover UL LI A:hover {BACKGROUND: #f3e4c6; COLOR: #A3761E;}
.menu UL LI:hover UL LI:hover UL {DISPLAY: block; LEFT: 166px; COLOR: #EBCCCC; POSITION: absolute; TOP: 0px}
.menu UL LI:hover UL LI:hover UL LI A {DISPLAY: block; BACKGROUND: #EBCCCC; WIDTH: 155px; }
.menu UL LI:hover UL LI:hover UL LI A:hover {BACKGROUND: #E1B2B2; COLOR: #ffffff}

.aufzaehlung {
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: 20px 4px;
}
.small {
	font-size: 9px;
}
/*  ----------------box in table---------------------- */ 
#morebox a {
	color:#1A6AAE;
	text-decoration:none;
	display:block;
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 8pt;
}
#morebox a:hover { 	
	font-size: 10px;
	color:#666666;
	text-indent: 5pt;
	padding:3px 0px 0px 0px;
	background-color:#e8e8e8;
	width:350px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-attachment: fixed;
}
#morebox a .info {display:none;}
#morebox a:hover .info {color:#666666; display:block;padding:0px 5px 5px 5px;}

/*  ----------------Formular---------------------- */ 

#formular6 {width:450px; padding:0; background:#FFFFFF url(img/form_bg.jpg) repeat-x;}
#formular6 fieldset{margin:0; padding:0; border:0;}
#formular6 ul{margin:0; padding:0; list-style:none;}
#formular6 ul li{border-top:1px solid #fffff; border-bottom:2px solid #ffffff; padding:5px;}
#formular6 ul li.first{border-top:0; font-size:11px; color:#808080; font-weight: bold; border-bottom:1px solid #CCCCCC; margin-bottom:10px;}
#formular6 ul li.last{border-bottom:0;}
#formular6 label{display:block; color:#808080; float:left; width:100px; line-height:21px; text-align:right; padding-right:5px; margin:0 0 0 5px;}
#formular6 input, .text{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1A6AAE;}
#formular6 .text{width:188px; padding:2px 2px 2px 2px; border:1px solid #cccccc; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; height:14px; background:#fffff;}

#formular6 input#email{background:#ffffff url(img/email_icon.jpg) 3px -4px no-repeat;}
#formular6 textarea.text{height:80px;background:#ffffff url(img/nachricht_icon.jpg) 3px 3px no-repeat;}
#formular6 input.submit{width:90px; height:23px; cursor:pointer; border:0; background:url(img/button.jpg) no-repeat; color:#1A6AAEc; font-weight:bold; margin-left:110px;}

#formular6 form .fehler{border:1px solid #d65a5c;}
ul.fehler{margin:5px;padding:5px;border-top:1px solid #d65a5c;border-bottom:1px solid #d65a5c;background:#fdd;color:#c00;}
ul.fehler li{border:0;padding:0;}
ul.erfolg{margin:5px;padding:5px;border-top:1px solid #5bb55b;border-bottom:1px solid #5bb55b;background:#deffde;color:#090;}

/*  ----------------Logo---------------------- */ 

.logo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-image: url(img/logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
	position:absolute;
	width: 171px;
	margin-left:30px;
	margin-top:5px;
	padding-top:45px;
	z-index: 2;
}
.rightbox {
	font-family: Arial, Helvetica, sans-serif;
	width: 190px;
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	height: 95px;
}
.boxsub {
	width: 190px;
	padding:2px;
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-size: 110%;
	font-weight: bold;
	color: #A3761E;
}
.boxtext1 {
	width: 90px;
	float: left;
	padding:5px;
}
.boxtext2 {
	width: 170px;
	float: left;
	padding:5px;
}
.boxpic {
	padding-top: 10px;
	width: 80px;
	float: right;
}
#leftboxcon {
	float:left;
	width:47%;
	margin-bottom:20px;
}
#rightboxcon {
	float:right;
	width:47%;
	margin-bottom:20px;
}
#referenzbox {
	padding:20px 10px 10px 10px;
	background-color: #F7F7F7;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #333333;
	border-bottom-color: #333333;
	margin-bottom:20px;
}

 /* *** Gallery *** */ 
 
.ienlarger {	
	float: left;
	height : 55px;
	clear: none; /* set to left or right if needed */
	padding-bottom: 20px; /* space between thumbs. Don't change this to margin */
	padding-right: 15px; /* space between thumbs and wrapping text when there is any text around it */
	padding-left: 15px; 
}
.ienlarger a {border: 1px solid #176aac;height : 59px;
	display:block;
	text-decoration: none;/* add cursor:default; to this rule to disable the hand cursor */
}
.ienlarger a:hover { /* don't move this positioning to normal state */
	position:relative;
}
.ienlarger span img {
	border: 1px solid #176aac; /* adds a border around the image */
	margin-bottom: 0px; /* pushes the text down from the image */
}
.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	color: #333333; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; /* caption text size */
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display:none;
	width:305px;
	}
.ienlarger img { /* leave or IE puts a border around links */
	border-width: 0;
}
.ienlarger a:hover span {
	display:block;
	top: -200px; /* means the pop-up's top is 50px away from thumb's top */
	left: 30px; /* means the pop-up's left is 90px far from the thumb's left */
	/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}
.resize_thumb {
	width: 74px;
	height : auto;
	}
#clear{clear:both;}