@charset "utf-8";

/*************************************/
/*************************************/
/************CSS Document*************/
/*************************************/
/*************************************/
/***************Farben:***************/
/************Grau: #E9E9E9************/
/************Blau: #000099************/
/************Gelb: #ffff00************/
/*************************************/
/*************************************/
/*******(c) Eurocar-Thoma,2008********/
/*************************************/
/*************************************/
/***********Optimized for:************/
/***Mozilla, Konquerer, IE7, Safari***/
/*************************************/
/*************************************/



/*************************************/
/*************Generelles**************/
/*************************************/
img{border:0px;}

h1 {display: inline;font-size:20px; font-family:Arial; font-weight:bold;}
h2 {display: inline;font-size:15px; font-family:Arial; font-weight:bold;}
h3 {display: inline;font-size:10px; font-family:Arial; font-weight:bold; color:#ffff00;}
h4 {display: inline;font-size:11px; font-family:Arial; font-weight:bold;}
h5 {display: inline;font-size:12px; font-family:Arial; font-weight:bold; color:#000099;}




span, p, form{margin: 0; padding: 0;}	

a {text-decoration:none; color:#000099;}

input           {font-size: 11px;}
option, select  {font-size: 11px;}

table{text-align:left;}


/*************************************/
/**Bannerformatierung mit Newsticker**/
/*************************************/
.bannerTop
{
	position:absolute; left:10px; top:10px;
	width:950px; 
	height:150px;
	background-image:url(img/800x150.png);
}

.newsTickerTitle
{
	position:absolute; right:7px; top:7px;
	width:144px;
	height:20px;
	text-align:center;
	font-family:Arial;
	color:#000099;
}

.newsTicker
{
	position:absolute; right:7px; top:28px;
	width:144px;
	height:120px;
        text-align:center;
	font-family:Arial;
	color:#000099;
}


/************************************/
/*******Obere Navigationsleiste******/
/************************************/	

.navigationTop
{
	position:absolute; left:10px; top:160px;
	width:950px; 
	height:30px;
	background-image:url(img/navigationTop.png);
}

/**********Navigationsstyle*********/
#menuTop{width:860px; margin-right:5px; padding:0px;}
#menuTop a , #menuTop a:visited {display:block; line-height:25px; height:25px; padding: 0px 10px 0px 10px; text-align:center;}
#menuTop a:hover, #menuTop a.active {background-color:#000099; color:#ffff00;}



/************************************/
/*************Linke Boxen************/
/************************************/	
.navigationLeft
{
	position:absolute; left:10px; top:190px; z-index:100;
	width:114px; 
}

.modellTitle
{
	background-image:url(img/modellTitle.png);
	width:114px; 
	height:27px;
}

.modellAuswahl
{
	position:absolute; left:20px; top:5px;
}

.modellChoose
{
	background-color:#E9E9E9;
	width:110px;
        
	border-left:2px solid #ffff00;
	border-right:2px solid #ffff00;
        text-align:center;
}
.modellBottom
{
	background-image:url(img/Bottom.png);background-repeat: no-repeat;
	width:114px; 
	height:10px;
}



/**********Modellnavigation**********/
#menu h4{display: inline;font-size:16px; font-family:Arial; font-weight:bold;}	
#menu {font-family: arial; width:110px; position: relative; z-index:100; background-color:#E9E9E9; text-align:center;}
#menu ul li a, #menu ul li a:visited {display:block; text-decoration:none; color:#000099; width:110px; text-align:center; background:#E9E9E9;}
#menu ul {padding:0; margin:0; list-style-type: none; }
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}
#menu ul li:hover ul {display:block; position:absolute; top:30px; left:110px; width:150px;}
#menu ul li:hover ul li a.hide {background:#ffff00; color:#000099;}
#menu ul li:hover ul li:hover a.hide {width:150px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; background:#ffff00; color:#000099; width:150px;}
#menu ul li:hover ul li a:hover {background:#000099; color:#ffff00;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:150px; top:0; color:#000099;}
#menu ul li:hover ul li:hover ul li a {display:block; width:120px; background:#000099; color:#ffff00;}
#menu ul li:hover ul li:hover ul li a:hover {background:#ffff00; color:#000099;}



/***********Angebote Links***********/	
.angebotTitle
{
	background-image:url(img/angebotTitle.png);
	width:114px; 
	height:27px;
}

.angebotAngebot
{
	position:relative; left:20px; top:5px;
}

.angebotChoose
{
	background-color:#E9E9E9;
	width:110px;
	border-left:2px solid #ffff00;
	border-right:2px solid #ffff00;
        text-align:center;
}
.angebotBottom
{
	background-image:url(img/Bottom.png); background-repeat: no-repeat;
	width:114px; 
	height:10px;
}

#menuAngebot a:hover{color:#FF0000;}




/************************************/
/**********Mittlere Anzeige**********/
/************************************/	
.haupt
{
	position:absolute; left:140px; top:190px;
	width:650px; 
}

#links a {color:black;}
#links a:hover{color:#FF0000;}


/************************************/
/*************Rechte Boxen***********/
/************************************/	
.navigationRight
{
	position:absolute; left:806px; top:190px;
	width:154px; 
	height:350px;
}

.infoTitle
{
	background-image:url(img/infoTitle2.png);
	width:154px; 
	height:27px;
}

.infoschrift
{
	position:absolute; left:30px; top:8px;
}


.infoCenter
{
	background-color:#E9E9E9;
	width:150px;
	border-left:2px solid #000099;
	border-right:2px solid #000099;
        text-align:center;
}

.navigationRightCenter
{
	background-color:#E9E9E9;
	width:150px;
	border-left:2px solid #000099;
	border-right:2px solid #000099;
        text-align:centre;
}

.navigationRightBottom
{
	background-image:url(img/154x10u.png);background-repeat: no-repeat;
	width:154px; 
	height:10px;
}

.contactCenter
{
	background-color:#E9E9E9;
	width:150px;
	border-left:2px solid #000099;
	border-right:2px solid #000099;
        text-align:center;
}



#menuRight{margin-right:auto; margin-left:auto; width:150px; text-align:center;}
#menuRight span{margin: 2px 0px; padding: 0px 5px;}

/************************************/
/****************Footer**************/
/************************************/	
.footer
{
	color:#000099;
	font-size:10px;
        text-align:center;
	border-top: 2px dotted #000099;
}

#footer a:hover{color:#FF0000;}


/************************************/
/********Seitengestalltung***********/
/************************************/

/*******Kapitelüberschriften*********/
.topic
{
        border-bottom: 2px dotted #000099;
}

.spacer1
{
        width:1px;
        height:5px;
        position:relative;
}
.spacer{height:10px;}

.rahmen{border:2px solid #ffff00; background-color:#E9E9E9;}


/*******Angebote Startseite**********/
.aussen
{
	width:550px;
	height:100px;
        position:relative; top:0px; left:35px;
}



.pic
{
	width:150px;
	height:100px;
	position:absolute; top:0px; left:0px;
}



.name
{
	width:300px;
	height:25px;
	position:absolute; top:0px; left:150px;
	text-align:center;
        color:#000099;
        font-family:Arial;
        font-weight:bold;
        font-size:14px;
        background-color:#ffff00;	
}



.preis

{
	width:100px;
	height:25px;
	position:absolute; top:0px; left:450px;
	text-align:center;
        color:#000099;
        font-family:Arial;
        font-weight:bold;
        font-size:14px;
        background-color:#ffff00;	
}

.text

{
	width:398px;
	height:73px;
	position:absolute; top:25px; left:150px;
	font-size:11px;
        font-family:Arial;
border-bottom:2px solid #ffff00;
border-right:2px solid #ffff00;
}


/************************************/
/******Modellzwischenseiten**********/
/************************************/

.zwischenseiten
{
        position: relative; top:10px;
        width: 100%;
height:260px;
}


.modellpreise
{
        position: relative;
        width: 100%;
height:30px;
}

.boxleft
{
        position: absolute; top:0; left:10px;
        width:290px;
}

.boxright
{
        position: absolute; top:0; right:10px;
        width:290px;
}

