@charset "utf-8";
/* ===============general====================*/
body {
    background-color: #F8EFD7;
    font-family: Verdana,Arial , sans-serif;
    font-size: 12px;
}
#sites {
	background-color: #FF4500;
	height: 97px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 77px;
	z-index: 0;
}

* {
    margin: 0;
    padding: 0;
	border: 0;
}

#page {
    background-color: #F8EFD7;
    margin-top: 10px;
	width: 720px;
	left: 50%;
	margin-left: -360px;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;	
	z-index: 1;
}


a {
    text-decoration: none;
    color: #330000;
}

#current {
    color: #333333;
}

a:hover {
    text-decoration: none;
    color: #FFFFFF;
}

#header a:hover {
    color: #666666;
}
/* =============== head container ====================*/
#header {
    margin-left: 600px;
    /*border-style: solid;
     border-width: 1px;*/
    text-align: right;
    font-size: smaller;
	position:relative;
	 padding-bottom:1px;

}

#logo {
    margin-left: 0;
    margin-right: 250px;
    /*border-style: solid;
     border-width: 1px;*/
    padding-top:40px;
    text-align: left;
	color: #999999;
	font-size:12px;
	position:relative;
}


/* =============== big picture container ====================*/
#banner {

    margin-right: 0;
	position:relative;
}


div.picturebox_top {
    /*
     margin-left:142px;
     margin-right: 0;
     */
    /*margin-left: 141px;
    border-style: none;
    border-width: 0px;*/
    /*border: 0 none;*/
	text-align: right;
    height: 97px;
    margin: 0;
    padding: 0;

}

div.picturebox_top img {
width: 720px;
height: 97px;
    border-width: 0;
    margin: 0px;
    padding: 0;

}
/* =============== floats ====================*/
#outerleft {
    float: left;
    width: 98%;
	position:relative;

}

#outerright {
    float: right;
    width: 2%;
	position:relative;
}

div.picturebox {
    margin-left: auto;
    margin-right: auto;
    /*border-style: solid;
     border-width: 1px;*/
    text-align: right;
    color: #999966;
    font-size: 12px;
	position:relative;
}

#innerleft {
    float: left;
    width:11%;
	position:relative;
}
/* =============== navigation ====================*/



span {
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
}
#kleiner{ 
    font-size: 80%;
	color: #330000;
	text-decoration: none;
}

#kontakt {
    border-bottom-style: none; /*last white border of the navigation */
}
#navi{
	 background-color:#ADCA5E;
	
}

ul.navbox {
    list-style-type: none;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12pt;
    background-color:#F8EFD7;
    width: 100%;
    float: left;
	font-size: small;
	margin: 0px;
	padding: 0px;
	position:relative;
	
}

ul.navbox li {
    float: left;
	position:relative;
}
ul.navbox a {
    display: block;
	background-color: #999999;
	text-decoration: none;
	margin-left:1px;
	margin-top:2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: white;
	 
	
}
ul.navbox a:hover {
    display: block;
	background-color:#FF4500;
	
	
}
ul.navbox a#current {
    
	background-color: #CCCCCC;
	
	
}
/*ul.navbox a#current:hover {
    
	background-color: #660000;
	
	
}*/

#innerright {
    float: right;
    width: 89%;
	position:relative;
}

.content {
    font-size: 14px;
    margin-top: 15px;
    /*border-style: solid;
     border-width: 1px;
     border-color: #000000;*/
    margin-left: auto;
    margin-right: auto;
	position:relative;
	color: #330000;
}
.content h1 {
    font-size: 18px;
    color: #330000;
}
.content p{
	
	margin-bottom:4px;
}
.content a{
	text-decoration: none;
    color: #FF4500;
	font-size: 14px;	
}
.content a:hover{
	text-decoration: none;
    color: #330000;
	font-size: 14px;	
}

div.floatclearer {
    clear: both;
}
/* =============== bottom ====================*/
#foot {
    border-bottom-style: solid;
    border-bottom-color: #FF4500;
    border-bottom-width: 1px;
}