@charset "utf-8";
/* 
Formatierungsangaben 
*/

	body  {
		font: 100% Calibri, Arial, Helvetica, sans-serif;
		background: #FFFFFF;
		margin: 0;
		padding: 0;
		text-align: center;
		color: #030303;
		background: url(bilder/bg.gif) repeat;
	}
	h1 {
		font: small-caps bold 150% Calibri, Arial, Helvetica, sans-serif;
		margin-top:2px;
		margin-bottom:2px;
	}
	h2 {
		font: small-caps bold 120% Calibri, Arial, Helvetica, sans-serif;
		margin-top:2px;
		margin-bottom:2px;
	}
	h3 {
		font: small-caps bold 100% Calibri, Arial, Helvetica, sans-serif;
		margin-top:2px;
		margin-bottom:2px;
	}
	h4 {
		font: small-caps bold 80% Calibri, Arial, Helvetica, sans-serif;
		margin-top:4px;
		margin-bottom:2px;
	}
	p {
		margin-top:2px;
		margin-bottom:8px;
	}
	
	li {
		margin-top:2px;
		margin-bottom:8px;
		margin-left:20px;
		padding: 0;
	}
	
	ul {
		margin:4px 0;
		padding: 0;
		list-style-type:square;
	}
	
	a:link { color:#990000; }
	a:visited { color:#660000; }
	a:hover { color:#CC3300; text-decoration:none; }
	a:active { color:#CC3300; text-decoration:none; }

	.haekchen {
		background: url(bilder/haekchen.gif) no-repeat center;
	}
		
/* 
Layoutangaben 
*/

	.twoColLiqRtHdr #container_logo { 
    	width: 900px;
    	margin: 0 auto;
			padding-bottom:15px;
			padding-top:15px;		
    	text-align: left;
    } 
    
    .twoColLiqRtHdr #container { 
    	width: 900px;
    	background: #FFFFFF;
    	margin: 0 auto;
    	border: 1px solid #990000;
    	text-align: left;
			padding-bottom:0px;
    } 
    
    /* Menüleiste */
    .twoColLiqRtHdr #header { 
    	background: #FFFFFF; 
    	margin: 10px; 
			text-align:center;
			font: small-caps 1.3em Calibri, Arial, Helvetica, sans-serif;
    }  
       
    .twoColLiqRtHdr #sidebar1 {
    	float: right;
    	width: 24%; 
    	background: #FFFFFF; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	margin: 0 20px 0 5px;
    	padding: 0; /* IE (7) lässt main- und side-div bei padding nicht mehr floaten... */
    }
    
    .twoColLiqRtHdr #mainContent { 
    	margin: 0 10px; /* Der linke Rand sollte mit dem Rand für die Kopfzeile und die Fußzeile übereinstimmen,
    	um eine einwandfreie Ausrichtung zu gewährleisten. */
			padding:0 10px;			
			width:610px;
    } 
    
    .twoColLiqRtHdr #footer { 
    	padding: 10px;
			margin: 0 10px;
    	background:#FFFFFF;
    }  
    .twoColLiqRtHdr #linie_horiz {
    	margin: 10px 0;
    	padding: 0; 
			height: 1px;
			border-top:solid 1px #990000;
    } 
    
    .twoColLiqRtHdr #linie_vert {
    	margin: 0;
    	padding: 0;
    	background-image: url(1.gif);
		background-repeat:repeat-y;
    }
    .clearfloat {
    	clear:both;
      height:0;
      font-size: 1px;
      line-height: 0px;
    }
	
/* 
Navigationsmenü
*/

  #nav {
    padding: 0 0 0 1px;
    text-align: center;
  }
  #nav li {
    list-style: none;
    display: inline;
    margin: 0; 
    padding: 0;
	float: left;
    position: relative;
  }

  #nav a {
    margin: 2px; 
    padding: 1px;
    text-decoration: none; 
    font-weight: bold;
	font-size:0.8em;
    color:black;
  }

  #nav a:hover {
    border-color: white;
    color: white; 
    background-color: black;
  }
  
  .current {  	
	color: white !important;
    background-color: black;	
  }
  .sub {
    display: none;	
  }
  .sub1 {
  	margin-right: 20px !important;
  }
  .current_sub {
    display: inline;
		color: white !important;
    background-color: black;
		margin-right: 20px !important;
  }
  .sub_active {
		text-align:left !important;	
  }
  #nav td {
    padding:0px;
		margin:0px;
		border-right:solid 1px black;
  }
	
/*
Formularformatierung
*/
	.formular {
		margin-top:5px;
		margin-left:0px;
		font-size:80%;
	}

	.formular input#button,
	.formular input#button1,
	.formular input#button2,
	.formular input#button3,
	.formular input#button4 {
		background-color:#c0c0c0;
	}	
			
	.formular input, .formular textarea {
		color:#000;	
		border:1px solid #990000;
		background:#fff;
		padding:2px;
		height:15px;
	}
	
	.formular #formsubmit {
    text-align:center !important;
		background:#fff;
    border:1px solid #990000;
		color:#000;
		height:25px;
	}
	.formular select {
	  text-align:center !important;
		background:#fff;
	  border:1px solid #990000;
		color:#000;
	}	

	.radio {
		border:none !important;
		width:20px !important;
	}
		
	.td_links {
		width:250px;
		padding:10px 0;
		height:20px;
	}

	.td_rechts {
	}

	.td_mittig {
		text-align:center;
		padding:8px 5px;
		height:20px;
	}

  .td1 {
  	width:90px;
  	text-align:left;
  }
  .td2 {
  	text-align:right;
  }
  .td3 {
  	width:290px;
  	text-align:right;
  }    
	
/*
runde Ecken
*/

.ecken img { position:absolute; }
.ecken img.eck1 { top:0; left:0; }
.ecken img.eck2 { top:0; right:0; }
.ecken img.eck3 { bottom:0; left:0; }
.ecken img.eck4 { bottom:0; right:0; }
.ecken { position:relative;}
.rahmen { border:solid 1px black; padding:5px;margin:0px;}