@import url("nav.css");

html {
padding: 0px;
margin: 0px;
height: 100%;
background: url(../images/tile_bg.gif) repeat-x;
background-color: #EAEAEA;
text-align: left;
}

body {
width: 770px;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;  
margin: 0px;
padding: 0px;
text-align: left;
background: url(../images/tile_bg.gif) repeat-x;
background-color: #EAEAEA;
}
td {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #444444; 
}

#container { 
min-height:100%;
*height:100%;
text-align: left;
vertical-align: middle;	
margin: 0px auto;
padding: 0px;
width: 770px;
}

#header {
margin: 0px auto;
padding: 0px;
width: 770px;
height: 66px;
text-align: left;
background: url(../images/headerrot_bg.gif) no-repeat;
}
#logo { 
float: left;
width: 66px;
height: 66px;
text-align: left;
}
#url { 
float: right;
width: 180px;
height: 66px;
text-align: right;
color: #ffffff;
background: url(../images/url_bg.gif) no-repeat;
}
.url {
margin: 32 7 0 0px;
color: #ffffff;
}

#content_wrapper {
text-align: left;	
margin: 0px auto;
padding: 0px;
width: 770px;
}

#sprache {
margin: 0px;
text-align: right;
width: 770px;
height: 42px;
background: url(../images/sprache_bg.gif) no-repeat;
}
.sprache {
font-size: 10px;
margin: 3 7 0 0px;
color: #444444;
vertical-align: middle;
}
#menu {
width: 200px;
margin: 0px;
float: left; 
display: inline;
color: #C30203;
font-size: 12px;
}
#content {
text-align: left;
width: 502px;
float: right;
}
.fliess {
font-size: 12px;
line-height: 18px;
margin: 0 80 25 0px;
}	
.fliesslinks {
width: 240px;
float: left;
font-size: 12px;
line-height: 18px;
margin: 0 0 25 0px;
}
.fliessrechts {
width: 240px;
float: right;
font-size: 12px;
line-height: 18px;
margin: 0 0 25 0px;
}	
.neuigkeiten {
font-size: 12px;
line-height: 18px;
margin: 0 30 25 0px;
}		
.blau {
font-size: 12px;
color: #039dd1;
}
.rot {
font-size: 12px;
color: #c30203;
}

#feature {
text-align: right;
width: 502px;
height: 257px;
margin: 50 0 0 0px;
float: right;
background: url(../images/feature.jpg) no-repeat;
}
#feature_en {
text-align: right;
width: 502px;
height: 257px;
margin: 50 0 0 0px;
float: right;
background: url(../images/feature_en.jpg) no-repeat;
}
#feature_fr {
text-align: right;
width: 502px;
height: 257px;
margin: 50 0 0 0px;
float: right;
background: url(../images/feature_fr.jpg) no-repeat;
}
.feature {
font-size: 11px;
color: #ffffff;
margin: 175 40 0 0px;
}
#header2 {
text-align: left;
width: 502px;
height: 200px;
margin: 0 0 20 0px;
float: right;
background: url(../images/header2_bg.gif) no-repeat;
}
#header2bild {
width: 482px;
height: 133px;
margin: 21 0 0 10px;
}
.header2text {
font-size: 11px;
color: #ffffff;
margin: 27 0 0 20px;
*margin: 24 0 0 20px;
}
#megaleriestart {
text-align: left;
width: 502px;
height: 353px;
margin: 0 0 20 0px;
float: right;
background: url(../images/mugalerie_bg_start.gif) no-repeat;
}
#megaleriebildstart {
width: 482px;
height: 286px;
margin: 21 0 0 10px;
}
#megalerie {
text-align: left;
width: 502px;
height: 200px;
margin: 0 0 20 0px;
float: right;
background: url(../images/megalerie_bg.gif) no-repeat;
}
#megalerietext {
width: 230px;
height: 164px;
font-size: 11px;
line-height: 18px;
color: #ffffff;
margin: 5 0 0 10px;
*margin: 5 0 0 5px;
float: left;
}
span.messengalerie {
color: #000000;
font-weight: bold;
}
#megaleriebild {
width: 242px;
height: 164px;
margin:0px;
margin-top:5px;
margin-left:15px;
*margin-left:20px;
float: left;
}
#megalerietitel {
font-size: 11px;
color: #ffffff;
width: 450px;
height: 25px;
margin:0px;
margin-top:12px;
*margin-top:9px;
margin-left:20px;
float: left;
}
#mugalerie {
text-align: left;
width: 502px;
height: 200px;
margin: 0 0 20 0px;
float: right;
background: url(../images/mugalerie_bg.gif) no-repeat;
}
#mugaleriebild {
width: 482px;
height: 133px;
margin: 21 0 0 10px;
}
.mugalerietext {
font-size: 11px;
color: #ffffff;
margin: 27 0 0 20px;
*margin: 24 0 0 20px;
}
#bilder {
text-align: left;
width: 502px;
height: 171px;
margin: 0 0 10 0px;
float: right;
background: url(../images/bilder_bg.jpg) no-repeat;
}
#bildlinks {
text-align: left;
width: 238px;
height: 155px;
margin:0px;
margin-top:5px;
margin-left:5px;
float: left;
}
#bildrechts {
text-align: left;
width: 238px;
height: 155px;
margin:0px;
margin-top:5px;
margin-left:12px;
float: left;
}

#einbild {
text-align: left;
width: 502px;
height: 171px;
margin: 0 0 10 0px;
float: right;
background: url(../images/einbild_bg.jpg) no-repeat;
}

#footer {
position: relative;
margin: 0px auto;
vertical-align: top;	
text-align:left;
width: 770px;
margin-top: -40px;
height: 40px;
background: url(../images/logo_grey.gif) no-repeat;
background-color: transparent;
}	
.footer {
font-size: 11px;
line-height: 11px;
color: #b1b1b1;
margin: 0 0 0 40px;
}

.clear{
clear:both;
padding-top:40px;
}


.form {
font-size: 12px;
line-height: 18px;
margin: 0 20 0 0px;
}
input.text			{margin: 0 10 0 0px; width: 220px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #cdcdcd;}
input.submit		{margin: 0 10 0 0px; width: 220px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #cdcdcd; background-color:#ffffff; cursor: hand;}
input.reset			{margin: 0 10 0 0px; width: 220px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #cdcdcd; background-color:#ffffff; cursor: hand;}
input.checkbox		{margin: 0 10 0 0px;}
textarea			{margin: 0 10 0 0px; width: 220px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #cdcdcd;}
select				{margin: 0 10 0 0px; width: 220px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #cdcdcd;}