
html, body, div, p, h1, h2, h3, ul, ol, span, table, td, form, img, li, pre  {
 margin: 0;
 padding: 0;
 border: 0;
}

body { 
 text-align: center; 
 background: #ffcc66; 
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-size: 100.01%; 
}

.wrappage { 
 background: #ffffff; 
 border: 1px solid #ff9900; 
 position: relative;
 text-align: left; 
 margin: 0px auto; 
 width: 778px; 
}

#position { 
 height: 22px; 
 background: #cc6600; 
 border-bottom: 1px solid white; 
 margin:0; 
 padding: 0; 
 font-size: .6em; 
}
#position p { 
 padding: 5px; 
 color: #ffffff; 
}
#position .rechts { 
 float:right; 
}
#position a { 
 text-decoration: none; 
 color: #ffffff; 
}
#position a:hover { 
 text-decoration: underline; 
 color: #ffffff; 
}

#logoarea { 
 height: 80px; 
 background: #ff9900;
 }

#logo { float: left; }

#herstellerlogo img { float: right; margin: 10px 10px 0 0; }

#nav {
 position: absolute;
 top: 120px;
 width: 150px; 
 background: #ff9900;
}
#nav ul {
 list-style-type: none; 
 color: #ffffff;
}

#nav a {
 text-decoration: none;
 color: #ffffff;
 font-size: .7em; 
 font-weight: bold;
 display: block;
 padding: 0;
 margin: 0;
 padding: 2px 5px 2px 5px; 
 border-top: 1px solid white; 
}
#nav a:hover { text-decoration: none; color: #ffffff; background: #cc6600; }
#nav a.active { background: #cc6600; color: #ffffff; }

#nav a.linie { font-weight: normal; border-left: 10px solid #cc6600; }
#nav a.linieactive {font-weight: bold;  background-color: #ff9900; border-left: 10px solid #cc6600; }
#nav a.linieactive:hover {font-weight: bold;  background-color: #cc6600; border-left: 10px solid #cc6600; color: #ffffff;}

#nav a.linie2 { font-weight: normal; background-color: #ffcc66; background-color: #FBAE40; color: #000000; border-left: 15px solid #cc6600; }
#nav a.linie2active {font-weight: bold;  background-color: #ff9900; border-left: 15px solid #cc6600; }
#nav a.linie2active:hover {font-weight: bold;  background-color: #cc6600; border-left: 15px solid #cc6600; color: #ffffff;}

#nav a.modell { font-weight: normal; background-color: #ffcc66; border-left: 20px solid #cc6600; color: #000000; }
#nav a.modell:hover { font-weight: normal; background-color: #cc6600; border-left: 20px solid #cc6600; color: #ffffff; }
#nav a.modellactive {font-weight: bold;  background-color: #ff9900; border-left: 20px solid #cc6600; }
#nav a.modellactive:hover {font-weight: bold; background-color: #cc6600;  border-left: 20px solid #cc6600; color: #ffffff; }

#nav a.konzept, #nav a.konzeptactive { border-top: 15px solid white; }
/* #nav a.navikorb:hover { text-decoration: none; color: #ffffff; background: #cc6600 ; } */
#nav a.konzeptactive { color: #ffffff; background: #cc6600 ; }

#nav a.navikorb, #nav a.navikorbactive { border-top: 15px solid white; color: #000000;  text-align: right; background: url(images/korb.gif) no-repeat 0 0; }
#nav a.navikorb:hover { text-decoration: none; color: #ffffff; background: #cc6600 url(images/korb_hi.gif) no-repeat 0 0; }
#nav a.navikorbactive { color: #ffffff; background: #cc6600 url(images/korb_hi.gif) no-repeat 0 0; }


#inhalt { color: #000000; background-color: #ffffff; position: relative; left: 160px; width: 608px; padding-top: 12px; margin-bottom: 0;}

#inhalt p { margin: 5px; font-size: .8em; }
#inhalt ol { margin-left: 25px; font-size: .8em; }
#inhalt table { margin: 5px; }
#inhalt td { font-size: .8em; }

.inhaltlinks {
 float: left;
 width: 47%;
 display: inline;
/* border: 1px dotted red; */
}

.inhaltrechts {
 float: right;
 width: 47%;
 display: inline;
/* border: 1px dotted blue; */
}

