@charset "UTF-8";
/* CSS Document */
/*
Farbklima WEB

grafics: 
# cc292b 
# d65455 

 
webworks: 
# bad405 
# c8dd37 

 
promotions: 
# ed6e00  
# f18b33 

exposervice: 
# 0047ba 
# 336cc8 

 
marketing: 
# e8daad 
# 4a2d1e 

 
sonstiges: 
# bd4179 
# cf7598



*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 99%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	font-size:14px;
	line-height: 1.5;
}




/* Überschirft H1 */
h1 {
	font-size:16px;
	color:#333;
	margin:0;
	display:inline;
}

h2 {
	font-size:16px;
	margin:0;	
	
}

img  {
	border:none;
	
}

a {
text-decoration:none;


}

.active {
}


.tog {
	font-size:16px;
	color:#333;
	margin:0;
	padding:0;
	display:inline;
	font-weight: bold;
}


.bereichsfarbe {
	font-size:16px;
	display:inline;
	margin:0;
	padding:0;
	color:#4a2d1e;	
	font-weight: bold;
}

.list {
	font-size:12px;
	list-style-type: circle;
}


#container {
	width:950px;
	height: 550px;
	position:absolute;  
	left:50%;  
	margin-left:-475px;  
	top:50%;  
	margin-top:-275px;
}

#lo {
position:absolute;
width:30px;
height:30px;
top:0px;
left:0px;
background:url(../bilder/screen_ecke_links_oben.JPG) no-repeat;
z-index:1;
}

#ro {
position:absolute;
width:30px;
height:30px;
top:0px;
left:920px;
background: url(../bilder/screen_ecke_rechts_oben.JPG) top right no-repeat;
}

#lu {
position:absolute;
width:30px;
height:30px;
top:520px;
left:0px;
background: url(../bilder/screen_ecke_links_unten.JPG) bottom left no-repeat;
}

#ru {
position:absolute;
width:30px;
height:30px;
top:520px;
left:920px;
background: url(../bilder/screen_ecke_rechts_unten.JPG) bottom right no-repeat;
}

#screen_oben {
position:absolute;
left:30px;
top:0px;
width:890px;
height:2px;
background:url(../bilder/screen_oben.jpg) repeat-x;
z-index:1;
}

#screen_unten {
position:absolute;
left:30px;
top:548px;
width:890px;
height:2px;
background:url(../bilder/screen_unten.jpg) repeat-x;
z-index:1;
}

#screen_links {
position:absolute;
left:0px;
top:30px;
width:2px;
height:490px;
background:url(../bilder/screen_links.jpg) repeat-y;
z-index:1;
}

#screen_rechts {
position:absolute;
left:948px;
top:30px;
width:2px;
height:490px;
background:url(../bilder/screen_rechts.jpg) repeat-y;
z-index:1;
}

#oben {
	width:920px;
	height:145px;
	float:left;
}

#banner {
	width:920px;
	height:145px;
	background:url(../header/header.jpg) no-repeat;
}


#promo {
	display:none;
	position:absolute;
	left:0px;
	width:170px;
	height:142px;
	background-image: url(../header/header_promotions_over.jpg);	
}

#webworks {
	display:none;
	position:absolute;
	left:170px;
	width:170px;
	height:142px;
	background:url(../header/header_webworks_over.jpg);	
	
}

#marketing {
	position:absolute;
	left:340px;
	width:242px;
	height:142px;
	background:url(../header/header_marketing.jpg);	
	
}

#grafics {
	display:none;
	position:absolute;
	left:582px;
	width:170px;
	height:142px;
	background:url(../header/header_grafics_over.jpg);			
}

#expo {
	display:none;
	position:absolute;
	left:752px;
	width:161px;
	height:142px;
	background-image: url(../header/header_expo_over.jpg);	
}



#breadcrumbs {
	position:absolute;
	top:160px;
	left:30px;
	width:350px;
	height:20px;
	font-size:12px;
	color:#666;
}


