/* Claudia Schachinger Ursprung */

html {
font-size: 62.5%; font-size: 0.8em;

scrollbar-3dlight-color:  #F3F3F3; 
scrollbar-darkshadow-color:  #B72828; 
scrollbar-highlight-color:  #F3F3F3; 
scrollbar-shadow-color:   #B4BECD; 
scrollbar-arrow-color:   #B72828; 
scrollbar-base-color:   #B72828; 
scrollbar-face-color:   #F3F3F3; 
scrollbar-track-color:   #F3F3F3; 
}


body {
	/*font: 1.2em/1.8em;*/
	font-family: "Trebuchet MS", Verdana, sans-serif;
	height: 100%;
	max-height: 100%;
}

* {margin: 0px; padding: 0px; border: 0px;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	margin: 0em 0em 0.5em 0em; 
	color: #BE301A;
}
h1 {
	font-size: 2.2em; 
	padding-bottom: 0.4em;
	font-weight: normal;
}
div#header h1 {border: 0px;}

h2 {font-size: 1.3em;}
h3 {font-size: 1.2em; color: #666666; padding-top: 7px;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}

.p1 {color: #666666;}

p {line-height: 1.4em !important; padding-bottom: 0.8em; color: #666666;}

a {color: #CC0033; text-decoration: none;}
a:link {}
a:visited {}
a:hover {}
a:active {}

div#nav {
position: absolute;
top: 90px;
right: 13%;
width: auto;
text-align: right;
padding-right: 10px;
z-index: 100;
}
div#nav li {display: inline; margin-left: 0.4em;}
div#nav a {
	text-decoration: none;  
	text-transform: uppercase;
	border: #BE301A thin solid; 
	padding: 0.1em 1.2em 0.1em 1.2em;
	background: #FFFFFF;
	font-size: 0.9 em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#nav a:hover {
	text-decoration: none; 
	text-transform: uppercase;
	padding: 0.1em 1.2em 0.1em 1.2em;
	background: #BA301A;
	color:#FFFFFF;
}
/*div#nav a span {
	padding: 0.4em 1.0em 0.6em 1.0em;	
	
}
div#nav a:hover span, 
body#home li.navhome a span,
body#team li.navteam a span,
body#produkte li.navprodukte a span,
body#service li.navservice a span,
body#kontakt li.navkontakt a span {
	background: #E3004F; color: #FFFFFF;
}*/
div#rahmenoben {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	height: 100px;
	overflow: hidden;
	background-image: url(images/key_01_oben.jpg); background-position: top left; background-repeat:no-repeat; 
	text-align: right;
	padding-right: 20px;
}

div#rahmenoben_ohne_bild {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	height: 100px;
	overflow: hidden;
	background-image: url(images/key_01_oben_startseite.jpg); background-position: top left; background-repeat:no-repeat; 
	text-align: right;
	padding-right: 20px;
}

div#rahmenlinks {position: absolute;top: 100px;left: 0px;width: 200px;overflow: hidden;background-image:url(images/key_01_unten.jpg); background-position: top left; background-repeat:no-repeat;}

div#rahmenlinks_ohne_hintergrund {position: absolute;top: 100px;left: 0px;width: 200px;overflow: hidden;background-image;}
div#menu {margin: 3.0em 20px;}
div#menu a{background: #BE301A; line-height:1.5em; color:#FFFFFF; display: block; padding-left: 10px;}
div#menu a:hover{background: #990000; line-height:1.5em;color:#FFFFFF;}
div#menu li{margin: 5px 10px 7px 5px;line-height:1.5em;}
div#menu ul {list-style-type: none;}
div#menu ul li { margin-left: -30px; margin-right: -20px; padding-left: 20px;}
div#menu ul ul li {font-weight: normal; margin-left: 0px; border: #BE301A 1px dotted; color: #BE301A; padding-left:9px !important;}
/*div#menu li.tomaten {background: #BE301A; margin-left: -30px; margin-right: -20px; padding-left: 40px;}
div#menu li.tomaten a {color: #FFFFFF; font-weight: bold;}*/

div#hauptrahmen { /*overflow: auto; */position: absolute;  left: 200px; /* Lässt Platz für linken Rahmen */ top: 120px; /* Lässt Platz für oberen Rahmen */ right: 0; bottom: 0;   background: #ffffff; width: 70%;}

div#hauptrahmen_174 { position: absolute;  left: 174px; /* Gleicht Flucht an mit Logo oben */
top: 120px; /* Lässt Platz für oberen Rahmen */ right: 0; bottom: 0; overflow: auto;  background: #ffffff;
width: 70%; float:left;}
div#maintext {margin: 2.0em; /* Sorgt für Randabstand der Texte*/ width: 60%; float: left; height: 80%; overflow: auto !important; padding-right: 20px;}
div#maintext a {border-bottom: thin dotted;}
div#maintext li {color: #666666; line-height: 1.4em; padding-bottom: 0.4em; margin-left: 1.1em;}
div#maintext img {margin-right: 10px; border: thin #CC0033 solid;}
div#zitate {float: right; width: 25%;  margin-top: 30%; margin-bottom: 10%;*padding-top: 40% !important; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; text-align: right; margin-right: 20px; line-height: 1.3em;}
div#zitate p {font-family: Georgia, "Times New Roman", Times, serif !important; font-weight: 400;font-size: 0.9em;}
div#zitate_startseite {float: right; width: 25%; margin-top: 1%; *padding-top: 10% !important;  font-size: 0.8em;font-family:Arial, Helvetica, sans-serif; text-align: right; margin-right: 20px; line-height: 1.3em;}
div#zitate_startseite p {font-family: Georgia, "Times New Roman", Times, serif !important; font-weight: 400;}
div#footer {margin: 2.0em; /* Sorgt für Randabstand der Texte*/ width: 60%; float: left; border-top: thin dotted #CC0000; font-size:0.8em; color:#666666; line-height: 1.2em;padding-left:5px;}

/* Für IE 5.5 und 6 */
* html body {
padding: 120px 0 0 200px; /* Rückt den body-Bereich 120px weg von oben und 200px weg von links*/
}

* html #hauptrahmen {
height: 100%; 
width: 100%; 
}

* html #rahmenoben {
width: 100%;
}