@import url(listen_links.css);
@import url(news.css);
@import url(images.css);

/* Grundeinstellungen vornehmen */
* {
padding:0;
margin:0;
/*height: 100%;*/
}

body {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
/*die Werte 69%, 76%, 86%, 93% und 101% ergeben über alle Plattformen und Browsergrenzen hinweg durchgängig gleich große Schriftgrade*/
font-size: 101%;
color:#000;
background-color: #f7f9fb;
text-align: center;/*IE_quirks, damit alles zentriert wird*/
}

.inhalt-navi-sprung { 
position: absolute;
top: -2000px;
left: -2000px;
width: 0;
}

.unsichtbar {
position: absolute;
top: -6000px;
left: -6000px;
height: 1px;
width: 1px;
}

.hidden {
display: none;
}

a {
color: #5194d0;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

form {
margin: 0;
}

p {
color: #000;
margin-bottom: 5px;
}

img {
border: none;
}
table {
padding: 0;
margin:0;
}

tr, th, td {
vertical-align: top;
font-size: .95em;
padding: 0 2px;
border: 1px solid #000;
}

#anzeige tr, #anzeige th, #anzeige td, .tx-portpilot tr, .tx-portpilot th, .tx-portpilot td {
border: none;
}

#container,#logo,#navi,#zusatz,#fuss{
background-color: #d7dfed;
}

#rahmen {
position: relative;
margin: 2px auto; /*10 for ie*/
width: 990px;
background-color: #f7f9fb;
color: #000;
text-align: left;/*Aufheben von IE_quirks im BODY*/
}

#container {width: 926px;}

/*1. Spalte*/
#webseite {
float: left;
width: 731px;
text-align: left;
background: #f3f6f9 url(webseite.png) repeat-y left 100px; /*#d7dfed #f7f9fb*/;
}

/*2. Spalte*/
#zusatz {
float: left;
width: 195px;
font-size: .8em;
}

/*3. Spalte*/
#anzeige {
position: absolute;
top: 0;
right: 0;
left: 927px;
font-size: .7em;
background-color: #f7f9fb;
}

/*Boot*/
#boot {
z-index:3;
position: absolute;
bottom: 0;
left: -50px;
width:355px;
height:403px;
background: url(boot_4.png) no-repeat left bottom;
}

/*Fusszeile, unter Spalte 1+2*/
#fuss {
clear: both;
float: left;
overflow: visible;
text-align: center;
padding: 5px 0;
width: 731px;
font-size: .7em;
}

/*Container in Spalte #webseite*/
#metanavi {
top: 0;
width: 731px;
height:43px;
padding: 0;
font-size: .7em;
vertical-align: middle;
background:#d7e0ec url(wave_a.png) no-repeat 190px top;
clear:both;
}

#logo {
width: 731px;
height:117px;
font-size: 1.5em;
padding: 0;
}

#navi {
z-index:10;
float: left;
width: 190px;
font-size: .8em;
padding: 0px;
/*padding-bottom:350px;
min-height:573px;
height: auto !important;
height: 100%;*/
}

#inhalt {
float: left;
padding: 4px 10px 10px 10px;
width: 521px;
min-height:543px;
height: auto !important;
height: 100%;
font-size: .8em;
background-color: #f3f6f9;
}

/*Überschriften*/
h1, caption {
color: #000;
font-size: 1.25em;
font-weight: bold;
margin: 0 0 5px 0;
}
#logo h1 {
margin:0;
padding:0;
}
h2 {
color: #000;
font-size: 1.15em;
font-weight: bold;
margin: 10px 0 5px 0;
}

h3, h4, h5 {
font-size: 1em;
font-weight: bold;
margin: 10px 0 5px 0;
}

#navi div {z-index:10;position:relative;/*margin:33px 0 7px 0px;*/height:33px;}
#navi div.ok {z-index:10;position:relative;background:url(button2.png) no-repeat 16px top;}
#navi div.bg {z-index:10;position:relative;background:url(button1.png) no-repeat 16px top;margin-top:1em;}

#navi h2 {
display:none;
/*color: #fff;
background: #5077a1;
padding: 2px 0 2px 2px;
font-size: .9em;
margin: 0;*/
}

/*Inhaltsbereich*/
#inhalt h1 {
padding: 2px 0 2px 0px;
}


/*Rechte Spalte*/
#zusatz h1, #zusatz h2 {
background-color: #5077a1;
margin: 0;
padding: 2px 0 2px 23px;
font-weight: bold;
font-size: .9em;
vertical-align: middle;
color: #fff;
}

#zusatz div.rot h1, #zusatz div.rot h2, #zusatz div.orange h2 {
display:none;
}
/*
#zusatz div.gruen,#zusatz div.orange, #zusatz div.pink, #zusatz div.thema, #zusatz div.gelb {
width:155px;padding:10px;
}
*/
#zusatz div.gruen h1, #zusatz div.gruen h2 {
background: #5077a1 url("pfeilbutton_gruen_Str.gif") no-repeat left;
}

#zusatz div.orange h1, #zusatz div.orange h2 {
background: #5077a1 url("pfeilbutton_orange_Str.gif") no-repeat left;
}

#zusatz div.gelb h1, #zusatz div.gelb h2 {
background: #5077a1 url("pfeilbutton_gelb_Str.gif") no-repeat left;
}

#zusatz div.pink h1, #zusatz div.pink h2 {
background: #5077a1 url("pfeilbutton_pink_Str.gif") no-repeat left;
}
/*Überschrift für themenspezif. Container in re. Spalte --> sind nicht eingerückt!*/
#zusatz div.thema h1, #zusatz div.thema h2 {
margin: 0;
padding: 2px 0 2px 2px;
}

/*div-Container*/
div.detail {
clear:both;
padding:0;
margin: 0;
}

/*Firmenliste*/
div.links {
font-size:.85em;
float:left;
width: 60%;
clear:both;
padding:5px 0;
margin: 0;
}

div.rechts {
font-size:.85em;
float:right;
width: 35%;
padding:5px 0;
margin: 0;
}

/*Detailseite*/
div.feld {
float:left;
width: 25%;
clear:both;
padding:5px 0;
margin: 0;
font-weight: bold;
}

div.wert {
float:right;
width: 70%;
padding:5px 0;
margin: 0;
}

/*Submit-Button*/
.submit1 {
background-color:#f2f2f2;
color:#000;
border: 1px solid #cecece;
width:150px;
}

.klein {
font-size:.8em;
}

/*Mailform*/
form#mailform fieldset.csc-mailform {
border: none;
margin: 0; 
padding: 0;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field {
padding-bottom: 6px;
clear: left;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field label {
width: 200px;
float: left;
font-weight: bold;
margin: 0; 
}

form#mailform fieldset.csc-mailform div.csc-mailform-field input {

}

form#mailform fieldset.csc-mailform div.csc-mailform-field textarea {
width: 250px;
/*border: 1px solid #000;*/
}

form#mailform fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-submit {
font-weight: bold;
margin-left: 187px;
}