/* Global */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top: 2em;
	background: #ffffff url(./bilder/blue_diagonal.png) repeat;
}
div#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:700px;

}
a { color:#333; }

/* Header and menu */
div#header {
	height:100px;
	width:700px;
}

div#menu { 
	width:700px; 
	background-color:#EEE;
	height:26px;
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-right-width: thin;
	border-left-style: solid;
	border-left-width: thin;
}
div#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;

}
div#menu ul li {
	display:inline;
}
div#menu ul li a {
	display:block;
	width:100px;
	float:left;
	text-align:center;
	padding:6px 0 6px 0;
	background-color:#EEE;
	text-decoration:none;
	color:#003467;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
div#menu ul li a:hover {
	background-color:#c4c4c4;
	text-decoration:underline;
	
}
div#menu ul li a:focus {
	background-color:#c4c4c4;
	color: #fff;
}
div#menu2 { 
	width:700px; 
	background-color:#c4c4c4;
	height:26px;
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-right-width: thin;
	border-left-style: solid;
	border-left-width: thin;
}
div#menu2 ul {
	list-style-type:none;
	margin:0;
	padding:0;

}
div#menu2 ul li {
	display:inline;
}
div#menu2 ul li a {
	display:block;
	width:100px;
	float:left;
	text-align:center;
	padding:6px 0 6px 0;
	background-color:#EEE;
	text-decoration:none;
	color:#003467;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
div#menu2 ul li a:hover {
	background-color:#c4c4c4;
	text-decoration:underline;
	
}
div#menu2 ul li a:focus {
	background-color:#c4c4c4;
	color: #fff;
}

/* Top image */
div#top-area {
	padding:2px;
	background-color:#FFF;
	margin:0;
	background-image:url(./bilder/kopfzeile.jpg); /* link to image */
	background-repeat:no-repeat;
	background-position:2px 2px;
	height:198px;
	
	text-align:center;
	border-left-style: solid;
	border-left-width: thin;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-right-width: thin;
	border-right-style: solid;
	width: 696px;
}

/* Main content */
div#content {
	width:700px;
	background-color:#FFF;
	margin-top: 1ex;
	border-width: thin;
	border-style: solid;
}
div#main {
	width:650px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
}
div#main h1 {
	margin:10px 0 0 7px;
	padding:0;
	width:640px;
	text-align:left;
	font-size:18px;
	color:#333;
	border-bottom:1px solid #CCC;
	font-weight:normal;
}
div#main p {
	font-size:13px;
	color:#333;
	margin:9px 0 8px 9px;
	padding:0;
}
div#main a {
	color:#003467;
	font-weight:bold;
	text-decoration:none;
}
div#main a:hover {
	color:#ff9900;
	text-decoration:underline;
}
div#main ul {
	list-style-type:square;
	margin:5px 0 5px 20px;
	padding:5px 0 5px 20px;
}
div#main li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

/* Sidebar */
div#sidebar {
	width:210px;
	padding:5px 5px 0 0;
	float:right;
}
div#sidebar ul {
	margin:5px 0 4px 10px;
	padding:5px 0 4px 10px;
	list-style-type:square;
}
div#sidebar ul a {
	color:#333;
}
div#sidebar form {
	border:1px solid #ddd;
	background-color:#F2F2F2;
	padding:5px 2px 5px 2px;
	margin:0;
}
div#sidebar ul a:hover {
	color:#003467;
}
div#sidebar p {
	padding:5px 0 5px 0;
	margin:0;
}
div#sidebar h1 {
	font-size:13px;
	padding:0;
	margin:0;
	text-align:left;
	background-color:#AAD5FF;
	color:#006AD5;
	padding:2px;
}
.clr {
	clear:both;
}

/* Footer */
div#footer {
	width:690px;
	background-color:#003467;
	padding:5px;
	border-style: solid;
	border-width: thin;
}
div#footer p {
	text-align:center;
	margin:0;
	padding:0;
	color:#FFF;
	font-size:10px;
}
div#footer a {
	color:#FFF;
}