/* CSS Document */

/* HTML-Tags */

body {
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;

	text-align: center;
	background-image: url(body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #E1E0DE;
}
dl { 
    margin:0;
    padding:0px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;

}
dt{
}
dd {margin:0;
    padding: 0px 0 0 15px;
	background-image: url(pfeil_kl_sw.gif);
	background-repeat: no-repeat;
    background-position: 0px 5px;
}
h2 {
	font-size: 1.1em;
	color: #a33f08;
	margin: 1.2em 0 0.2em 0;
}

acronym{border-bottom: 1px dotted #8B7D6B;}

h3, h4 {	
    font-weight:bold;
    font-size: 0.9em;
    text-transform: uppercase;
	color: #FF6600;
	margin: 0em 0 1em 0;
}

p { line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	margin-bottom: 1em;
	margin-top: 0px;
}
ul{list-style-type:none;}

/* globale Links */

a {
    color: #000000;
	text-decoration: none;
    text-transform: uppercase;	
	font-weight: bold;
}

a:link {
	color: #000000;
	text-decoration: none;
    text-transform: uppercase;
}
a:hover {
	color: #D94503;
	text-decoration: none;

}
/*------------------------------------------------------------------Formular, Fehlermeldungen, PHP, Karierre----*/
	.formarea	{
	background-color:#F7F7F8;
	border:1px solid #8A8883;
}
	.formfield	{	
	background-color:#F7F7F8;
	border:1px solid #8A8883;
}
	.formfielde	{
	font-size: 0.9em;
	background-color:#F7F7F8;
	border:1px solid #8A8883;
	font-size: 0.8em;
}
	.formerror {
	font-size: 0.8em;
	margin-left: 0px;
	margin-top:-2px;
	width:90%;
	color:#DD0000;
	background-color:#E1E0DE;
	padding:2px;
	border: 1px dotted #DD0000;
	}
	.formbutton,.formbuttonh {
	cursor: pointer;
	color: #FFFFFF;
	background-color: #F37B01;
	font-weight: bold;
	border: none;
	letter-spacing:0.4em;
	margin: 0px;
	width:100px;
	height:20px;
	}
	.formbuttonh	{
	background-color: #F5912B;
}
	.formbuttonspan	{ background-color: #FFFFFF; padding:1px; border: 1px solid #F37B01; width:100px; height:20px; margin-top:10px;}
	.formfieldmarkedinfo { background-color:#FEF3E8; font-size:12px; }

	
.reg{    font-size: 0.8em; 	

    font-family: Arial, Helvetica, sans-serif;
	color: #6A5E56; text-decoration:none;}
.reg a{ 
	font-family: Arial, Helvetica, sans-serif;
    color: #8A8883; text-decoration:none;}
.reg a:hover{
    color: #D94503;text-decoration:none;}

/*------------------------------------------------------------------TOP PANEL----*/

#topPan{
	width:800px;
	height:135px;
	position:relative;
	margin:0 auto;
	padding:0px;
}
	
#topPan img.logo{width:278px;
	position:absolute;
	top:0px;
	left:0px;
}
/*---------------------------------------------------------- Chacks für Opera6--- */
@media screen{ html * body #topPan ul{
	font-weight: normal;
    font-size: 0.7em;
	margin: 0px;
	height:81px;
	position:absolute;
	top:0px;
	left:278px; 
    width:200px;
	 } }
/*---------------------------------------------------------- Chacks für IE4 bis IE6--- */
* html #topPan ul { 
 	font-weight: normal;
    font-size: 0.6em;
	}
	
#topPan ul{ font-size: 0.7em;
	margin: 0px;
	width:520px;
	height:81px;
	position:absolute;
	top:0px;
	left:280px; 

}
	
#topPan ul li{
	margin: 47px 0 0 0px;
	background-image: url(navi_zw.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	float:left;
	height:36px;
	}


#topPan ul li a{
	padding:0 20px 0 5px;
	height:35px;
}

#topPan ul li a:hover{color: #D94503; text-decoration:none;}
a.home{ 
    text-decoration: none;
    text-transform: uppercase;
	color: #D94503;  
}

#topPan p.html{
    line-height: 0.9em; 
	text-align:left; 
	position:absolute; 
	top:95px; right:50px; 
	width:85px; 
	height:24px; 
	}
	
#topPan p.html a{
    letter-spacing:1px;
	font-size: 0.8em; 
	text-align:left; 
	height:24px; 
	display:block; 
	color:#000000; 
	text-decoration:none; 
	text-transform:uppercase; 
	}
	
#topPan p.html a:hover{text-decoration:none;}

