/* Gerneral Definitions */
html, body { height: 100%; width: 100%; text-align: center; margin: auto; font-size: 12px; font-family: "Century Gothic", Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif }
img { border: 0px }
form {margin: 0px; padding: 20px 0px; text-align: center; }
input {width: 300px; border: 1px solid #603c15}
.radio {width: 10px; border: 0px; }
textarea {width: 300px; border: 1px solid #603c15}
p {margin: 10px 0px 0px}
hr { height: 1px; border: 1px dashed white; margin-top: 10px }
ul {}
li {margin-top: 5px}
table {margin: 0px}
td {vertical-align: top; text-align: left}
td b {font-size: 14px; text-align: left; padding-right: 90px}
#logo-divewithus {position: absolute; top: 180px; left: 150px}
#logo-tauchreisen {position: absolute; right: 0px; }
/* Fonts */
h1, h2, h3, h4, h5 {margin: 0px}
h1 {font-size: 24px; border-bottom: 1px solid white; margin-bottom: 20px; padding-bottom: 5px}
h2 {font-size: 16px; border-bottom: 1px solid white; padding-bottom: 5px; margin-top: 5px; margin-bottom: 10px; }
#individualreisen h2 {border-bottom: 1px solid #603c15; }
h3 {font-size: 16px; margin: 20px 0px}
h4 {font-size: 14px; margin: 20px 0px}
.home h4 {font-size: 14px; margin: 0px}
.tauchreisen h4, .specialinterest h4 {font-size: 14px; margin: 0px}
h5 {font-size: 12px; margin-top: 30px}
#sidebar h3 {font-size: 14px; margin: 5px 0px; border-bottom: 1px dotted white;}
#individualreisen #sidebar h3 {border-bottom: 1px dotted #603c15; }
/* Links */
#individualreisen-text a {color: #603c15;}
#tauchreisen-text a {color: #213b9f;}
#top a {text-decoration: none}
#sidebar a, .reiseleiter a {color: white; float: right; text-decoration: underline}
.reiseleiter li a {float: none;}
#individualreisen #sidebar a {color: #603c15;}
#main a {color: white}
.home p a, .tauchreisen p a, .divewithus p a {float: right; margin-bottom: 20px}
#nav2 a {color: #183f9e;}
/* Startseite */
#startseite {background: url('img/bg-body.jpg');}
#individualreisen-text, #tauchreisen-text {position: absolute; left: 210px; width: 350px; }
#individualreisen-text ul, #tauchreisen-text ul {margin-top: 0px }
#individualreisen-text img, #tauchreisen-text img {position: absolute; left: 350px; width: 300px}
#individualreisen-text {top: 230px; color: #603c15;}
#individualreisen-text img {top: 50px; }
#individualreisen-text p a {color: #603c15}
#tauchreisen-text {top: 780px; color: #213b9f;}
#tauchreisen-text img {top: -40px; }
#tauchreisen-text p a,#individualreisen-text p a {float: right}
#tauchreisen-text p a {color: #213b9f}
.home span, .tauchreisen span, .specialinterest span {font-size: 10px}
/* Tauchreisen */
#tauchreisen {background: url('img/bg-tauchreisen.jpg') repeat-x; background-color: #2784c7}
#tauchreisen #top {width: 960px; height: 270px; background: url('img/tauchreisenbg-top.jpg'); border: 0px solid transparent}
:root #tauchreisen #top {
margin-top: -14px
}
#tauchreisen #nav {width: 960px; height: 260px; }
#nav2 {font-size: 11px; color: #183f9e; text-align: center; width: 440px; background-color: white; margin-top: 10px; padding: 5px }
:root #nav2 {
margin-top: 30px;
}
/* Individualreisen */
#individualreisen {background: url('img/bg-individualreisen.jpg') repeat-x; background-color: #ad865b}
#individualreisen #top {width: 960px; height: 270px;}
/* Layout - Container */
#main {position: relative; width: 960px; margin: auto; text-align: left;}
#startseite #main {background: url('img/bg-startseite.jpg'); height: 1024px}
#top #tagline {position: absolute; top: 60px; right: 20px;}
#tauchreisen #top ul, #individualreisen #top ul {color: white; font-size: 14px; padding-top: 230px; list-style-type: none; }
#tauchreisen #top li, #individualreisen #top li {float: left; }
#tauchreisen #top li {padding-right: 50px}
#individualreisen #top li {padding-right: 70px}
#sites {position: relative; width: 570px; color: white; padding: 10px 20px 0px 20px; font-size: 12px; line-height: 18px; margin-top: 50px}
/* Sidebar */
#sidebar {position: absolute; left: 633px; top: 270px}
#tauchreisen #sidebar {color: white; width: 276px; background-color: #3c91cc; padding: 30px 20px; }
#individualreisen #sidebar {color: #603c15; width: 266px; height: 553px; padding: 30px; background: url('img/bg-individualreisen-sidebar.jpg')}
img {margin: 5px}
/* Unterseiten */
.reiseleiter img, .tauchreisen img {float: left; margin: 0px 20px 30px 0px; border: 1px solid white}
.teaser {float: left; margin-right: 10px; border: 1px solid white}
#tauchreisen #reiseinfos .teaser {margin-bottom: 20px}
#tauchreisen #reiseinfos {float: left; width: 200px; border-right: 1px solid white; padding-right: 10px; margin-right: 10px}
#tauchreisen #reisebeschreibung {float: right; width: 330px}
/* #tauchreisen .tauchreisen p {float: right; width: 358px; margin: 0px 0px 10px} */
#tauchreisen .tauchreisen p {margin: 0px 0px 10px}
#tauchreisen .tauchreisen table {margin-bottom: 10px}
#tauchreisen .tauchreisen td b {font-size: 14px; text-align: left; padding-right: 10px}
#tauchreisen .tauchreisen #deckplan {position: absolute; top: 400px; left: 20px}
#individualreisen #reisebeschreibung {float: left; width: 360px; }
#individualreisen #reiseinfos {float: right; width: 180px; border-left: 1px solid white; padding-left: 10px}
/* Footer */
#footer {letter-spacing: 1px; border-top: 1px solid white; margin: 20px 0px; padding-top: 5px; font-size: 10px; color: white; text-align: center}
#footer a {color: white}
/* Listen */
#reiseinfos ul {margin: 0px 0px 0px 20px; font-size: 10px}
/* Sonstiges */
.cleaner {clear: both}
.imageleft {float: left; margin-right: 20px}
.noborder {border: 0px}
.icon {float: left; margin: 0px 10px 10px 0px; border: 0px}