/********************************/
/*                              */
/* CSS-Definitionen Unterseiten */
/*                              */
/********************************/

body
{
    background-color: #F7FBFD;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #09346F;
}

/* Haupt-Container */

.container_oben, .container_unten, .container_main
{
    width: 800px;
    text-align: left;
    margin: 0px auto 0px;
}

.container_oben
{
    margin-top: 20px;
    height: 130px;
}

.container_unten
{
    height: 130px;
}

/** Hellblauer Bereich oben und unten **/

.container_hellbau
{
    width: 160px;
    height: 130px;
    background-color: #BAD6E8;
    float: left;
}

/** Obererer & unterer rechter Bereich **/

.container_rechts
{
    width: 640px;
    float: left;
}

/** Banner Bereich **/

.container_banner
{
    width:640px;
    height: 82px;
    background-color: #85B6D6;
}

/** Banner Inhalt. Wegen dem IE5 **/

.banner_inhalt
{
    text-align: right;
    padding: 10px 37px 0px 0px;
}

/** Quicknavi- und Datums-Bereich **/

.container_status
{
    width: 640px;
}

/** Bereich der Quicknavi **/

.container_quick
{
    width: 300px;
    float: left;
}

.quick_inhalt
{
    padding: 10px 0px 0px 10px;
    text-align: left;
    font-size: 8pt;
}

/** Bereich des Datums **/

.container_datum
{
    width: 340px;
    float: left;
}

.datum_inhalt
{
    padding: 10px 37px 0px 10px;
    text-align: right;
    font-size: 8pt;
}

/** Foto unten **/

.container_foto
{
    width: 640px;
    height: 95px;
}

.foto_inhalt
{
    padding: 0px 0px 0px 7px;
}

/** Footer **/

.container_footer
{
    width: 640px;
    height: 35px;
    background-color: #85B6D6;
}

/** Suchen & Newsletter **/

.suchen_nl
{
    padding: 10px 0px 0px 29px;
    color: #09346F;
    font-size: 10pt;
}

/** Navi-Container **/

.container_main_navi
{
    width: 160px;
    float: left;
    text-align: left;
}

.main_navi_inhalt
{
    padding: 20px 0px 20px 29px;
    color: #09346F;
    font-size: 10pt;
}

/* aktivierte Links */

