body {
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	padding:0;
	margin:0;
	color:#666;
	background-image: url(img/background_img.jpg);
	background-repeat: repeat;	
}


#bulltetabstand {
	padding-bottom:3px;
}

p {margin-top:10px;
	margin-bottom:10px;
	
}
a {
	color:#B8B8B8;
}
a:visited {
	color:#B8B8B8;
}
a:hover {
	color: #147D85;
}
a:active {
	color:#000000;
}
.textlink {
	color:#147D85;
}
.textlink:visited {
	color:#147D85;
}
.textlink:hover {
	color: #ccc;
}
.textlink:active {
	color:#000000;
}
h1 {
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size: 20px;
	color:#147D85;
	font-weight: 100;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
	font-size:90%;
}
.subhead {

	color:#147D85;
	font-weight: bold;
}
/* ---------- CONTAINER -------------- */
.container {
	width: 900px;
	margin: 30px auto;
	background-color: #F7F7F7;
	border-top-width: 20px;
	border-right-width: 20px;
	border-bottom-width: 20px;
	border-left-width: 20px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}
/* ---------- HEADER LOGO AREA -------------- */
.headerarea {
	background-color: #F7F7F7;
	height: 160px;
	padding-top:20px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #147D85;
}
.headerlinks {
	margin-top:5px;
	float:right;
	text-align: right;
	font-size: 9px;
	text-indent: 20px;
}
.headerlinks a {
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 15px 0px 10px;
	color:#666;
	text-decoration: none;
}
.headerlinks a:hover {
	COLOR: #147D85;
}
/* ---------- VISUAL AREA -------------- */
.visual {
	background-color: #000;
	height: 80px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
/* ---------- LINE COLOR AREA -------------- */
.linecolor {
	background-color: #147D85;
	height: 10px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #fff;
	border-bottom-color: #666;
}

/* ---------- BREADGRUMB AREA -------------- */
.breadcrumb {
	background-color: #F7F7F7;
	padding: 7px 0px 7px 250px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	font-size:10px;
	margin-bottom:20px;
}
.breadcrumb a {
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	padding: 5px 10px 0px 10px;
	color:#666;
	text-decoration: none;
	background-position: 0px 10px;
	font-size:10px;
}
.breadcrumb a:hover {
	COLOR: #FFD200;
}
#breadcrumbimg {
	width:145px;
	float:right;
	margin-right:53px;
	margin-top:-5px;
}
/* ----------------- CONTENT --------------------- */
.content {

	padding:0px 0px 10px 10px ;
	margin: 0 240px;
}
div.content {
	min-height:220px;
}
/* -------------- LEFT AREA ------------- */
.leftarea {
	float: left;
	width: 190px;
	margin: 5px  0px  0px  20px;
	padding: 0px;
}
/* -------------- RIGHT AREA ------------- */
.rightarea {
	float: right;
	width: 190px;
	margin: 0px  20px  0px  0px;
	padding: 0;
}
/* ----------- FOOTER AREA--------------------------- */
.footer {
	clear: both;
	margin: 0px;
	padding: 5px 0px 15px 250px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #147D85;

}
.promobox {
	padding:0px 10px 10px 10px;
}
.promoboxsub {
	padding:5px 5px 10px 5px;
	border-bottom-color: #666;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-size: 115%;
	color: #147D85;
}
.promoboxtext {
	padding:10px 5px 10px 5px;
	font-size: 95%;
}

.promohead {
	color:#147D85;
	font-size: 100%;
	font-weight: bold;
	line-height: 20px;
}
.bulletlink{
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	padding: 5px 10px 0px 10px;
	color:#666;
	text-decoration: none;
	background-position: 0px 10px;
}



/*  ----------------navigation---------------------- */ 
.nav {
	WIDTH: 150px;
	FONT-SIZE: 100%;
	POSITION: relative;

}
.nav UL LI A {
	DISPLAY: block;
	background-color: #F7F7F7;
	WIDTH: 150px;
	color:#666;
	PADDING: 5px 20px 5px 20px;
	TEXT-DECORATION: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #808080;
}

