@charset "utf-8";
/* CSS Document */

 body  {
    margin:0px 0;
	padding:0;
	font: 100% Arial, Sans-Serif;
	color: #000000;
	background: #343434 url(/images/bg.jpg) repeat-x;
	line-height: 1.4em;
    }
    
    .twoColElsLt #container { 
    	width: 46em;  /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel breites Browserfenster passt, sofern für den Text die Standardschriftgröße des Browsers übernommen wird. */
    	background: #FFFFFF;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 1px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		
    } 

    .twoColElsLt #sidebar1 {
    	float: left; 
    	width: 11,5em; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	background-color: #1c64d1; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 16px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
    }
    .twoColElsLt #sidebar1 h3, .twoColElsLt #sidebar1 p {
    	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
    	margin-right: 10px;
    }
    
  
    .twoColElsLt #mainContent {
     	margin: 0 1.5em 0 14em; /* Der rechte Rand kann in Gevierten (ems) oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */
    } 
    
    /* Verschiedene wieder verwertbare Klassen */
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	

#cloud {
float:left;
width: 480px; margin:0;
}

#cloud li {
	float: none;
	display: inline;
	border-bottom: none;
	text-decoration: none;
}

#cloud li a {
	float: none;
	margin: 0px 1px 0px 1px;
	font-size: 10px;
	text-decoration: none;
}

#cloud li a.bold {
	font-size: 11px;
	font-weight: bold;
}

#cloud li a.big {
	font-size: 14px;
	font-weight: bold;
}

#cloud li a:hover {
	text-decoration: underline;
}

#cloud li a {
	color: #464646;
}

  h1,h2,h3,h4,h5,h6 { 
  	font-family:"times new roman",times,serif; 
  	font-weight:bold; 
  	color:#666;
  	margin: 0 0 0.25em 0; 
  }
  
  p { line-height: 1.5em; margin: 0 0 1em 0; }
  
  
  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }
  
a:link{color:#000000;}
a:visited{color:#000000}
a:hover{color:#d80909;}
a:active{color:#0d9b02;}

#bodytext, #textunten  { float:left; width:480px; margin-bottom:10px; margin-top:10px; }
#bodytext p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:justify; }  
#textunten p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align:justify; margin-left:35px; } 



#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}