/**
* CSS (screen)
*
* @author	Sebastian Müller <sebastian produktivbuero de>
* @date		31/01/2008
*/


* {margin:0; padding:0;}

body {font-family:"Seorgi UI", Verdana, sans-serif; font-size:12px; color:#000000;}

h1 {padding-bottom:20px; font-size:24px; font-weight:normal; color:#CC0011;}
h2, h3, h4, h5, h6 {padding:30px 0 10px 0; font-size:14px; color:#CC0011;}
p {padding-bottom:20px; line-height:175%;}

a, a:visited {color:#CC0011; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:none;}

ol,ul {margin:0 0 20px 2em;}
li {line-height:175%;}

label {}

form {}
input,select,textarea {}
textarea {overflow:auto;}

span {}

acronym {cursor:help;}


/* ------------ Layout ------------ */

body {background:#D7D9DA url('images/body-background-sonstiges.jpg') repeat-y;}
body.index {padding:0; text-align:center; background:#FFFFFF url('images/body-background-index.jpg') repeat-x;}
body.sicherheit {background:#2E3347 url('images/body-background-sicherheit.jpg') repeat-y;}
body.charter {background:#520203 url('images/body-background-charter.jpg') repeat-y;}
body.tour {background:#E3DED2 url('images/body-background-tour.jpg') repeat-y;}
body.sonstiges {background:#D7D9DA url('images/body-background-sonstiges.jpg') repeat-y;}

#visual {position:absolute; top:0; left:0; width:320px; height:370px; z-index:0;}
.sicherheit {background:url('images/visual-background-sicherheit.jpg') no-repeat;}
.charter {background:url('images/visual-background-charter.jpg') no-repeat;}
.tour {background:url('images/visual-background-tour.jpg') no-repeat;}

#indexcontent {margin:0 auto; width:240px;}
#indexfooter {margin:0 auto; padding:10px 0 20px 0; width:240px; font-size:10px; letter-spacing:0.1em; color:#999999;}

#position {position:absolute; top:40px; left:0; width:100%; text-align:right; z-index:1;}
  #header {margin-left:90px;  min-width:900px; height:170px; display:block; background:url('images/header-background.gif') no-repeat;}
  #printheader {}
  #navigation {position:absolute; top:70px; left:160px; height:30px; overflow:hidden; z-index:2;}
  #breadcrump {position:absolute; top:150px; left:160px; color:#666666; z-index:3;}
  #content {margin-left:90px; padding-bottom:50px; min-width:900px; text-align:left; display:block; background:#DCDDDF url('images/content-background.gif') repeat-y;}
    #main {margin:0 0 15px 70px; width:750px;}
    #left {margin:0 50px 0 70px; width:350px; float:left;}
    #right {margin:0 0 0 470px; width:350px;}
  #subnavigation {margin-left:90px; min-width:900px; height:30px; overflow:hidden; text-align:left;}
  #printfooter {}
  #footer {margin-left:90px; padding:25px 0; min-width:900px; text-align:left; color:#F7F7F7; opacity:0.5;}


/* ------------ Navigation ------------ */

#breadcrump a {color:#666666; text-decoration:none;}

#navigation ol {margin:0; font-weight:bold;}
#navigation li {margin-right:30px; list-style-type:none; float:left;}
#navigation a {padding:9px 0; float:left; text-decoration:none; color:#666666;}
#navigation a:hover, #navigation a.on {color:#CC0011;}

#subnavigation ol {margin:0; font-weight:bold;}
#subnavigation li {margin:0 0 0 10px; list-style-type:none; float:left;}
#subnavigation a {padding:0 10px; float:left; text-decoration:none; color:#666666; background:#F7F7F7; opacity:0.25; line-height:30px;}
#subnavigation a:hover, #subnavigation a.on {opacity:1.0;}


span.langnavigation {margin-right:20px;}
body.index span.langnavigation {margin-right:0;}
span.langnavigation a {margin-right:10px;}
body.index #indexfooter span.langnavigation a {color:#CC0011;}

/* ------------ Inhalt ------------ */

h1.indextitle {padding-bottom:10px; font-size:13px; font-weight:bold; color:#CC0011;}
span.indextitlegrey {color:#666666;}
div.indexbox {margin:20px 0; padding:1px; border:1px solid #CCCCCC;}
h2.indexboxtitle {padding:0;}
a.indexboxlink {padding:9px 0 8px 0; color:#666666; font-size:14px; font-weight:bold; text-decoration:none; background:url('images/index-title-background.jpg') repeat-x; display:block; cursor:pointer;}
a.indexboxlink:hover, h2.indexboxtitle a.on {color:#FFFFFF; background:url('images/index-title-background-hover.jpg') repeat-x;}
div.indexbox p {padding:0 5px; text-align:left; display:none;}

div.infobox {margin:10px 0; padding:10px 10px 10px 100px; border:1px solid #CCCCCC; font-size:80%; line-height:175%; background:#F7F7F7;}
span.infoboxtitle {margin-bottom:10px; font-size:13px; font-weight:bold; color:#CC0011; display:block;}

div.phone {background:#F7F7F7 url('images/infobox-background-phone.jpg') bottom left no-repeat;}
div.adress {background:#F7F7F7 url('images/infobox-background-adress.jpg') bottom left no-repeat;}
div.flight {background:#F7F7F7 url('images/infobox-background-flight.jpg') bottom left no-repeat;}
div.musical {background:#F7F7F7 url('images/infobox-background-musical.jpg') bottom left no-repeat;}
div.culture {background:#F7F7F7 url('images/infobox-background-culture.jpg') bottom left no-repeat;}
div.dunkelrestaurant {background:#F7F7F7 url('images/infobox-background-dunkelrestaurant.jpg') bottom left no-repeat;}
div.newsletter {background:#F7F7F7 url('images/infobox-background-newsletter.jpg') bottom left no-repeat;}
div.newsletterarchiv {background:#F7F7F7 url('images/infobox-background-newsletter.jpg') bottom left no-repeat;}
div.windrose {background:#F7F7F7 url('images/infobox-background-windrose.jpg') bottom left no-repeat;}
div.noctivagus {background:#F7F7F7 url('images/infobox-background-noctivagus.jpg') bottom left no-repeat;}
div.grunewald {background:#F7F7F7 url('images/infobox-background-grunewald.jpg') bottom left no-repeat;}
div.wuehlmaeuse {background:#F7F7F7 url('images/infobox-background-wuehlmaeuse.jpg') bottom left no-repeat;}

div.infolink {margin:10px 0; border:1px solid #CCCCCC; background:#F7F7F7; }
div.infolink a {padding:5px 10px; color:#666666; font-weight:bold; display:block;}
div.infolink a:hover {color:#CC0011; text-decoration:none;}

span.label {font-weight:bold; width:120px; float:left;}
.caption {font-size:75%; text-align:center; color:#9F9F9F;}
.note {color:#9F9F9F;}

.inputtext {}
.radiobutton {}
.checkbox {}
.selectfield {}
.button {}
.submit {}
.cancel {}

#indexfooter a {margin:0 5px; color:#999999; text-decoration:none;}

#footer a {color:#F7F7F7; text-decoration:none;}

/* ------------ Sonstiges ------------ */

.clearfix {height:1px; clear:both;}

.hide {display:none;}
.print {display: none;}
.noprint {}


/* ------------ HACKS ------------ */

/**
 * http://de.selfhtml.org/css/layouts/browserweichen.htm
 * 
 * 
 * Broswerweiche:
 * <!--[if IE]>
 *  <style type="text/css">@import url(ie.css);</style>
 * <![endif]--> 
 * 
 * [if IE]: alle Versionen (ab 5.0),
 * [if IE 6]: alle 6er-Versionen,
 * [if lt IE 7]: alle Version vor 7 (less-than = kleiner als), 
 * [if lte IE 5.5999]: alle Version bis 5.5 (less-than or equal = kleiner oder gleich),
 * [if gte IE 5.5]: alle Version ab 5.5 (greater-than or equal = größer oder gleich).
 * 
 * 
 * 
 * Attribut-Selektor: p[id] {}
 * Selektiert <p>, welches ein id-Attribut mit beliebigem Wert aufweist
 * Internet Explorer für Windows bis Version 6 und Netscape 4
 * 
 * Kind-Selektor: html>body #ID {}
 * Selektiert #ID, innerhalb von body, welches ein direktes Kind-Element von html ist
 * Internet Explorer für Windows bis Version 6 und Netscape 4
 * 
 * Star-HTML-Hack: * html #ID {}
 * Internet Explorer für Windows bis Version 6
 * 
 * Star-Plus-HTML-Hack: *:first-child+html #ID {}
 * Internet Explorer für Windows ab Version 7
**/