/* CSS copyright by Peter Würgler */

body{ 
background-image:url(img/hint.jpg);	
background-repeat:no-repeat;
font-family: Arial;
font-size: 12px;
color:#000000;
}



/* Clear */

.clear {
		clear:both;
		font-size:1px;
		line-height:1px;
		margin-top:-1px;
	}

/* Aufbau der Seite / Layers */

#container{
width:770px;  
height:460px;
background-color:#FFFFFF; 
margin-left:auto;
margin-right:auto;
margin-top :80px;;
margin-bottom:0px;
border:solid 1px #000000;
}

#header{
height:70px;
background-color:#FFFFFF;
background-image:url(img/header.jpg);
background-repeat:no-repeat;
background-position:right;
}

#navigation{
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
height:24px;
background-color:#0085B7;
}

#content{
height:320px;
width:750px; 
background-color:#FFFFFF;
padding-left: 20px;
padding-top: 10px;
}

#footer{
margin:0px auto;
width:772px;
height: 20px;
text-align:right;
}

/* Schrift Formatierung */

h1{
font-family: Arial;
font-size: 13px;
font-weight: bold;
color:#0085B7;
}

h2{
font-family: Arial;
font-size: 15px;
font-weight: bold;
color:#0085B7;
}


/* Links Formatierung */

a:link, a:visited, a:active, a:hover
{ 
text-decoration:underline;
font-weight:normal;
color:#000000;
font-size:12px;
font-weight: solid;
}

a:active, a:hover
{ 
	color:#0085B7;
	font-weight: solid;
}

a:link img, a:visited img, a:active img, a:hover img
{ 
	border: 2px solid #000000;
}

a:active img, a:hover img
{ 
	border: 2px solid #0085B7;
}



/* Menu */

a.menu {
display:block;
padding:3px;
background-color:#0085B7;
text-align:center;
color:#000000;
text-decoration:none;
 }

a.menu:link, a.menu:visited
{ 
color:#000000;
background-color:#0085B7;
text-decoration:none;
}

a.menu:active, a.menu:hover
{ 
color:#000000;
background-color:#FFFFFF;
}

.einrahmen { 
border-left: 1px solid #000000; border-right: 1px solid #000000; 
width: 60%; align: center; text-align: left ;
padding-left: 5px; padding-right: 5px }