/* CSS Formatdatei für: Stretchlimousinenservice Frank Joel  */

/* Grunddefinitionen der gesamten Seite */
html {
	margin: 0px;
	padding: 0px;
	height: 100.1%;
	font-size: 62.5%;
	}


body {
	margin: 0px;
	padding: 0px;
        font-family:  Verdana, sans-serif;
	font-size: 1.4em;
	line-height: 1.7em;
        height: 100%;
	width: 100%;
	background-image: url(images/hinter.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #f4eed4;
	}


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


p {margin-bottom: 0.4em;}



/* Definitionen der Überschriften */
h2, h3, h4, h5, h6 {
	font-family: "Garamond";
	font-weight: normal;
	color: #669999;
	padding: 0.5em 0em 0.2em 0em ;
        }


h1 {
	font-family: "Arial", sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #757575;
	text-transform: uppercase;
        }
h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #452314;
	letter-spacing: 1px;
        }

h4 {
	font-size: 1.4em;
	font-weight: bold; 
        color: #9A0312;
        }

h6 {
	font-size: 1.2em;
	color: #452314;
	letter-spacing: 1px;
        }




/* Definitionen aller LINKS ohne eigenes Menü */
a {
	font-weight: bold; 
        color: #9A0312;
        }

a:link {
	font-weight: bold; 
        color: #9A0312;
	}

a:visited {
        font-weight: bold; 
        color: #669999;
        }

a:hover {
        color: #669999;
        font-weight: bold; 
        }

a:active {
        }

strong {letter-spacing: 1px;}
em {font-size: 1.1em;}

/* Definitionen gesamter Textcontainer */

#container {
	width: 1000px;
        margin: 0px auto;
	margin-top: 0px;
	background-color: #E6D6B9;
        position: relative;
        border:solid 1px black;
	}

#container-2 {
	width: 1000px;
        margin: 0px auto;
	margin-top: 0px;
	background-color: transparent;
        position: relative;
	z-index: 10;
	}

div#nav {
	width: 1050px;
        height: 30px; 
        margin: 0px auto;
        text-align: right;
        text-transform: uppercase;
        padding-right: 50px;
	background-image: url(images/rahmen-oben.jpg);
	background-position: bottom;
        color: #FFFFFF;
	font-size: 0.8em;
	line-height: 3.0em;
        }


div#nav ul {padding-left: 0px;}
div#nav li {
        display: inline; 
        margin-right: 0px;
}
div#nav li a {
	text-decoration: none; 
	color: #ffffff; 
	text-transform: uppercase;
        }
        
div#nav li a:hover, 
body#home div#nav li.navhome a {
	color: #9A0312;
        }
        
div#kopf {
	float: left;
        height: 200px; 
	width: 980px;
        text-align: right;
        padding-right: 20px;
        background: url(images/kopf.jpg) no-repeat left top;        
        }

div#seite {
	float: left;
	width: 200px; 
        height: 600px; 
	padding: 220px 10px 10px 10px;
	font-weight: bold;
	color: #663a15;
        background: url(images/hinter-seite.jpg) no-repeat left top #E6D6B9;        
        }
        

        
div#inhalt {
        position: absolute;
        top: 200px;
        left:220px;
	width: 760px; 
        height: 800px; 
        font-family:  Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 10px;
        text-align: center;
        background: url(images/hinter-inhalt.jpg) no-repeat left top #F6F1E7;        
        }

div#inhalt img {
	margin: 10px;
	}

div#inhalt-lang {
	float: right;
	width: 760px; 
        height: 100%; 
        font-family:  Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 10px;
        text-align: center;
        background: url(images/hinter-inhalt.jpg) no-repeat left top #F6F1E7;        
        }

div#inhalt-lang img {
	float: right;
	margin: 10px 25px;
	}

span.bild-linie  {
	margin: 5px 0px 5px -15px;
	}


