/* CSS-Styhlsheet für web.template */ 

/* Formatierung Basis */
html {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : normal;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	font-size   : 12px;

}

body {
	background-image   : url(/fond.jpg);
	background-repeat  : no-repeat;
	background-position: top left;
	background-color   : #d3d3d3;
	font-family        : Helvetica, Arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
	margin             : 0;
	padding            : 0;
	width              : 100%;
	overflow           : hidden;
}

h1 {
	font-family  : Helvetica, Arial, sans-serif;
	font-weight  : bold;
	font-style   : normal;
	font-variant : normal;
	font-stretch : normal;
	font-size    : 130%;
	clear        : none;
	float        : none;
	background-color: #B30A0A;
	color         : #fff;
	padding-top   : 10px;
	padding-bottom: 10px;
	padding-left  : 10px;
	padding-right : 10px;
	margin        : 0;
	margin-left   : 10px;
	border        : 1px solid #000;
	display      : block;
}

/* Überschriften */
h2 {
	font-family   : Helvetica, Arial,sans-serif;
	font-weight   : bold;
	font-variant  : normal;
	font-stretch  : normal;
	font-size     : 17px;
	color         : #000;
	margin-top    : 15px;
	margin-right  : 10px;
	margin-left   : 10px;
}

/* Auszeichnungen */
h3 {
	font-family  : Times,serif;
	font-weight  : lighter;
	font-style   : normal;
	font-variant : normal;
	font-stretch : normal;
	color        : #862220;
	font-size    : 15px;
	margin-left  : 10px;
	margin-right : 10px;
	clear        : both;
	float        : none;
}

h3 em {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : normal;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	font-size   : 110%;
	color       : #A3A3A7;
	clear       : both;
	float       : none;
}

h3 img {
	border  : 1px solid #1F3590;
}

/* Betohnungen */
em {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : bold;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	color       : #1F3590;
}

b {
	font-weight : bold;
}
	
strong {
	font-weight : bold;
}

/* Formatierung Seitenhintergrund*/


.imagebild { 
display: none;
/*	background-color   : #fff;
	position           : absolute;
	z-index            : 3;	
	overflow           : hidden;
	width              : 677px;
	height             : 224px;
	top                : 0;
	left               : 0;*/
} 

.fond { 
	background-color   : #fff;
	position           : absolute;
	z-index            : 1;	
	overflow           : hidden;
	width              : 806px;
	height             : 78%;
	top                : 120px;
	left               : 21px;
	filter             : Alpha(opacity=70);
	opacity            : 0.7;
} 

.seat,
.seat a img {
	background-color   : none;
	position           : absolute;
	z-index            : 10;	
	width              : 85px;
	height             : 73px;
	top                : 2%;
	left               : 377px;
	border             : none;
}
.audi,
.audi a img {
	background-color   : none;
	position           : absolute;
	z-index            : 10;	
	width              : 85px;
	height             : 73px;
	top                : 2%;
	left               : 435px;
	border             : none;
}
.vw,
.vw a img {
	background-color   : none;
	position           : absolute;
	z-index            : 10;	
	width              : 85px;
	height             : 73px;
	top                : 2%;
	left               : 280px;
	border             : none;
}
.nutzfahrzeuge,
.nutzfahrzeuge a img {
	background-color   : none;
	position           : absolute;
	z-index            : 10;	
	width              : 85px;
	height             : 73px;
	top                : 2%;
	left               : 330px;
	border             : none;
}
/* Formatierung Logo */

.logo {
	background      : none;
	overflow        : hidden;
	position        : absolute;
	z-index         : 9;
	top             : 0;
	right           : 9%;
	width           : 15%;
	height          : 15%;
	margin          : 0;
	padding         : 0;

}



/* Formatierung Contentbereich */	

.content {
	position           : absolute;
	/*background         : #fff;*/
	z-index            : 7;
	font-family        : Helvetica, Arial,sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
	font-size          : 12px;
	line-height        : 14px;
	overflow           : auto;
	width              : 807px;
	height             : 73%;
	top                : 150px;
	left               : 21px;
	border-top         : none;
	
	scrollbar-DarkShadow-Color  : #303030; 
	scrollbar-Track-Color       : #3a3c3f; 
	scrollbar-Face-Color        : #545454;
	scrollbar-Shadow-Color      : #303030;
	scrollbar-Highlight-Color   : #7c7f8c;
	scrollbar-3dLight-Color     : #7c7f8c; 
	scrollbar-Arrow-Color       : #ceb870; 

}

.block {
margin-left   : 10px;
}
.content p{
	margin-top    : 5px;
	margin-right  : 10px;
	margin-bottom : 5px;
	margin-left   : 10px;
	/*line-height   : 14px;*/
}


/* Formatierung der Tabellen im Contentbereich */
.content table {	
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 100%;
	text-align         : left;
	line-height        : 14px;
	clear              : both;
	width              : 750px;
	vertical-align     : top;
	background-image   : url(fond-tabelle-rechts.jpg);
	background-repeat  : no-repeat;
	background-position: top right;
	background-color   : #E6E6E6;
	margin-left        : 10px;
	padding            : 0;
	border-collapse    : collapse;		
}
.content table p{	
	margin    : 0;
	padding   : 0;
	clear: left;
	float: none;
	line-height: 14px;	
}

