/* CSS caloon.ch */

html {height: 100.5%; font-size: 62.5%;}
body {text-align: center;
	  font-family: Courier, sans-serif;
	  font-size: 1.2em;
	  font-height: 1.8em;
	  color: #333333;
	  background: url(images/bg.jpg);}

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

h1, h2, h3, h4, h5, h6 {font-family: "Century-Gohic", sans-serif;
	                    font-weight: normal;
	                    color: #9A0312;
	                    padding: 0.6em 0em 0.2em 0em;}
	                      
h1 {font-size: 2.2em;
	border-bottom: 1px dashed #000000;
	padding-bottom: 0.2em;
	margin-bottom: 0.8em;}
	
	
h4 {color: #000000;
    font-weight:bold;}

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




/* div#wrapper erhält eine fixe Breite */
div#wrapper {width: 760px;
	         margin: 20px auto;
	         text-align: left;
	         background: url(images/bordersites.png);
			 filter: alpha(opacity=85);
			 -moz-opacity: 0.85;
			 opacity: 0.85;
	         border: 5px #9A0312;}
	          
div#header {height: 240px;
	        text-align: left;
	        padding-left: 20px;
	        background: url(images/porsche2.png);
			filter: alpha(opacity=95);
			-moz-opacity: 0.95;
			opacity: 0.95;
	        border-bottom: 1px dotted #333333;}

	         
div#header h1 {font-weight: normal;
	           border: 0px;
	           padding-top: 0.5em;
	           margin-bottom: 0px;
	           text-transform: uppercase;
			   color:#F00;}
			   
	             /*padding-left: 20px; */
	            
	            
div#header h3 {font-weight: normal;
	           border: 0px;
	           padding-top: 0em;
	           padding-left: 4em;
	           margin-bottom: 0px;
			   color:#F00;}
	            
div#nav {background-image: url(images/navbar.png);
	     border-bottom: 1px dotted #333333;}

div#nav ul {padding-left: 20px;}
	         
div#nav li {display: inline;
	        margin-right: 10px;
	        list-style-type: none;}
	         
div#nav li a {padding: 6px;
	          background: #FFFFFF;
	          text-decoration: none;
	          color: #9A0312;
	          text-transform: uppercase;}

div#nav li a:hover, 
body#home div#nav li.navhome a {background: #9A0312;
	                            color: #FFFFFF;}
								
body#musik div#nav li.navmusik a {background: #9A0312;
	                              color: #FFFFFF;}
								  
body#agenda div#nav li.navagenda a {background: #9A0312;
	                                color: #FFFFFF;}
									
body#bilder div#nav li.navbilder a {background: #9A0312;
	                                color: #FFFFFF;}
									
body#links div#nav li.navlinks a {background: #9A0312;
	                              color: #FFFFFF;}
								  
body#kontakt div#nav li.navkontakt a {background: #9A0312;
	                                  color: #FFFFFF;}
	                                                  
div#wrapcontent {background: none;
	             overflow: auto;
	             width: 100%;}
				 
/* durch die definierte Breite macht #maintext Platz für die Menüleiste */
div#maintext {background: none;
	          width: 560px;
	          padding: 20px;}
			  
div#maintext img {float:left;
                  margin:0px 10px 10px 0px;
				  border:1px solid #333333;}
				  
div#maintext a {text-decoration: none;
	        color: #9A0312;}
				  
div#maintext ul {list-style-type:none;}

div#maintext ul ul {margin-left: 10px}

#spamshuz {display: none; visibility: hidden;}
			  
/* float benötigt immer width! */
div#menu {background: none;
	      float: right;
	      width: 160px;
	      height: 620px;
	      padding: 20px; /*statt padding */
	      border-top: none;
	      border-left: 1px dotted #333333;
	      border-bottom: none}
	       
div#menu a {text-decoration: none;
	        color: #9A0312;}
	         
div#menu li {line-height: 2em}
	         
div#menu li.select {border: 1px solid #9A0312;
	                border-right: 0px;
	                padding-left: 10px;
	                margin-left: -10px;}
	       
div#menu ul {list-style-type: none;}

div#menu ul ul {margin-left: 10px}

div#footer {background: none;
	        color: #7a032a;
	        margin-top: 0px;
	        padding: 4px 0px 6px 0px;
	        text-align: left;
	        padding-left: 20px;
	        border-top: 1px dotted #333333;
	        font-size: 0.5em;}