#topPan img.footerlogo{
	width:28px; 
	height:32px; 
	position:absolute; 
	top:95px;
	right:10px;
	}
	
#topPan img.home{ border:none;
	width:22px;
	height:21px;
	position:absolute; 
	top:50px;
	right:60px;
}
#topPan img.kont{ border:none;
	width:22px;
	height:21px; 
	position:absolute; 
	top:50px;
	right:35px;
}
#topPan img.impr{ border:none;
	width:22px;
	height:21px; 
	position:absolute; 
	top:50px;
	right:10px;
}


.quik{
	width:90px;
	height:25px;
	position:absolute;
    top:50px; 
	right:0px;
}
.quik img{
 border:none;
}

/*Hauptbereich mit linkem Menue und Inhalten */

#intro {
    clear:both;
	padding: 0;
	width: 100%;
	background-image: url(intro_bg.gif);
}
#intropan{
	text-align:left;
	width:800px;
	position:relative;
	margin:0 auto;
	padding:0px;
}

img.bild {
	padding: 5px;
	margin: 0px;
	background-color: #FFFFFF;
	border: #8A8883 1px solid;
}
#intropan .quick { 	
    float: left;
	position:relative;
	list-style: none;
	margin: 0 10px 0 0;
	width:215px;
	padding: 0;
}
#intropan ul { 	
    float: left;
	position:relative;
	list-style: none;
	margin: 0 10px 0 0;
	width:215px;
	padding: 0;
}

#intropan li {
    width:215px;    
    font-size: 0.7em;
	float: left;
	padding: 2px 0 0px 0;
	margin: 0.5em 0 0px 0px;
	background-color: #c6c4be;
    
}
#intropan li a{
    display: block; 
	height: 20px; 
    margin: 2px 0 0px 5px;
    padding: 0px 0 2px 25px;
	background-image:  url(sw_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 0;

}
#intropan li a:hover{
    display: block; 
    height: 20px; 
    margin: 2px 0 0px 5px;
    padding: 0px 0 2px 25px;
	background-image: url(or_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
   

}
#intropan li a.orange{display: block; 
    height: 20px; 
    margin: 2px 0 0px 5px;
    padding: 0px 0 2px 25px;
	color: #D94503;  
	background-image: url(or_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#text {
	text-align: left;
	margin:0 auto;
	padding: 0; 
	width: 800px;
}
#text a{ 
    color: #D94503;
	text-decoration: none;
    text-transform: none;}

#left { margin:20px 0 20px 0;	
	float: left;
	width: 370px;
	text-align: left;
	padding: 0px 10px 0px 20px;
	border-right: 1px dotted #8B7D6B;
}

#right{ margin:20px 0 20px 0;

	float: left;
	width: 370px;
	text-align: left;
	padding: 0px 0 0px 10px;
}
.blute{

	float: left;
	width: 160px;
	height: 200px; 
	text-align: left;
    margin:20px 0 20px 0;
}
.one{
    margin:20px 0 20px 0;
    background-color: #D1CFCC;
	float: right;
	width: 550px;
	text-align: left;
	padding: 20px 10px 0px 10px;
}
.one img{
    margin: 0 10px 0 10px;
	float: right;
}
.referenz{
    margin:20px 0 20px 0;
    background-color: #D1CFCC;
	float: right;
	width: 550px;
	text-align: left;
	padding: 20px 10px 0px 10px;
}
.referenz img{
    margin: 0 10px 0 10px;

}


/* Dummy, um das Floaten von Elementen zu beenden */

.nofloat { 
	clear: both;
	visibility: hidden;
	height: 0;
}

/* -----------------------------------------------------------------------------------------------FOOD STYLES */
#footer {height:36px; 
    background-color: #B7B5B0; 
	clear:both; 
	padding:0; 
	margin:10px 0;}
	
#footernavi{position:relative;
    margin:0 auto;
    padding: 0;
    width: 800px;
    text-align: left;
} 
#footernavi p{
    text-align:left;
    letter-spacing: 0.2em;
    font-size: 0.7em;
    text-transform: uppercase;
    padding: 5px 20px 5px 20px;
    color: #ffffff;
} 

#footernavi p.html{line-height: 0.9em; font-size: 0.8em; background-color: #CCCBC7; text-align:left; position:absolute; top:3px; left:55px; width:120px; height:24px; padding:2px;}
#footernavi p.html a{text-align:left; width:120px; height:24px; display:block; font-size: 0.8em; color:#000000; text-decoration:none; text-transform:uppercase; padding:2px;}
#footernavi p.html a:hover{text-decoration:none;}