/**
* Design und Layout Musik
* (c) 2009 by website baker services  http://www.websitebakers.org
* Details zur Lizenz siehe info.php des Templates
*/



/* Definierte Startwerte alle HTML-Elemente */
* { 
 	margin: 0;
 	padding: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link, a:visited, a:active {
	color: #a14645;
	text-decoration: underline;
}
a:hover {color:#aaa; text-decoration: none;}


hr {color:#47120f;}

/* Page Headings */
h1, h2, h3, h4, h5, h6 {color: #47120f;}

strong {color: #47120f2;}

p {margin:0;}


h1 { 
	margin:10px 0 6px 0;
	font-size: 24px;	
}

h2 { 
	margin:10px 0 4px 0;
	font-size: 18px;	
		
}

h3 { margin:10px 0 4px 0;
	font-size: 16px;	
}

h4 {	
	margin:10px 0 0 0;	
	font-size: 1em;	
	
}

h5 {
	margin:10px 0 0 0;	
	font-size: 0.9em;	
}

h6 {
	margin:3px 0 0 0;	
	font-size: 0.75em;	
}



/* Schrift und Hintergrund Browserseite */
body { 
font-family: Verdana, sans-serif;
color:#494849;
font-size:12px;
background:#f4f0db;
}



#site { 
margin:0px auto; 
width:1000px;

}

#logo { 
float:left;
width:1000px;
height:169px;
background:url(../img/header.jpg) no-repeat;
}

/* Schrift und Hintergrund Kopfzeile*/
#wb-head {  
color:#FFFFFF;
float:right;
height:24px;
padding-top:145px;
text-align:right;
width:900px;
}


#wb-header  {  
text-align:right;
padding-right:20px;
}

#wb-header a {text-decoration:none; color:#075e3e;}

#wb-header a:hover { color:#666;}



/* Schrift und Hintergrund Container */
#container { 
float:left;
width:1000px;
margin-bottom:20px;
}

/* Schrift und Hintergrund left */

#left { 
float:left;
min-height:200px;
width:190px;
}

/* Schrift und Hintergrund Navi */
#navi { 
float:left;
width:190px;
min-height:150px;
background:url(../img/blank.jpg) no-repeat;
}

#navimain { 
width:185px;
margin-top:60px;
}

#navimain ul { 
list-style:none;
}

#navimain li {
height:60px;
}

/* Schrift und Hintergrund Mitte*/

#middle { 
float:left;
min-height:400px;
width:580px;
margin-left:14px;
}

#block1-top{ 
float:left;
width:568px;
height:29px;
/*background:url(../img/mid1top.jpg) no-repeat;*/
margin-top:12px;
}

#block1{ 
float:left;
width:568px;
height:272px;
/*background:url(../img/mid1mid.jpg) repeat-y;*/
}

#block1-bot{ 
float:left;
width:568px;
height:16px;
/*background:url(../img/mid1bot.jpg) no-repeat;*/
}

.block{ 
float:left;
min-height:100px;
padding-left:3px;
padding-right:12px;
width:275px;
display:none;
}


.blocks-top{ 
float:left;
width:275px;
height:29px;
background:url(../img/mid2top.jpg) no-repeat;
margin-top:12px;
}

.boxhead { 
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:16px;
padding-top:10px;
}

.blocks{ 
float:left;
width:275px;
background:url(../img/mid2mid.jpg) repeat-y;
}

.blocks-bot{ 
float:left;
width:275px;
height:29px;
background:url(../img/mid2bot.jpg) no-repeat;
}



.text{ 
padding:16px;
}

#main { 
float:left;
width:568px;
min-height:200px;
margin-top:12px;
}



#main-text{ 
padding:16px;
}


/* Schrift und Hintergrund Rechts */

#right { 
float:right;
min-height:400px;
width:206px;
}



.box { 
min-height:100px;
width:206px;
float-left;
}

.rbox-top{ 
float:left;
width:202px;
height:29px;
background:url(../img/right3top.jpg) no-repeat;
margin-top:12px;
}

.rbox{ 
float:left;
width:202px;
background:url(../img/right3mid.jpg) repeat-y;
}

.rbox-bot{ 
float:left;
width:202px;
height:18px;
background:url(../img/right3bot.jpg) no-repeat;
}




/* Schrift und Hintergrund Fusszeile*/

#traum {
color:#666666;
float:left;
padding-left:4px;
text-align:left;
width:300px;
margin-bottom:20px;
}

#traum a {text-decoration:none; color:#666;}

#traum a:hover { color:#a14645;}