.navi_h_selected { color:#5295C0; }
.navi_u_selected { color:#5295C0; font-size: 9pt; }

/** Haupt-Content **/

.container_main_content
{
    width: 640px;
    float: left;
    text-align: left;
    display: block;
    margin-bottom: 35px;
}

.main_content_inhalt
{
    padding: 20px 0px 0px 0px;
    color: #09346F;
    font-size: 10pt;
    display: block;
}

/** Kasten mit Rahmen **/

.box_klein, .box_gross
{
    margin: 0px 0px 0px 35px;
    border: 1px solid #85B6D6;
    float: left;
    display: inline;
}

.box_klein
{
    width: 164px;
    height: 124px;
}

.box_gross
{
    width: 565px;
}

.ueberschrift
{
    position: relative;
    top: -9px;
    left: 5px;
    font-size: 10pt;
    font-weight: bold;
    color: #5295C0;
    background-color: #F7FBFD;
    padding: 0px 5px 0px 5px;
    z-index: 3;
}

.textbox
{
    padding: 0px 0px 15px 5px;
    font-size: 10pt;
    font-weight: bold;
    float: left;
    line-height: 18pt;
}

.textbox_text
{
    padding: 0px 10px 10px 10px;
    font-size: 10pt;
    font-weight: normal;
    float: left;
}

.quellen
{
    font-size: 8pt;
    font-style: italic;
}


/** Formfeld Suchen **/

.form_text, .form_text_name, .form_text_email
{
    background-color: #ffffff;
    border: 1px solid #09346F;
    color: #09346F;
    font-size: 10pt;
    width: 70px;
}

.form_text_name {  width: 100px; }
.form_text_email { width: 200px; }

.form_submit, .form_submit_email
{
    border: 0px none;
    background-color: #BAD6E8;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    color: #09346F;
}

.form_submit_email
{
    border: 0px none;
    background-color: #5295C0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
    float: right;
}

/** Amazon-Produkte **/

.produkt_links
{
    width: 270px;
    float: left;
}

.produkt_rechts
{
    width: 270px;
    float: right;
}

.produkt_spacer
{
    clear: both;
    height: 35px;
}

.produkt_bild
{
    border: 0px;
    vertical-align: text-top;
    float: left;
    margin-right: 5px;
}

.produkt_trenner
{
    clear: both;
    text-align:center;
    height: 30px;
    font-weight: bold;
    color: #5295C0;
}

/** Überschriften bei Kontaktformular **/

.fettblau
{
    font-weight: bold;
    color: #5295C0;
}

/** Kleiner Text beim Fotoarchiv **/

.klein
{
    font-size: 8pt;
}

/** Fotoarchiv **/

.foto
{
    width: 75px;
    height: 75px;
    float: left;
    margin: 0px 15px 20px 15px;
}

/* Newsletter */

.nl_trenner
{
    clear: both;
    height: 3px;
    overflow: hidden;
    line-height: 0px;
}

.error_text
{
    color: #ff0000;
}

.google_maps
{
    width: 530px;
    height: 500px;
    margin-top: 20px;
}

.map_link
{
    margin-top: 20px;
    float: left;
}

/* map-links */

a.map:link    { color:#09346F; font-weight:normal; text-decoration:none; border-bottom: 1px #000000 dotted;}
a.map:visited { color:#09346F; font-weight:normal; text-decoration:none; border-bottom: 1px #000000 dotted;}
a.map:active  { color:#5295C0; font-weight:normal; text-decoration:none; border-bottom: 1px #000000 dotted; cursor:help;}
a.map:hover   { color:#5295C0; font-weight:normal; text-decoration:none; border-bottom: 1px #000000 dotted; cursor:help;}

/* Enfernungen */

table
{
    border: #09346F 1px solid;
    border-collapse: collapse;
    margin: 10px 0px 10px 0px;
}

.skala, .skala2
{
    background-color: #5295C0;
    padding: 3px;
    border: #09346F 1px solid;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.skala  {width: 45px;}

.wert, .wert2
{
    padding: 3px;
    border: #09346F 1px solid;
    text-align: center;
}

.wert  {width: 40px;}

/***********/
/** Links **/
/***********/

/** Text-Links **/

a:link { color:#09346F; font-weight:bold; text-decoration:none;}
a:visited { color:#09346F; font-weight:bold; text-decoration:none;}
a:active { color:#5295C0;  font-weight:bold; text-decoration:none;}
a:hover { color:#5295C0; font-weight:bold; text-decoration:none;}

/** Navi Links **/

a.navi_h:link    { font-size: 10pt; color:#09346F; font-weight:normal; text-decoration:none;}
a.navi_h:visited { font-size: 10pt; color:#09346F; font-weight:normal; text-decoration:none;}
a.navi_h:active  { font-size: 10pt; color:#5295C0; font-weight:normal; text-decoration:none;}
a.navi_h:hover   { font-size: 10pt; color:#5295C0; font-weight:normal; text-decoration:none;}

a.navi_u:link    { font-size: 9pt; color:#09346F; font-weight:normal; text-decoration:none;}
a.navi_u:visited { font-size: 9pt; color:#09346F; font-weight:normal; text-decoration:none;}
a.navi_u:active  { font-size: 9pt; color:#5295C0; font-weight:normal; text-decoration:none;}
a.navi_u:hover   { font-size: 9pt; color:#5295C0; font-weight:normal; text-decoration:none;}

/** Navi Links Selected **/

a.navi_h_s:link    { font-size: 10pt; color:#5295C0; font-weight:normal; text-decoration:none;}
a.navi_h_s:visited { font-size: 10pt; color:#5295C0; font-weight:normal; text-decoration:none;}
a.navi_h_s:active  { font-size: 10pt; color:#5295C0; font-weight:normal; text-decoration:none;}
a.navi_h_s:hover   { font-size: 10pt; color:#5295C0; font-weight:normal; text-decoration:none;}

a.navi_u_s:link    { font-size: 9pt; color:#5295C0; font-weight:normal; text-decoration:none;}
a.navi_u_s:visited { font-size: 9pt; color:#5295C0; font-weight:normal; text-decoration:none;}
a.navi_u_s:active  { font-size: 9pt; color:#5295C0; font-weight:normal; text-decoration:none;}
a.navi_u_s:hover   { font-size: 9pt; color:#5295C0; font-weight:normal; text-decoration:none;}

/** footer & weiterempfehlen links **/

a.footer:link    { font-size: 8pt; color:#09346F; font-weight:normal; text-decoration:none;}
a.footer:visited { font-size: 8pt; color:#09346F; font-weight:normal; text-decoration:none;}
a.footer:active  { font-size: 8pt; color:#5295C0; font-weight:normal; text-decoration:none;}
a.footer:hover   { font-size: 8pt; color:#5295C0; font-weight:normal; text-decoration:none;}

/** Bild ohne Rand... **/

.noborder {border-width: 0px;}

/* Forms ohne Rand */

form {margin: 0px;}

/** Hoteltipps **/

.hotel_block
{
    clear: both;
}

.hotel_bild
{
    width: 130px;
    float: left;
    margin-bottom: 20px;
}

.hotel_text
{
    width: 260px;
    float: left;
    margin-bottom: 20px;
}

.hotel_status
{
    width: 150px;
    float: right;
}

.hotel_status_preis
{
    width: 140px;
    border: 1px solid #85B6D6;
    padding: 5px;
    text-align: center;
}

.hotel_status_link
{
    margin-top: 10px;
    text-align: center;
}

h1,h2
{
    font-size: 10pt;
    font-weight: bold;
    color: #5295C0;
    margin: 0px;
    padding: 0px;
}

.zurueck
{
    text-align: right;
    margin-top: 20px;
    float:right;
}

.bild-rechts
{
    float: right;
    border: 0px;
    margin-left: 10px;
}

.bild-links
{
    float: left;
    border: 0px;
    margin-right: 10px;
}

/* Redaktionstipps */

.tipp_block
{
    clear: both;
}

.tipp_bild
{
    width: 110px;
    float: left;
    margin-bottom: 20px;
}

.tipp_text
{
    width: 415px;
    float: left;
    margin-bottom: 20px;
}

.tipp_aufgenommen
{
    float: right;
    margin-bottom: 10px;
    font-size: 8pt;
}

.tipp_headline
{
    float: left;
}

.tipp_link
{
    float: right;
    margin-top: 5px;
}

.seitennavi
{
    text-align: center;
    clear: both;
}

.seitennavi-links
{
    float: left;
}

.seitennavi-rechts
{
    float: right;
}

.tipp_rechts
{
	float: right;
    width: 130px;
}

.tipp_mitte
{
	float: left;
    width: 290px;
    margin-bottom: 20px;
}


/** Auswahlbilder **/

a.picture1, a.picture2, a.picture3, a.picture4, a.picture5, a.picture6,
a.picture7, a.picture8, a.picture9, a.picture10, a.picture11, a.picture12,
a.picture13, a.picture14, a.picture15, a.picture16, a.picture17, a.picture18, a.picture19, a.picture20,
a.picture21, a.picture22, a.picture23, a.picture24, a.picture25
{
    position: relative;
    top: -4px;
    left: 12px;
    display: block;
    width: 140px;
    height: 100px;
}

a.picture1       { background: url(images/landleute/geschichte_blau.jpg) no-repeat top; }
a.picture1:hover { background: url(images/landleute/geschichte.jpg) no-repeat top; }

a.picture2       { background: url(images/landleute/insel_blau.jpg) no-repeat top; }
a.picture2:hover { background: url(images/landleute/insel.jpg) no-repeat top; }

a.picture3       { background: url(images/landleute/festland_blau.jpg) no-repeat top; }
a.picture3:hover { background: url(images/landleute/festland.jpg) no-repeat top; }

a.picture4       { background: url(images/landleute/stadt_blau.jpg) no-repeat top; }
a.picture4:hover { background: url(images/landleute/stadt.jpg) no-repeat top; }

a.picture5       { background: url(images/landleute/politik_blau.jpg) no-repeat top; }
a.picture5:hover { background: url(images/landleute/politik.jpg) no-repeat top; }

a.picture6       { background: url(images/landleute/wissenswertes_blau.jpg) no-repeat top; }
a.picture6:hover { background: url(images/landleute/wissenswertes.jpg) no-repeat top; }

a.picture7       { background: url(images/touristik/reiseangebote_blau.jpg) no-repeat top; }
a.picture7:hover { background: url(images/touristik/reiseangebote.jpg) no-repeat top; }

a.picture8       { background: url(images/touristik/ausflug_blau.jpg) no-repeat top; }
a.picture8:hover { background: url(images/touristik/ausflug.jpg) no-repeat top; }

a.picture9       { background: url(images/touristik/parks_blau.jpg) no-repeat top; }
a.picture9:hover { background: url(images/touristik/parks.jpg) no-repeat top; }

a.picture10       { background: url(images/touristik/verkehrsanbindung_blau.jpg) no-repeat top; }
a.picture10:hover { background: url(images/touristik/verkehrsanbindung.jpg) no-repeat top; }

a.picture11       { background: url(images/touristik/karten_blau.jpg) no-repeat top; }
a.picture11:hover { background: url(images/touristik/karten.jpg) no-repeat top; }

a.picture12       { background: url(images/touristik/sportfreizeit_blau.jpg) no-repeat top; }
a.picture12:hover { background: url(images/touristik/sportfreizeit.jpg) no-repeat top; }

a.picture13       { background: url(images/sonstiges/fotoarchiv_blau.jpg) no-repeat top; }
a.picture13:hover { background: url(images/sonstiges/fotoarchiv.jpg) no-repeat top; }

a.picture14       { background: url(images/sonstiges/buchtipps_blau.jpg) no-repeat top; }
a.picture14:hover { background: url(images/sonstiges/buchtipps.jpg) no-repeat top; }

a.picture15       { background: url(images/sonstiges/linktipps_blau.jpg) no-repeat top; }
a.picture15:hover { background: url(images/sonstiges/linktipps.jpg) no-repeat top; }

a.picture16       { background: url(images/sonstiges/webcams_blau.jpg) no-repeat top; }
a.picture16:hover { background: url(images/sonstiges/webcams.jpg) no-repeat top; }

a.picture17       { background: url(images/gewinnspiele/istrien_gs_blau.jpg) no-repeat top; }
a.picture17:hover { background: url(images/gewinnspiele/istrien_gs.jpg) no-repeat top; }

a.picture18       { background: url(images/gewinnspiele/kroatien_gs_blau.jpg) no-repeat top; }
a.picture18:hover { background: url(images/gewinnspiele/kroatien_gs.jpg) no-repeat top; }

a.picture19       { background: url(images/touristik/faq_blau.jpg) no-repeat top; }
a.picture19:hover { background: url(images/touristik/faq.jpg) no-repeat top; }

a.picture20       { background: url(images/sonstiges/sprachfuehrer_blau.jpg) no-repeat top; }
a.picture20:hover { background: url(images/sonstiges/sprachfuehrer.jpg) no-repeat top; }

a.picture21       { background: url(images/gewinnspiele/winter_gs_blau.jpg) no-repeat top; }
a.picture21:hover { background: url(images/gewinnspiele/winter_gs.jpg) no-repeat top; }

a.picture22       { background: url(images/gewinnspiele/fruehlings_gs_blau.jpg) no-repeat top; }
a.picture22:hover { background: url(images/gewinnspiele/fruehlings_gs.jpg) no-repeat top; }

a.picture23       { background: url(images/sonstiges/sz-merkur-card-tipp_blau.jpg) no-repeat top; }
a.picture23:hover { background: url(images/sonstiges/sz-merkur-card-tipp.jpg) no-repeat top; }

a.picture24       { background: url(images/sonstiges/userecke_blau.jpg) no-repeat top; }
a.picture24:hover { background: url(images/sonstiges/userecke.jpg) no-repeat top; }

a.picture25       { background: url(images/gewinnspiele/userecke_gs_blau.jpg) no-repeat top; }
a.picture25:hover { background: url(images/gewinnspiele/userecke_gs.jpg) no-repeat top; }

/* Form */

.form_bez
{
    width: 160px;
    text-align: left;
    float: left;
}

.form_bez2
{
    width: 30px;
    text-align: left;
    float: left;
}

.form_bez3
{
    width: 190px;
    text-align: left;
    float: left;
}

.form_trenner
{
    clear: both;
    height: 7px;
    overflow: hidden;
    line-height: 0px;
}
.form_text2, .form_textfeld, .form_text3, .form_textfeld3
{
    background-color: #ffffff;
    border: 1px solid #09346F;
    color: #09346F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    width: 200px;
}

.form_text_anfrage
{
    background-color: #ffffff;
    border: 1px solid #09346F;
    color: #09346F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    width: 360px;
}

.form_textfeld
{
    height: 100px;
}

.form_text3, .form_textfeld3 { width: 300px; }
.form_textfeld3 { height: 100px; }

.form_submit2
{
    border: 0px none;
    background-color: #5295C0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
    margin-right: 176px;
    float: right;
}

/* Yacht */

.angebot-header
{
    background-color: #5295C0;
    padding: 3px;
/*    border: #09346F 1px solid; */
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    text-align: left;
}

.angebot-text {
    padding: 3px;
    border-style: solid;
    border-color: #09346F;
    border-color: #5295C0;
    border-width: 0px 0px 1px 0px;
    margin-bottom: 20px;
}

.form_bez4
{
    width: 220px;
    text-align: left;
    float: left;
}

.form_submit2:hover, .form_submit_email:hover
{
	cursor	: pointer;
    color	: #09346F;
}