body, table, td, p {
	font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-weight: normal;
}

body{
    background: white;
    text-align: center;
}

#container{
    margin: 0 auto;
    text-align: left;
    position: relative;
    width: 780px;
}

#nase{
	position: absolute;
	left: 0px;
	top:  0px;
}

#navigation{
    position: relative;
    float: left;
    width: 220px;
}

#navigation #navipunkte{
    position: relative;
    left: 56px;
    top: 10px;
}

#navigation #oeffnungszeiten{
    position: relative;
    top: 20px;
    right: 20px;
    text-align: right;
}

#content{
    position: relative;
    float: left;
    width: 556px;
}

#header{
    position: relative;
    top: 10px;
}

#inhalt{
    background: #E0E0E0 url(../images/footer.gif) no-repeat bottom left;
}

.padding{
    padding: 1.5em 10px 1em 10px;
}

#producedby{
    text-align: right;
    margin-right: 20px;
}

#startbilder{
    width: 316px;
    float: left;
}

#newsbox{
    float: left;
    width: 200px;
}

h1{
    font-size: 16px;
    margin: 0;
    color: #669CD8;
}

h2{
    font-size: 14px;
    margin: 10px 0px 0px 0px;
    color: #669CD8;
    font-style: italic;
}

strong{
    color: #669CD8;
}

h3{
    font-size: 14px;
}   

a {
	color: #669CD8;
	text-decoration: none;
}

a:hover {
	color: #036;
	text-decoration: none;
}

a img{
	border: none;
}	

form { 
	display:inline
}


.rahmen {
	border: 1px solid black;
}

.datum {
	font-size: 10px;
	color: #808080;
}

.floatleft {
	float: left;
	margin-right: 10px;
	display: inline;
}

.floatright {
	float: right;
	margin-left: 10px;
	display: inline;
}

/* Kontaktformular */
.ausfuellen{
	border: 1px solid red ;
}

form label{
	cursor: pointer;
	cursor: hand;
}

form label.required {
  color: red;
}

form label.completed {
  color: black;
}

.formmailerror{
	border: 1px solid #E7DBC6;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

label{
  position: relative;
	width: 170px;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.kontakt {
    position: relative;
	width: 200px;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.clearleft{
	clear: left;
}
/* Ende Kontakt */


div.teaserBox1 {
    width: 250px;
    background-color: #9CCFD3; 
    float: left;
    background: url(../images/layout_teaserbox_hintergrund_oben.gif) top no-repeat;
}

div.teaserBox2 {
    width: 250px;
    float: left;
    margin-left: 35px;
    background: url(../images/layout_teaserbox_hintergrund_oben.gif) top no-repeat        
}

div.teaserBoxInhalt {
    padding: 0px 10px 0px 10px;
    background: url(../images/layout_teaserbox_hintergrund_seiten.gif) repeat-y;
}

div#abschlusszeile {
    width: 550px;
    float: right;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 5px;              
}

p.letzteAktualisierung {
    width: 200px;
    color: #a7a7a7;
    font-size: 10px;
    float: left;
    padding-top: 0px;
    margin-top: 0px;                   
}

p.producedby {
    width: 200px;
    color: #ccc;
    font-size: 10px;
    float: right; 
    margin-right: 5px;
    padding-right: 10px;
    padding-top: 2px;
    margin-top: 2px;
}

/******** NAVIGATION nav_main **************/
.nav_main { width:185px;}
#nav_main_foot  { }

.nav_main ul    { list-style-type: none; margin:0px; padding:0px 0px 0px 0px; width:185px;}
.nav_main ul li { width:185px; }

.nav_main ul li a span {padding:0px 0px 0px 10px;}
.nav_main ul li a,
.nav_main ul li a:active
{
    display: block;
    background: url(../images/bg_nav_main.gif) no-repeat;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight:bold;
    width: auto;
    height:auto;
    line-height:32px;
    padding:0px 0px 0px 9px;
}

.nav_main ul li a:hover,
.nav_main ul li a.nav_selected,
.nav_main ul li a:active.nav_selected
{
    display: block;
    background: url(../images/bg_nav_main_over.gif) no-repeat;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight:bold;
    width: auto;
    height:auto;
    line-height:32px;
    padding:0px 0px 0px 9px;
}

.nav_main ul li ul      { list-style-type: none; margin: 0px; padding: 0px}
.nav_main ul li ul li   { width: 185px;}

.nav_main ul li ul li a span {padding:0px 0px 0px 0px; width:auto;}
.nav_main ul li ul li a,
.nav_main ul li ul li a:active
{
    display: block;
    background: #FFFFFF;
    text-decoration: none;
    color: #4BA5AD;
    font-size: 11px;
    height:17px;
    line-height:17px;
    width: auto;
    border: 0px;
    /* border-bottom: 1px solid #000000; */
    padding:0px 0px 0px 19px;    
}

.nav_main ul li ul li a:hover,
.nav_main ul li ul li a.nav_selected,
.nav_main ul li ul li a:active.nav_selected
{
    display: block;
    background: #FFFFFF url('../images/nav_main_2_over.gif') 10px 7px no-repeat;
    text-decoration: none;
    color: #4BA5AD;
    font-size: 11px;
    height:17px;
    line-height:17px;
    width: auto;   
    border: 0px;
    /* border-bottom: 1px solid #000000; */
    padding:0px 0px 0px 19px;    
}