html {
  font-family: helvetica, arial, sans-serif;
  text-align:left;
  font-size: 12px;
  line-height: 12px;
  background-color: #ccd4dc;
}

body {
  margin: 0;
  padding: 20px;
}

p { color: black; font-size: 11px; line-height: 16px; }
h1 { color: black; font-size: 14px; font-weight: bold; margin: 2px 0 1px; }
ul { font-size: 11px; line-height: 16px; margin-top: 12px; margin-right: 0; margin-left: 10px; list-style-type: circle; list-style-position: outside; }

.bold {
  font-weight: bold;
  color: #666;
}

.small {
	font-weight: bold;
  color: #666;
  font-size: 11px;
}

a { text-decoration: none; }

a:link {
  color: #369;
}

a:visited {
  color: #369;
}

a:hover  { 
	color: #036; 
}

a:active { 
	color: black;  
}


#wrapper {
  position: relative;
  background: white url(images/navi-verlauf.png) repeat-y;
  width: 760px;
  min-height: 600px;
  margin: auto;
  border-bottom: 1px solid #999999;
}

#header { 
	background-image: url(images/header-mire.jpg); 
	background-repeat: repeat-x; 
	width: 760px; 
	height: 150px; }

#header p {
  color: white;
  font-size: 11px;
  font-weight: normal;
  position: relative;
  top: 1px;
  right: 15px;
  margin: 0;
  padding: 0;
}
#header a { color: white; font-style: normal; }

#languages { 
	position: absolute;
	width: 200px; 
	height: 40px;
	top:18px;
 	left: 185px; }

.headlinks { 
	background-image: url(images/header-links.jpg); 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 155px; 
	height: 149px; 
	margin: 0; 
	padding: 0; border-bottom-color: #036; border-bottom-width: 1px; display: inline; }

.headmitte {
  background: url(images/header-mili.jpg) no-repeat;
  position: absolute;
  top: 0;
  left: 155px;
  width: 320px;
  height: 91px;
  margin: 0;
  padding: 0;
  display: inline;
}

.headrechts { 
	background-image: url(images/header-rechts.jpg); 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0; 
	left: 591px; 
	width: 169px; 
	height: 91px; 
	margin: 0; 
	padding: 0; 
}

.graustreifen { 
	background-color: #666; 
	background-image: none; 
	background-position: 0 0; 
	text-align: right; 
	display: block; 
	width: 605px; 
	height: 14px; 
	position: absolute; 
	top: 91px; 
	left: 155px; 
	margin: 0; 
	padding: 0; 
}

.titelkasten { 
	background-image: url(images/titel/titel-verlauf.png); 
	text-align: left; 
	display: block; 
	width: 605px; 
	height: 44px; 
	position: absolute; 
	top: 105px; 
	left: 155px; 
}

#navi { margin: 0; width: 150px; height: 400px; position: absolute; left: 0px; padding-top: 0px; padding-left: 20px; display: block; }

#wrapper #navi p { 
	color: black; 
	font-size: 12px; 
	line-height: 22px;
	display: block;  
}

#wrapper #navi .einzug { 
	color: #666; 
	font-size: 10px; 
	font-weight:normal; 
	line-height: 18px; 
	text-decoration: none; 
	position: relative; 
	left: 10px; 
	display: block;   
}

#wrapper #navi .taet { 
	color: #707173;
	font-weight: bold; 
	display: inline; 
}

#wrapper #navi .high { 
	color: #002851; 
	font-weight: bold; 
	text-decoration: none; 
}

#wrapper #contentstart { background-image: url(images/start-bild.jpg); background-repeat: no-repeat; background-position: 282px 0; position: relative; top: 1px; width: 605px; height: 519px; margin-right: 0; margin-bottom: 0; margin-left: 155px; padding: 0; border-width: 0; }
.startslogan {
  background-image: none;
  position: absolute;
  top: 115px;
  left: 29px;
  width: 379px;
  height: 231px;
}
#wrapper #content { 
	margin-left: 170px; 
	margin-right: 10px; 
	padding: 5px; 
}
#wrapper #content .bild { 
	float: right; 
	margin: 0 0 15px 15px; 
	padding: 0;
}