@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
	background: url(http://www.brendemühl.de/blog/bg_fritz.jpg) #ffcc66 repeat-x;
  background-position: 30px;background-attachment:fixed;
    }
	
	h1 {font-size:large;color:#333;margin:0px;}
	h2 {
	font-size:large;
	color:#990000;
	margin:0px;
	font-family: "Times New Roman", Times, serif;
}
	h3 {font-size:medium;color:#000;margin:0px;}
	
	
	a{
	color: #FFFFFF;
	text-decoration:none;
}
    #container {
	top: 0px;
	color: #594336;
	width: 600px;
	border: solid #666666 5px;
	margin: 0px auto;
	background-color: #000000;
	background-image: url(../design_jb/punkt.gif);
	background-position: 0px 160px;
	background-repeat: no-repeat;
    }
#header {
	background-image: url(../design_jb/head.jpg);
	background-repeat: no-repeat;
	height: 148px;
	margin: 0px auto;
	width: 600px;
    }
   #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	background-image: url(../design_jb/head.png);
    }
	
	 
	
	#solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../design_jb/blockdefault.gif) center center repeat-x;
}

#solidblockmenu li{
display: inline;
}

#solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

#solidblockmenu li a:visited{
color: white;
}

#solidblockmenu li a:hover, #solidblockmenu li .current{
color: white;
background: transparent url(../design_jb/blockactive.gif) center center repeat-x;
}



  #mainContent {
	background: #F7F8F4;
	font-size: 13px;
	color:#333333;
	padding: 10px;
	text-align: left;
	width: 350px;
	margin: 0 auto;
	border: dashed #eee 2px;
   }
    
	
	#mainContent h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	
    }
	
	#right {
	color:#000000;
	float:right;
	width:180px;
	background: #fff;
	height: 300px;
	padding-top: 10px;
	border: dashed #333 5px;
   }

#extra{	color: #EFDC9B;
	float:right;
	width:180px;
	background: #000;
	padding-top: 10px;
	font-family: "Times New Roman", Times, serif;
    border: dashed #333 5px;
}



div.img_left {

    float: left; 

    margin: 0.5em 0.8em 0em 0em;

}



div.img_right {

    float: right; 

    margin: 0.5em 0em 0em 0.8em;

}



div.img_left img, div.img_right img {

    display: block;

    margin: 0;

    padding: 0;

}



/* this clears floating (e.g images) */

br.clear {

    clear: left;
    float: left;

    display: none;

}

	
 #footer {
	background:#666666;
	margin: 0em;
	padding: 5px;
	font-size: 10px;
	clear: both;
	color: #FFFFFF;
	text-align: right;
} 

#footer p {
	margin: 0em;
	padding: 0.1em;
	text-align: right;
}

#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration:none;
} 

#footer a:hover, #footer a:active {
	color: #CC0000;
}