@import url("reset.css");

body {
	background-color: #fff;
	font-family:Arial, Helvetica, sans-serif;
/*	background-image: url(../img/Pixelraster_transparent.gif); */
	background-position: left top;
	background-repeat: no-repeat;
	text-align:center;
	font-size: 12px;
	margin-left: 0px;
	color: #333333;
	margin: 0px;
	
}

p {
line-height: lem;
margin: 0 0 lem 0;
}

ul, ol, dl{
margin: 0 0 lem lem;
}

li{
margin-left; 1.0em; 
line-height: 1.0em;
}

H1
{
	font-size: 1.5em;
	color: #333333;
}
H2
{
	font-size: 1.2em;
	color: #333333;
}
H3
{
	font-size: 1.0em;
	color: #333333;
}
H4
{
	font-size: 0.90em;
	color: #333333;
}

div.container{
margin:0px;
width: 800px;
}
* html div.container{
w\idth: 800px; /*IE*/
}

div.content{
background-color:#CDD2D2;
background-repeat: no-repeat;
text-align: left;
width: 800px;
height: auto;
border-top: #fff 1px solid;

}
* html div.content{
w\idth: 800px; /*IE*/
}

div.bild{
margin: 0px;
width: 100%;
height: 533px;
}

.div_header{
filter:alpha(opacity=60);
-moz-opacity:0.6;
background-color: #fff;
position:absolute; top:500px;
color: #000066;
width: 100%;
height: 25px;
text-align: left;
padding-top: 10px;
padding-left: 19px;
font-size: 1.3em;
font-style: italic;
font-weight:bold;
}

  div.navibg{
  background: #5064AA;

  border-top: #fff 1px solid;
  width: 800px;
  height: 30px;
	}
	
  #navi{
  font-size: 1.1em;
	color: #ffffff;
	text-indent: 12px;
	padding-left: 7px;
	padding-top: 7px;
	text-align: left;
	text-decoration: bold;
  }
	
	div.navi{
  font-size: 1.1em;
	color: #ffffff;
	text-indent: 12px;
	padding-left: 7px;
	padding-top: 7px;
	text-align: left;
	text-decoration: none;
  }
	
	.navi A
{
	color: #ffffff;
	text-decoration: none;
}
.navi A:active
{
	color: #ffffff;
	text-decoration: none;
}
.navi A:link
{
	color: #ffffff;
	text-decoration: none;
}
.navi A:visited
{
	color: #ffffff;
	text-decoration: none;
}
.navi A:hover
{
	color: #AAAFAF;
	text-decoration: none;
}


	.navi2{
  font-size: 1.1em;
	color: #ffffff;
	text-indent: 12px;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
	text-decoration: none;
  }
	
	.navi2 A
{
	color: #ffffff;
	text-decoration: none;
}
.navi2 A:active
{
	color: #ffffff;
	text-decoration: none;
}
.navi A:link
{
	color: #ffffff;
	text-decoration: none;
}
.navi2 A:visited
{
	color: #ffffff;
	text-decoration: none;
}
.navi2 A:hover
{
	color: #AAAFAF;
	text-decoration: none;
}


div.gallery{
text-align: left;
margin: auto;
background: #B7BBC6;
width: 800px;
height: 90px;
border-top: #fff 1px solid;
border-bottom: #fff 1px solid;
}

div.motiv{
margin-left:10px;
margin-right:3px;
margin-top: 5px;
width: 112px;
height:78px;
border: #fff 1px solid;
float: left;
}

div.teaser_blau{
background: #5064AA;
margin-top: 15px;
margin-left: 10px;
color: #fff;
font-size: 11px;
border: #fff 1px solid;
padding-top: 10px;
padding-left: 10px;
text-align: left;
width: 205px;
float: left;
}

div.teaser_grau{
background: #B7BBC6;
margin-top: 15px;
margin-left: 10px;
color: #000;
font-size: 11px;
border: #fff 1px solid;
padding-top: 10px;
padding-left: 10px;
text-align: left;
width: 205px;
float: left;
}

div.teaser_orange{
background: #F07319;
margin-top: 15px;
margin-left: 10px;
color: #fff;
font-size: 11px;
border: #fff 1px solid;
padding-top: 10px;
padding-left: 10px;
text-align: left;
width: 205px;
float: left;
}

div.text{
margin-top: 6px;
margin-left: 250px;
font-size: 11px;
padding: 15px;
text-align: left;
width: 500px;

}
* html div.text{
w\idth: 500px; /*IE*/
}