#breadcrumbs a {
	color:#666;
}





#middle {
	margin-top:50px;
	width:950px;
	
}



#inhalt {
	position:absolute;
	top:195px;
	left:150px;
	width: 650px;
	height: 300px;
	border:1px solid #CCC;
	overflow:hidden;
}

#panel-nav {
	position:absolute;
	top:500px;
	width:950px;
	height:20px;
	text-align: center;
}

#panel-nav ul  {
	width:400px;
	list-style:none;
	display:inline;
	text-decoration: none;
}


#panel-nav li {
	display:inline;
}


#panel-nav li a {
	padding:0px 10px 0px 10px;
	background-color:#4a2d1e;
	border:1px solid #FFF;
	text-align:center;
	color:#FFF;

}

#panel-nav ul li a:hover, #panel-nav ul li .active   {
	color:#000;
	background-color:#e8daad;
	border:1px solid #CCC;
	text-decoration:underline;
}




#panel-wrapper {
	position:relative;
	right:0px;
	height:300px;
	width:2600px;	
}

.panel {
	width:610px;
	height:290px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	float:left;
	font-size:14px;
}

.panel ul li {
	color:#000;
	list-style:none;
	
	}
	
.panel ul li a {
	color:#000;
	list-style:none;
	font-size:12px;
	
	}


.panel > #content {
	float:left;
	margin-top:40px;
	margin-left:20px;
	width:600px;
	height:250px;
		
	
}

.panel .text {
	position:absolute;
	left:400px;
	top:50px;
	width:250px;
	height:250px;
	
}




#left_nav {
	position:absolute;
	left:20px;
	top:200px;
	width:110px;
	height:300px;
}

#right_nav  {
	position:absolute;
	top:200px;
	left:820px;
	width:110px;
	height:300px;
}

#right_nav .nav {
	width:109px;
	height:44px;
	list-style:none;
	text-align:center;
	margin-bottom:18px;
	color:#FFF;
	background-image: url(../buttons/blanco_marketing_button.png);
	background-repeat: no-repeat;	
}

#right_nav .nav a:hover, #right_nav .nav .active  {
	background-image: url(../buttons/blanco_marketing_over_button.png);
	background-repeat: no-repeat;
	font-weight: bold;
	width:112px;
	height:46px;
}

#right_nav .nav a {
	display:block;
	color:#FFF;
	height:29px;
	padding-top:15px;
	
}

.nav {
	list-style: none;
	margin-bottom: 13px;
	
}


#footer {
	position:absolute;
	top:530px;
	width:930px;
	height:20px;
	margin-right:10px;
	text-align:right;
	font-size:11px;
	color:#666;
}

#footer a {
	color:#666;

}




#impressum {
	position:absolute;
	left:30px;
	top:50px;
	width:900px;
	height:250px;
	font-size:12px;
	
	
}

#impressum .content {
	width:220px;
	float:left;
	
}

#imp_copy {
	position:absolute;
	top:320px;
	left:30px;
	width:900px;
	font-size:12px;
	padding-top:5px;
	border-top:1px solid #000;

	
}



.kontakt1{
	width:600px;
	height:125px;
	
}

 

.kontakt {
	width:280px;
	height:30px;
	float:left;
}




.kontakt2{
		width:300px;
		height:100px;
}


/* versteckt */
.kontakt3 {
	width:280px;
	height:30px;
	float:left;
	display:none;
	
	
}

input  {  
  display: block;
  float: left;
  width: 140px; 
  border:1px solid #4a2d1e;
}

textarea  {  

  border:1px solid #4a2d1e;
}

label {
 text-align: right; 
 padding-right: 1em; 
 width: 60px;
 display: block;
 float: left;
}

#submit {
	position:absolute;
	top:260px;
	left:480px;
	
}

#error {
	position:absolute;
	top:200px;
	left:400px;
	color:red;
	
	}