span.schalter a {
        background: url(images/schalter-30.gif) no-repeat center top; 
        padding: 6px 23px;
        height: 40px; 
	text-decoration: none ;
        color: #000000;
        text-align: center;
	font-weight: bold;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
        }

span.schalter a:hover {
        background: url(images/schalter-31.gif) no-repeat center top; 
        height: 25px; 
	color:#ffffff;
        }

div#karte {
	float: right;
	width: 370px;
        height: 440px; 
        margin: 10px 25px;
	text-align: left;
	line-height: 3.0em;
	background-image: url(images/karte.jpg);
        }

ul#sitemap li {
        text-align: left;
	margin: 0px 0px 10px 250px;
        padding: 0;
        }

ul#history li {
        text-align: left;
	margin: 0px 0px 10px 50px;
        padding: 0;
        }


span.sitemap { padding-left: 230px; font-weight: bold; color: #9A0312;}

span.rot {font-weight: bold; color: #FF0000;}
        
div#boden {
	clear: both;
	background: #999999; 
	color: #FFFFFF; 
	margin-top: 10px;
	padding: 0px 5px 4px 5px;
	line-height: 0.8em;
	text-align: justify;
	border-top: 1px solid #000000;
        }


#boden-banner {
	background: url(images/boden-banner.gif) no-repeat left;
	height: 110px;
	width: 100%;
	position: fixed;
	background-position: center;
	bottom: -1px;
	left: 0px;
        z-index: 23;
        }