.nav UL LI A.top {border-top-width: 0px;}
.nav UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; WIDTH: 150px;}
.nav UL LI {FLOAT: left; MARGIN-RIGHT: 1px; POSITION: relative}
.nav UL LI UL {DISPLAY: none}
.nav UL LI:hover A {BACKGROUND: #E8E8E8;  WIDTH: 150px; COLOR: #000;}
.nav UL LI:hover UL {DISPLAY: block; LEFT: 190px; WIDTH: 125px; POSITION: absolute; TOP: 0px}
.nav UL LI A.hide {COLOR: #666;}
.nav UL LI:hover A.hide {WIDTH: 150px;BACKGROUND: #D9D9D9; COLOR: #000;}
.nav UL LI:hover UL LI A.hide {BACKGROUND: #D9D9D9; COLOR: #666;}
.nav UL LI:hover UL LI:hover A.hide {WIDTH: 150px;BACKGROUND: #E8E8E8; COLOR: #000;}
.nav UL LI:hover UL LI UL {DISPLAY: none}
.nav UL LI:hover UL LI A {DISPLAY: block; BACKGROUND: #D9D9D9; WIDTH: 150px; COLOR: #666; BORDER-LEFT: #ffffff 1px solid; }
.nav UL LI:hover UL LI A:hover {BACKGROUND: #E8E8E8; COLOR: #000;}
.nav UL LI:hover UL LI:hover UL {DISPLAY: block; LEFT: 191px; COLOR: #e2e2e2; POSITION: absolute; TOP: 0px}
.nav UL LI:hover UL LI:hover UL LI A {DISPLAY: block; BACKGROUND: #E8E8E8; WIDTH: 155px; }
.nav UL LI:hover UL LI:hover UL LI A:hover {BACKGROUND: #D9D9D9; COLOR: #000}



#referenzbox {
	padding:20px 10px 0px 20px;
	background-color: #333;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666;
	border-bottom-color: #333;
	margin-bottom:20px;
}

 /* *** Gallery *** */ 
 
.ienlarger {	
	float: left;
	height : 60px;
	clear: none; /* set to left or right if needed */
	padding-bottom: 20px; /* space between thumbs. Don't change this to margin */
	padding-right: 35px; /* space between thumbs and wrapping text when there is any text around it */
	padding-left: 15px; 
}
.ienlarger a {border: 1px solid #990000;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 #990000; /* 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: 80px;
	height : auto;
	}
#clear{clear:both;}

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

#formular6 {width:400px; padding:0; background-color: #F7F7F7; 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 #fff;  padding:5px;}
#formular6 ul li.first{border-top:0; font-size:11px; color:#808080; font-weight: bold; border-bottom:1px solid #F2F2F2; 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:#333;}
#formular6 .text{width:188px; padding:2px 2px 2px 2px; border:1px solid #F2F2F2; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; height:14px; background:#e9e9e9;}

#formular6 input#email{background:#990000 url(img/email_icon.jpg) 3px -4px no-repeat;}
#formular6 textarea.text{height:80px;background:#e9e9e9 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:#333; 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:#FFD200;
}
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;}


#leftboxcon {
	float:left;
	width:220px;
	margin-bottom:40px;
}
#rightboxcon2 {
	float:right;
	width:220px;
	margin-bottom:40px;
}
#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: #999;
	border-bottom-color: #999;
	margin-bottom:20px;
}

 /* *** Gallery *** */ 
 
.ienlarger {	
	float: left;
	height : 60px;
	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 #990000;height : 60px;
	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 #990000; /* 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: #e7e7e7;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display:none;
	width:390px;
	}
.ienlarger img { /* leave or IE puts a border around links */
	border-width: 0;
}
.ienlarger a:hover span {
	display:block;
	top: -300px; /* 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: 90px;
	height : auto;
	}
	
	
	
	
	
	 /* *** Gallery *** */ 
 
.ienlarger2 {	
	float: left;
	height : 88px;
	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; 
}
.ienlarger2 a {border: 1px solid #147D85;height : 88px;
	display:block;
	text-decoration: none;/* add cursor:default; to this rule to disable the hand cursor */
}
.ienlarger2 a:hover { /* don't move this positioning to normal state */
	position:relative;
}
.ienlarger2 span img {
	border: 1px solid #147D85; /* adds a border around the image */
	margin-bottom: 0px; /* pushes the text down from the image */
}
.ienlarger2 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: #e7e7e7;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display:none;
	width:390px;
	}
.ienlarger2 img { /* leave or IE puts a border around links */
	border-width: 0;
}
.ienlarger2 a:hover span {
	display:block;
	top: -280px; /* 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: 90px;
	height : auto;
	}
#clear{clear:both;}

.cloak_eml {
	color:inherit !important;
	text-decoration:none;
}

a{ background-image:url(kontakt.html)