.content th.1  {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 13px;
	color              : #000;
	vertical-align     : top;
	background-image   : url(fond-tabelle.jpg);
	background-repeat  : no-repeat;
	background-position: top left;
	padding-top        : 4px;
	padding-right      : 5px;
	line-height        : 14px;
	padding-bottom     : 10px;
	padding-left       : 10px;
}

.content th {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight    	   : bold;
	font-size          : 13px;
	color              : #000;
	vertical-align     : top;
	line-height        : 14px;
	padding-top        : 4px;
	padding-bottom     : 10px;
	padding-left       : 10px;
	padding-right      : 5px;

}

.content td, th {
	font-size          : 12px;
	text-align         : left;
	vertical-align     : top;
	padding-top        : 3px;
	line-height        : 14px;
	padding-right      : 5px;
	padding-bottom     : 3px;
	padding-left       : 10px;

}

.content tr.even td {
	text-align       : left;
	vertical-align   : top;
	font-size        : 12px;
	background-color : #E6E6E6;
	line-height      : 14px;
	padding-top      : 3px;
	padding-right    : 5px;
	padding-bottom   : 3px;
	padding-left     : 10px;
	margin           : 0;
	border-bottom    : 1px solid #fff;
}

.content tr.odd td {
	background-color: #E6E6E6;
	border-bottom   : 1px solid #fff;
	vertical-align  : top;
}


/* Link im Contentbereich */
.content a:link,
.content a:visited,
.content a:visited,
.content table a:link,
.content table a:visited,
.content table a:visited  {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : bold;
	font-style     : normal;
	font-variant   : normal;
	line-height    : 14px;
	font-stretch   : normal;
	font-size      : 12px;
	color          : #862220;
	text-decoration: none;
}

.content a:hover,
.content table a:hover {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : bold;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 12px;
	color          : #000;
	text-decoration: underline;
}

.content em,
.content table em {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : bold;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	color          : #000;
	text-decoration: none;
}




/* Bild normal */
.content img {	
	float         : left;
	clear         : left;
	border        : none;
	padding       : 0;
	margin-top    : 0;
	margin-right  : 10px;
	margin-bottom : 10px;
	/*width         : 300px;*/
}

/* Listenbild */
.content ul li img  {
	float          : left;
	clear          : none;
	border         : none;
	margin         : 3px;
	margin-left    : 0;
	margin-right   : 10px;
	margin-bottom  : 12px;
	list-style-type: none;
}

/* Bild in Tabelle */
.content table img {
	text-align         : left;
	float: none;
	clear: both;
	margin-top    : 5px;
	margin-right  : 5px;
	margin-bottom : 5px;
	margin-left   : 0px;	
}

/* Bild unterstrichen */

.Content h3 img {
	float         : right;
	border        : none;
	padding       : 0;
	margin-top    : 0;
	margin-right  : 0;
	margin-bottom : 10px;
	margin-left   : 0;
}


/* Formatierung Listen im Contentbereich*/
.content li {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	color          : #000;
	clear          : both;
	padding        : 0;
	list-style-type: none;
}

.Content ul {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 12px;
	clear          : both;
	margin         : 10px;
	padding        : 0;
	list-style-type: none;
}


/* Liste mit Punkt */
.content ul li {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	list-style-type: square;
	padding        : 0;
	margin-left    : 38px;
	font-size      : 12px;

}
.content ul li a {
	font-family    : Helvetica, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-stretch   : normal;
	font-size      : 12px;
	list-style-type: none;
}

/* Aufzählung */
.Content ol {
	margin-left : 32px;
	padding     : 0;
}

/*Formatierung Navigation */
#navigation-fond {
   z-index            : 7;
   background-image   : url(/fond-navigation.jpg); 
   background-position: top;
   position           : absolute;
   top                : 120px; 
   left               : 21px;
   width              : 808px;
   height			  : 31px;
}

#navigation {
   z-index            : 8; 
   position           : absolute;
   text-align         : left;
   top                : 120px; 
   left               : 21px;
   width              : 815px; 
   font-size          : 12px;
   overflow           : visible; 
}

#navbox {
   float         : left;
   text-align    : left;
   clear         : none;
   font-size     : 12px;
   color         : #000;
   
   background-repeat  : no-repeat;
   background-position: top left;
}	
	
#navbox a {
   display         : block;	
   font-family     : Helvetica, Arial, sans-serif;
   font-weight     : normal;
   font-style      : normal;
   list-style-type : none;
   text-decoration : none;
   color           : #fff;
   width           : 101px;
   text-indent     : 5px;
   padding-top     : 10px;
   padding-bottom  : 7px;
}

