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

/*verwendete Farben:
100% Blau: RGB: 80/119/161 = Hex: #5077a1
	- #navi ul li (background) - Aktivit�ten, Urlaubsangebote, Service, reviere, Qualit�t:
	- #zusatz h1, h1.Klasse (background)
	- #zusatz ul (border) - 'st�ndige' Container (News, Blick ins Land, Urlaubsplaner, mv-maritim direkt)

30% Blau: RGB: 203/214/227 = Hex: #cbd6e3
	- #logo und #logo ul  (background)
	- #navi ul.ebene1 li (background) - Angeln, Baden etc
	- #zusatz ul (background)

20% Blau: RGB: 223/230/238 = Hex: #dfe6ee
	- #fuss (background)

5% Blau: RGB: 247/249/251 = Hex: #f7f9fb
	- #webseite (background)
	- #navi, #inhalt (background)
	- #zusatz  (background)
	- #zusatz div.thema ul (background) - Themenbezogene Liste (z.B. WWW-Tipp)
	- #fuss (border-top)
(%-Angaben relativ zueinander, wobei der dunkelste Ton = 100% gesetzt wurde)

Linkfarben:
	- #inhalt: RGB: 81/148/208 = Hex: #5194d0
	- ansonsten: schwarz
*/
/* 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: #f7f9fb;
width: 99%;
}

.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;
}

#rahmen {
position: relative;
margin: 0 2px 2px 2px; /*10 for ie*/
width: 100%;
/*width: 990px;
min-height: 551px;*/
background: #f7f9fb;
color: #000;
text-align: left;/*Aufheben von IE_quirks im BODY*/
/*border: 1px solid #e4edf7;*/
}

/*1. Spalte*/
#webseite {
float: left;
width: 693px;
/*min-height: 551px;*/
text-align: left;
background-color: #f7f9fb;
/*border: 1px solid #000;*/
}

/*2. Spalte*/
#zusatz {
/*position: absolute;
left: 626px;
top: 0;*/
float: left;
padding: 0 2px 10px 4px;
width: 145px;
/*f�r Testzwecke
border: 1px solid red;*/
font-size: .8em;
/*background: #cbd6e3;*/
background-color: #f7f9fb;

}

/*3. Spalte*/
#anzeige {
position: absolute;
/*width: 144px;*/
top: 0;
right: 0;
left: 844px;
font-size: .7em;
/*background: url("streifenmuster.gif") repeat;
min-height: 551px;
border: 1px solid #000;*/
}

/*Fusszeile, unter Spalte 1+2*/
#fuss {
clear: both;
float: left;
overflow: visible;
text-align: center;
padding: 2px 0;
width: 844px;
font-size: .7em;
background: #dfe6ee;
border-top: 2px solid #f7f9fb;
}

/*Container in Spalte #webseite*/
#metanavi {
top: 0;
width: 693px;
padding: 0;
font-size: .7em;
vertical-align: middle;
background: #cbd6e3;
/*border: 1px dashed red;*/
}

#logo {
left: 0;
width: 689px;
font-size: 1.5em;
background: #cbd6e3;
padding: 4px 0 4px 4px;
/*f�r Testzwecke*/
/*border: 1px solid red;
background: green;
background: url("mvm_logo.gif") no-repeat left;*/
}

#navi {
float: left;
width: 145px;
/*f�r Testzwecke
border: 1px solid red;
background: red;*/
font-size: .8em;
padding: 4px 0 10px 2px;
}

#inhalt {
float: left;
/*margin: 0 auto;*/
padding: 4px 10px 10px 10px;
width: 524px;
/*margin-left: 145px;
für Testzwecke
border: 1px solid red;
background: #cba;*/
font-size: .8em;
padding-bottom: 10px;
}

/*Ü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 h2 {
color: #fff;
background: #5077a1;
padding: 2px 0 2px 2px;
font-size: .9em;
margin: 0;
}

/*Inhaltsbereich*/
#inhalt h1 {
background: url("hl_pfeil_blau2.gif") no-repeat left top;
padding: 2px 0 2px 23px;
}
#inhalt h1.rot {
background: url("pfeilbutton_rot.gif") no-repeat left top;
}

#inhalt h1.gelb {
background: url("pfeilbutton_gelb.gif") no-repeat left top;
}

#inhalt h1.orange {
background: url("pfeilbutton_orange.gif") no-repeat left top;
}

#inhalt h1.gruen {
background: url("pfeilbutton_gruen.gif") no-repeat left top;
}

#inhalt h1.pink {
background: url("pfeilbutton_pink.gif") no-repeat left top;
}

/*Rechte Spalte*/
#zusatz h1, #zusatz h2 {
/*border: 1px solid #5077a1;
background: #5077a1 url("navipic1.gif") no-repeat left;*/
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 {
background: #5077a1 url("pfeilbutton_rot_Str.gif") no-repeat left;
}

#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;
}