.inhaltlinksschmal {
 float: left;
 width: 35%;
 display: inline;
/* border: 1px dotted red; */
}

.inhaltrechtsbreit {
 float: right;
 width: 60%;
 display: inline;
/* border: 1px dotted blue; */
}

.szlinks {
 float: left;
 width: 30%;
 display: inline;
}
.szrechts {
 float: right;
 width: 30%;
 display: inline;
 text-align: right;
}
.szlinks, .szrechts {
 font-size: .6em;
 margin-top: 5px;
 margin-bottom: 5px;
}
.szlinks a, .szrechts a {
 color: #666666;
}
.szlinks a:hover, .szrechts a:hover {
 color: #000000;
}


.clear {
 clear: both;
}
h1 {
 font-size: 1em;
 font-weight: bold;
 text-align: left;
 margin : 0;
 padding:  5px 0 0 10px;
}
h2 {
 font-size: .9em;
 font-weight: bold;
 text-align: left;
 margin : 0;
 padding:  5px 0 0 0;
}
h2.gwb {
 font-size: .9em;
 font-weight: bold;
 text-align: left;
 margin : 0;
 padding:  0 0 0 0;
 margin: 5px; margin-left: 0; 
}
h2 a {
 text-decoration: none;
 color: #333333;
}
h2 a {
 text-decoration: hover;
}
h3 {
 font-size: .85em;
 font-weight: bold;
 text-align: left;
 margin : 0;
 padding:  5px 0 0 5px;
}

a {
 color: #000000;
}

.fehler {
 color: #FF0000;
}
.durch   { text-decoration: line-through }

/*
#ende { color: #000000; background-color: #F1E0C9; position: relative; left: 160px; width: 427px; }
#ende p { margin: 10px; font-size: .7em; }
#ende a { text-decoration: none; color: #000000; }
#ende a:hover { text-decoration: underline; color: #000000; }
*/ 

.wrapende { 
/* background: #ffffff;  
 border: 1px solid #ff9900; */
 position: relative;
 text-align: left; 
 margin: 0px auto; 
 width: 778px; 
}

#ende { 
 height: 22px; 
 margin-left: 160px; 
/* background: #cc6600; 
 border: 1px solid black; */
 padding: 0; 
 font-size: .6em; 
}
#ende p { 
 padding: 5px; 
/* color: #ffffff; */
}
#ende .rechts { 
 float:right; 
}
#ende a { 
 text-decoration: none; 
/* color: #ffffff; */
}
#ende a:hover { 
 text-decoration: underline; 
/* color: #ffffff; */
}


#suche { background-color: #CCCCCC; border: 0px; position: absolute; top: 146px; left: 160px; width: 370px; height: 77px; }
#suche p { text-align: right; font-size: .8em; margin-top: 4px; margin-right: 10px; }

#warenkorb { background-color: #999999; border: 0px; position: absolute; top: 146px; left: 530px; width: 189px; height: 77px; }
#warenkorb p { color: #FFFFFF; font-size: .8em; margin-top: 4px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; }
#warenkorb a { color: #FFFFFF; }
#warenkorb a:hover { text-decoration: none; color: #FFFFFF; }

#warenkorb2 { background-color: #999999; border: 0px; position: absolute; top: 198px; left: 382px; width: 149px; height: 25px;  }
#warenkorb2 p { text-align: right; color: #FFFFFF; font-size: .8em; margin-top: 5px; margin-right: 10px; }
#warenkorb2 a { text-decoration: none; color: #FFFFFF; }
#warenkorb2 a:hover { text-decoration: underline; color: #FFFFFF; }



.wrappage2 { text-align: left; margin: 0px auto; position: relative; width: 718px; top: 0px; border: 1px solid #F1E0C9; }

#subnavigation { position: relative; top: 20px; width: 100px; }
#subnavigation ul { font-size: .7em; }

#subnavigation li { list-style-type: none; padding: 0; }
#subnavigation a { border-bottom: 1px solid white; text-decoration: none; color: #ffffff; display: block; background: #ff9900; padding: 2px 5px 2px 5px; }
#subnavigation a:hover { text-decoration: none; color: #B31B0A; }

#subnavigation a.active { background: #cc6600; }


#angebote { color: #000000; background-color: #cccccc; position: absolute; top: 0px; left: 590px; width: 129px; }
#angebote p { margin: 5px; font-size: .7em; }

