body { 
 background-color: #ffffff;
 margin:0px;
 padding:0px; 
 
 
}

#content {
		background-color: #ffffff;
        position:absolute;
        top:20px;
        left:20px;
		font-style: normal;
		color: #333333;
		

        
        }



/*---  Schriftformatierungen ---*/
.text {
 	font-family: verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666633;
	padding:20px;

	
}

td {
	padding: 3px;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;

	
}

.result {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666633;

	
}

	   


.impressum {
		line-height: 15px;
		color: #ffffff;
		font-size:11px;

	   }
	   
.home {
 		font-family: andale mono, verdana, sans-serif;

		font-size: 10px;
		line-height: 15px;
		color: #626262;
		padding: 20px;

	   }

.list_img {
background: url(images/grey.gif);
max-width: 70px;
max-height: 50px;
width:expression(this.width > 70 ? "70px" : this.width);
height:expression(this.height > 50 ? "50px" : this.height);
}
	   



a:link {
 font-family: verdana, sans-serif;
 color: #333333; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: none; 
}

a:visited { 
 color: #333333; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: none; 
}

a:active { 
 color: #ffffff; 
 font-size: 10px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:hover { 
 color: #ffffff; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: underline; 
}
a.mainmenue:link {
 font-family: verdana, sans-serif;
 color: #626262; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: none;
}

a.mainmenue:visited { 
 color: #626262; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: none; 
}

a.mainmenue:active { 
 color: #333333; 
  font-size: 10px; 
 font-weight: normal; 
 text-decoration: none; 
}

a.mainmenue:hover { 
 color: #333333; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: none; 
}

a.pager:link {
 font-family: trebuchet ms, verdana, sans-serif;
 color: #333333; 
 font-size: 10px; 
 font-weight: normal; 
}

a.pager:visited { 
 color: #333333; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: none; 
}

a.pager:active { 
 color: #333333; 
 font-size: 10px; 
 font-weight: bold; 
 text-decoration: none; 
}

a.pager:hover { 
 color: #626262; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: underline; 
}


a.headline:link {
  padding: 2px;
 font-family: verdana, sans-serif;
 color: #666633; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: none; 
}

a.headline:visited { 
  padding: 2px;
 color: #666633; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: none; 
}

a.headline:active {
  padding: 2px;
 
 color: #ffffff; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: underline; 
}

a.headline:hover { 
  padding: 2px;
 color: #ffffff; 
 font-size: 10px; 
 font-weight: normal; 
 text-decoration: underline; 
}




/*---  sitelayout ---*/

#logo {
background-color: #ffffff;
background: url(images/logo.gif) no-repeat top left;
position:absolute;
width:300px;
height:47px;
left:20px; 
top:20px;
}
#header {
background-color: #ffffff;
background: url(images/header.gif) no-repeat top left;
position:absolute;
width:700px;
height:57px;
left:20px; 
top:80px;
}
#rightback {
background-color: #ffffff;
background: url(images/rightback.gif) top left;
background-repeat: repeat-y;
position:absolute;
width:39px;
height: 600px;
left:602px; 
top:58px;

}

#trenner0 {
background: url(images/darkblue.gif);
position:absolute;
width:2px;
height: 400px;
left:18px; 
top:100px;

}

#trenner1 {
background: url(images/darkblue.gif);
position:absolute;
width:2px;
height: 400px;
left:140px; 
top:100px;

}
#trenner2 {
background: url(images/darkblue.gif);
position:absolute;
width:2px;
height: 400px;
left:302px; 
top:100px;

}

#trenner3 {
background: url(images/darkblue.gif);
position:absolute;
width:2px;
height: 400px;
left:554px; 
top:100px;

}


#platzhalter0 { 
background: url(images/darkblue.gif);
position:absolute;
width:554px;
height: 400px;
left:140px; 
top:100px;
z-index: 8;

}

#platzhalter {
background: url(images/darkblue.gif);
position:absolute;
width:554px;
height: 400px;
left:302px; 
top:100px;
z-index: 8;

}
#platzhalter2 {
background: url(images/darkblue.gif);
position:absolute;
width:302px;
height: 400px;
left:554px; 
top:100px;
z-index: 8;

}

/*---  MAIN PAGE CONTENT ---*/
#modell {
background: url(images/yellow.gif);
position:absolute;
width:120px;
height:400px;
left:20px; 
top:100px;
font-family: verdana, sans-serif;
font-size: 10px; 
color: #626262;
z-index: 5;
}

#kategorie {
background: url(images/blue.gif);
position:absolute;
width:160px;
height:400px;
left:142px; 
top:100px;
font-family: verdana, sans-serif;
font-size: 10px; 
color: #626262;
z-index: 5;

}

#result {
background: url(images/yellow.gif);
position:absolute;
width:250px;
height:400px;
left:304px; 
top:100px;
font-family: verdana, sans-serif;
font-size: 10px; 
color: #626262;
z-index: 5;

}

#pager {
font-family: verdana, sans-serif;
position:absolute;
width:300px;
height:10px;
left:304px; 
top:380px;
font-size: 10px; 
color: #626262;
z-index: 6;

}


#detail {
background: url(images/blue.gif);
position:absolute;
width:300px;
min-height:400px;
left:556px; 
top:100px;
font-family: Andale, verdana, sans-serif;
font-size: 10px; 
color: #626262;
z-index: 5;

}

#submenue_image {
position:absolute;
width:20px;
height:200px;
left:180px; 
top:270px;
z-index: 5;

}
#image {

position:absolute;
width:603px;
left:-1px; 
top:58px;
z-index: 5;

}


#textfield {
position:absolute;
width:403px;
left:200px; 
top:260px;

}




