@import url(styles.css);

body {
	background: url(images/background.gif) repeat-y #CED5DF;
}
#page {
	position: relative;
	top: 0;
	width: 754px;
	margin-left: 7px;
}

#header {
	position: relative;
	top: 0px;
	height: 55px;
	width: 100%;
	color: #223369;
	background: url('images/background_header.gif') repeat-y
}

#logo {
	position: absolute;
	top: 5px;
	left: 31px;
	width: 98px;
	height: 43px;
}

#writing {
	position: absolute;
	left: 180px;
	top: 17px;
	font-size: 22px;
	letter-spacing: 1px
}

#navigation {
	position:relative;
	top:0;
	font-family:Verdana,sans-serif;
	width: 100%;
	border-top: 1px solid #223369;
	border-bottom: 1px solid #223369;
	background-color: #8EC63D;
	text-align: left;
	padding: 2px 0;
	font-size: 12px
}
#navigation ul, #subnavigation ul{
	margin-bottom:0;
}
#navigation ul{
	position:relative;
	left:-30px !important;
	width:774px;
}
#navigation li{
	display:inline;
	margin-bottom:0;
}
li.separator {
	margin:0 3px;
}

#navigation a, #subnavigation a {
	color: #223369;
	font-weight: bold
}

#navigation a:hover, #subnavigation a:hover {
	text-decoration: none
}

#navigation a:hover, #navigation li.active a {
	color: #E9F3D1;
}

#subnavigation a:hover, #subnavigation li.active a {
	color: #719E31;
}
#subnavigation ul{
	position:relative;
	left:-40px;
	list-style-type:none;
	list-style-image:none;
}
#subnavigation li{
	padding-bottom:2px;
}
li.level2 {
	width:140px;
	margin-top: 10px;
	font-size: 12px;
	line-height:100%;
	border-bottom:1px solid #CED5DF;
}

li.containerlevel3{
	list-style-type:none;
	list-style-image:none;	
	margin-top:0;
	margin-bottom:0;
}
li.containerlevel3 ul{
	margin-top: 0px;
	margin-bottom:5px;
	position:relative;
	left:-25px !important;
	/*	list-style-image: url('images/bullet_small.gif');	*/
}
li.level3 {
	width:125px;
	margin-bottom: 8px;
	font-size: 10px;
	line-height:100%;
	border-bottom:1px solid #CED5DF;
}


#middle {
	position: relative;
	top: 0px;
	width: 100%;
	background-color: #FFFFFF;
}
#logo2 {
	position: absolute;
	left: 30px;
	bottom: 35px;
	width: 100px;
	height: 98px;
	text-align: center;
}
#leftframe {
	position: relative;
	top:0;
	margin:5px 5px 100px 10px;
	float:left;
	width:144px;
	font-family:Verdana, sans-serif;
}

#main{
	position:relative;
	top:0;
	float:left;	
	width:592px;
	padding-top:20px;
	border-left:1px solid #CED5DF;
}

#content {
	float:left;
	position: relative;
	top: 0px;
	left: 0px;
	margin-left:20px;
	margin-right:20px;
	width: 360px;
	min-height: 400px;
	padding-bottom:40px;
}

#rightframe {
	float:left;
	position: relative;
	left:0;
	margin-bottom:15px;
	width: 180px;
}

#footer {
	clear:both;
	position: relative;
	top: 0px;
	width: 100%;
	border-top: 1px solid #223369;
	border-bottom: 1px solid #223369;
	background-color: #8EC63D;
	font-size: 10px;
	padding: 3px 0;
}

#copy {
	position: relative;
	left: 0;
	width: 160px;
	text-align: center;
}

div#search {
	position: absolute;
	top: 0;
	right: 150px
}

input#searchbox {
	width: 120px;
	font-size: 10px;
	background-color: #8EC63D;
	border: 1px solid #223369
}

input#search_img {
	position: relative;
	top: 2px
}

#contact {
	position: absolute;
	top: 7px;
	right: 110px;
	width: 13px;
	height: 9px
}

div#impressum {
	position: absolute;
	top: 3px;
	right: 30px
}

div#impressum a {
	color: #223369
}