#navbox a:hover {
   display            : block;	
   font-family        : Helvetica, Arial, sans-serif;
   font-weight        : normal;
   font-style         : normal;
   text-decoration    : none;
   list-style-type    : none;
   color              : #fff;
   background-color   : #aed8d7;
   padding-top        : 10px;
   padding-bottom     : 7px;
   text-indent        : 5px;
   background-image   : url(/nav-hover.jpg);
   background-repeat  : no-repeat;
   background-position: top left;
}

ul.Navilevel2 {
   filter          : Alpha(opacity=90);
   opacity    	   : 0.9;
   list-style-type : none;
   color           : #fff;
   float           : none;
   clear           : both;
   width           : 101px;
   margin          : 0;
   padding         : 0;
}



#navbox ul a {
   font-family     : arial,sans-serif;
   font-weight     : normal;
   font-style      : normal;
   font-size       : 10px;
   text-decoration : none;
   color           : #000;
   text-decoration : none;
   width           : 101px;
   border-bottom   : none;  
   height          : 18px; 
   padding-top     : 3px;
   padding-bottom  : 8px;
   text-indent     : 0;
   padding-left    : 5px;
   background-color: #e3e3e3;

}

#navbox ul a:hover {
   font-family     : arial,sans-serif;
   font-weight     : normal;
   font-style      : normal;
   font-size       : 10px;
   text-decoration : none;
   color           : #000;
   text-decoration : none;
   width           : 101x;
   height          : 18px; 
   padding-top     : 3px;
   text-indent     : 0;
   padding-bottom  : 8px;
   background-color: #fff; 
   background-image: none;

}

/* Formatierung der Druckversion */
.Druckversion {
	background-color   : #bab9b9;
	position           : absolute;
	z-index            : 5;	
	width              : 200px;
	height             : 505px;
	top                : 150px;
	left               : 829px;
	font-size          : 12px;
	text-align         : left; 
	list-style         : none;
	color              : #fff;
	
}

.Druckversion p {
	width           : 185px;
	margin-left     : 10px;
	margin-top      : 45px;
	font-family     : Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 11px;
	clear:both;
	float:none;
}

.Druckversion a:link,
.Druckversion a:visited,
.Druckversion a:active {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 13px;
	color           : #fff;
	text-decoration : none;
	clear:both;
	float:none;
}
.Druckversion a:hover {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 13px;
	color           : #fff;
	text-decoration : underline;
}

.Druckversion em {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 13px;
	color           : #fff;
	text-decoration : none;
	clear:both;
	float:none;
}


.Druckversion a img { 
	border       : 0;
	float        : left;
	margin-right : 10px;
	padding-left : 0;
} 


/* Formatierung Suche */
.suchfunktion {
	background-color   : #bab9b9;
	position           : absolute;
	position           : absolute;
	z-index            : 6;	
	width              : 200px;
	height             : 65px;
	left               : 829px;
	top                : 120px;
	font-size          : 10px;
	text-align         : left;
	border-bottom      : 1px solid #fff; 

}

.search input {
	background-color  : #fff;
	font-family       : Helvetica, Arial, sans-serif;
	font-weight       : normal;
	font-style        : normal;
	font-variant      : normal;
	font-stretch      : normal;
	font-size         : 11px;
	float             : left;
	width             : 85%;
	height            : 18px;
	margin-top        : 10px;
	margin-left       : 10px;
	border            : 1px solid #AEAEAE;

}
.search input.submit {
	background-color   : none;
	font-family        : Helvetica,Arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
	font-size          : 13px;
	color              : #fff;
	clear              : both;
	width              : 85%;
	height             : 20px;
	margin-left        : 10px;
	margin-top         : 5px;
	padding            : 0;
	border             : none;
	
	background-image   : url(/suche-fond.jpg);
        background-repeat  : no-repeat;
        background-position: top left;
	
}

.suchfunktion a:link,
.suchfunktion a:visited,
.suchfunktion a:active {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 10px;
	color           : #000;
	text-decoration : none;
	padding-left    : 10px;
}
.suchfunktion a:hover {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	font-size       : 10px;
	color           : #000;
	text-decoration : none;
	padding-left    : 10px;
}

.suchfunktion em {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-size       : 10px;
	color           : #000;
	text-decoration : none;
	padding-left    : 10px;
}


/* Formatierung Editor Button */	
.editor form.default input{	
	background         : none;
	position           : absolute;
	z-index            : 10;
	width              : 30px;
	height             : 24px;
	right              : 0px;
	top	               : 0;
	border             : none;
	font-size          : 0;
	color              : #D3D3D3;
	text-align         : right;
}
.editor form.default input.submit{
	background-image   : url(/edit.gif);
	background-repeat  : no-repeat;
	background-position: left;
	height             : 24px;
	font-size          : 0;
}

/* Formatierung Benutzermanager Button */
.editor form.usermanager input{
	background         : none;
	position           : absolute;
	right              : 0;
	top	               : 40px;
	width              : 30px;
	height             : 24px;
	z-index            : 10;
	border             : none;
	font-size          : 0;
	color              : #D3D3D3;
	text-align         : right;
}
.editor form.usermanager input.submit{
	display: none;
}