/*basic */

html, body{

background: white;
margin:5px 0 0 0;
border:0;
padding:0; 
text-align:center;
font-size:100,01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
 
} 

#content {
	width: 719px;
	margin:auto;
	border:0;
	text-align:left;
	background:white;
	
	}

#header {
height:147px;
background-color:black;
border:1px;
border-style: solid;
border-color: black;
}

#main {
	float: left;
	width: 65%;
	margin:0; padding:0;
background: white;
	}

#main-content {
	margin:0; padding: 0.5em 1em;
	font-size: 100%;
	}

#sidebar {
	margin:0 0 0 65%; padding:0;

	}

#sidebar-content {
        
	margin:0; padding: 0.5em 1em;
	font-size: 100%;
	}

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
	}

/*Navigation*/

#navcontainer ul
{
list-style-type: none;
text-align: left;
margin-top:0;
margin-left:0;
}

#navcontainer ul li{margin-top: 5px;}
#navcontainer ul li a
{
background: transparent url(bilder/list-off.gif) left center no-repeat;
padding:0 0 0 35px;
text-align: left;
font: normal 0.9em Georgia;
text-decoration: none;
font-weight:bold;
color:#003366;
}
#navcontainer ul li a:hover
{
background: transparent url(bilder/list-on.gif) left center no-repeat;
color: black;
}
#navcontainer ul li a#current
{
background: transparent url(bilder/list-active.gif) left center no-repeat;
color: #333333;
}

.navside {
padding:0px;
margin: 0 0 0 -70px;
}

.unvisible {
DISPLAY: none
}
.navside img {
border: 0;
margin: 250px 0 -15px 20px;
}

/*Pictures*/

#logo {
margin: 0; 
padding: 0;
text-align: left;
border-width: 0;
border: 0;
}

.rightimage {
float: right;
position: relative;
border:0;
padding: 0;
margin: 10px 10px 0 5px;
} 

a .rightimage {
border: 0;
text-decoration:none;
margin:0;
margin-left:10px;
}

.rightimage2 {
float: right;
position: relative;
border:0;
padding: 0;
margin: 2px 50px 0 5px;
}

/*Text*/

h1 {
font-family: courier, serif;
color: #5E6846;
font-size:1.1em;
text-align:center;
margin: 0 50px 10px 0;
}
 
h2 {
color: black;
font-size: 1.1em;
margin: 13px 100px 10px 30px;
padding: 3px;
border: 0;
border-bottom: 1px;
border-style: solid;
border-color: purple;

}

h3 {
font-size: .9em;
margin: 13px 80px 0 30px;
border: 0;
border-bottom:1px;
border-color: green;
border-style: dashed;
}

h4 {
font-size: .8em;
margin: 13px 80px 0 30px;
border: 0;
border-bottom:1px;
border-color: green;
border-style: solid;
}

#main-content p {
font-size: 0.8em;
margin: 5px 70px 0 20px;
text-align: left;
line-height: 1.5em;
}

#sidebar p{
font-size: .7em;
}

a sidebar {
font-decoration: none;
}

#main-content ul li {
font-size: 0.8em;
margin: 3px 50px 0 10px;
}

address{
font-size: 0.8em;
}

#sub_navi{
margin-top:45px;
padding: 2px;
}

#sub_navi a {
border:0;
}

/* Links*/

#main-content a {
color:navy;
text-decoration:none;
border:0;
border-bottom:1px;
border-style:dashed;
border-color:navy;
}

#main-content a:hover {
color:green;
text-decoration:none;
border:0;
border-bottom:1px;
border-style:dashed;
border-color:green;
}

/*formular*/
#formular {
font-size: 0.8em;
}

fieldset {
margin: 0 25px 0 -5px;
font-size: 0.8em;
} 

.legend {
padding: 1.0em 0.5em 1.0em 0.5em;
background-color: #CCCCCC;
margin-bottom: 1em;
border-style: solid;
border-width: 1px;
border-color: #4E4133;
}

label.left {
float: left;
text-align: right;
width: 8em;
margin: 0em .3em 1em 0;
}

input[type=text], select {
float: left;
}

input.right {
float: left;
width: auto;
clear: both;
margin: 1em .3em 0.5em 8.3em;
}

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
margin-left: 9.3em;
}

form br {
clear: both;
}


/*printer*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}