#boden-schalter {
	margin: 80px 0px 10px 10px;
	height: 110px;
	width: 100%;
        z-index: 25;
        }


	
	#menu-blumen a , #menu-blumen a:visited , #menu-blumen a:active {display:inline;
	float: left;
        background: url(images/blumen-1.jpg) no-repeat left top;
	padding: 0px;
        height: 200px;
	width:200px;
	z-index: 5;
	}
	
	#menu-blumen a:hover{
	color:#FFFFFF;
        background: url(images/blumen-2.jpg) no-repeat left top;
	text-decoration:none ;
	}
	


        
        #menu1 a , #menu1 a:visited , #menu1 a:active {display:inline;
	float: left;
	background-color: transparent;
	color:#000000;
	text-decoration: none ;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:25px;
	text-align: left;
        padding-left: 10px;
	width: 200px;
	z-index: 25;
	}
	#menu1 a:hover{
	color:#ffffff;
        background: url(images/pixelspace.gif) no-repeat right top;
	text-decoration:none ;
	}
	
	#menu2 a , #menu2 a:visited , #menu2 a:active {display:inline;
	float: left;
	background-color: transparent;
	color:#000000;
	text-decoration:none ;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:35px;
        padding-left: 10px;
	text-align:left;
	width:195px;
	z-index: 25;
	}
	#menu2 a:hover{
	color:#ffffff;
        background: url(images/pixelspace.gif) no-repeat right top;
	text-decoration:none ;
	}
	



	
	
	#menu3 a , #menu3 a:visited , #menu3 a:active {display:inline;
	float: left;
        background: url(images/schalter-1.gif) no-repeat left top;
	color:#000000;
	text-decoration:none ;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:30px;
	padding-left: 15px;
	text-align:left;
	width:135px;
        height: 30px;
  	z-index: 20;
	}
	#menu3 a:hover{
	color:#FFFFFF;
        background: url(images/schalter-2.gif) no-repeat left top;
	text-decoration:none ;
	}
	
	#menu4 a , #menu4 a:visited , #menu4 a:active {display:inline;
	float: left;
        background: url(images/schalter-1.gif) no-repeat left top;
	color:#000000;
	text-decoration:none ;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:30px;
	padding-left: 15px;
	text-align:left;
	width:135px;
	z-index: 20;
	}
	#menu4 a:hover{
	color:#FFFFFF;
        background: url(images/schalter-2.gif) no-repeat left top;
	text-decoration:none ;
	}
	
	#menu5 a , #menu5 a:visited , #menu5 a:active {display:inline;
	float: left;
        background: url(images/schalter-1.gif) no-repeat left top;
	color:#000000;
	text-decoration:none ;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:30px;
	padding-left: 15px;
	text-align:left;
	width:135px;
	z-index: 20;
	}
	#menu5 a:hover{
	color:#FFFFFF;
        background: url(images/schalter-2.gif) no-repeat left top;
	text-decoration:none ;
	}
	
	

	
	#menu11 a , #menu11 a:visited , #menu11 a:active {display:inline;
	float: left;
	background-color: transparent;
	color:#000000;
	text-decoration:none ;
	text-transform: uppercase;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:30px;
	padding: 0px;
	text-align:left;
	width:150px;
	z-index: 20;
	}
	
	#menu11 a:hover{
	color:#FFFFFF;
        background: url(images/schalter-2.gif) no-repeat right top;
	text-decoration:none ;
	}
	

	#menu12 a , #menu12 a:visited , #menu12 a:active {display:inline;
	float: left;
	background-color: transparent;
	color:#FFFFFF;
	text-decoration:none ;
	text-transform: uppercase;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:20px;
	padding: 0px;
	text-align:center;
	width:120px;
	z-index: 20;
	}
	
	#menu12 a:hover{
	color:#96B8D6;
        background: url(images/schalter-11.gif) no-repeat left top;
	text-decoration:none ;
	}


	
	#menu13 a , #menu13 a:visited , #menu13 a:active {display:inline;
	float: left;
	background-color: transparent;
	color:#000000;
	text-decoration:none ;
	text-transform: uppercase;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:30px;
	padding: 0px;
	text-align:left;
	width:150px;
	z-index: 20;
	}
	
	#menu13 a:hover{
	color:#FFFFFF;
        background: url(images/schalter-4.gif) no-repeat right top;
	text-decoration:none ;
	}

	
	#menu14 a , #menu14 a:visited , #menu14 a:active {display:inline;
	float: left;
	background-color: transparent;
	color:#000000;
	text-decoration:none ;
	text-transform: uppercase;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:30px;
	padding: 0px;
	text-align:left;
	width:150px;
	z-index: 20;
	}
	
	#menu14 a:hover{
	color:#FFFFFF;
        background: url(images/schalter-6.gif) no-repeat right top;
	text-decoration:none ;
	}
	


	#menu20 a , #menu20 a:visited , #menu20 a:active {display:inline;
	float: left;
	background-color: transparent;
	color:#9A0312;
	text-decoration:none ;
	text-transform: uppercase;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:30px;
	padding: 0px;
	text-align:left;
	width:150px;
	z-index: 20;
	}
	
	#menu20 a:hover{
	color:#FFFFFF;
        background: url(images/schalter-2.gif) no-repeat right top;
	text-decoration:none ;
	}


	#menu21 a , #menu21 a:visited , #menu21 a:active {display:inline;
	float: left;
	background-color: transparent;
	color:#9A0312;
	text-decoration:none ;
	text-transform: uppercase;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:30px;
	padding: 0px;
	text-align:left;
	width:150px;
	z-index: 20;
	}
	
	#menu21 a:hover{
	color:#FFFFFF;
        background: url(images/schalter-4.gif) no-repeat right top;
	text-decoration:none ;
	}



	#menu22 a , #menu22 a:visited , #menu22 a:active {display:inline;
	float: left;
	background-color: transparent;
	color:#9A0312;
	text-decoration:none ;
	text-transform: uppercase;
        font-family:  Verdana, sans-serif;
	font-size: 12px;
	line-height:30px;
	padding: 0px;
	text-align:left;
	width:150px;
	z-index: 20;
	}
	
	#menu22 a:hover{
	color:#FFFFFF;
        background: url(images/schalter-6.gif) no-repeat right top;
	text-decoration:none ;
	}