/* 
PreSystems Kommunikationslösungen
Dipl.-BW. (BA) Martin Lukas Ostachowski
www.presystems.de
*/

body {
margin: 0px;
padding: 0px;
line-height: 18px;
background:url(img/nautianis-dotted.gif) repeat-y center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.center {
width: 949px;
margin: auto;
background:url(img/nautianis-header.jpg) center top no-repeat;
height:201px;
}

/* -----  Navigation oben  ---------------------------------  */
ul#topmenu {
float:right;
list-style: none;
display: block;
margin:0px 5px 0px 0px;
padding:0px 0px 0px 0px;
}

#topmenu li {
float:left;
margin:10px 6px 0px 3px;
}

#topmenu a, a:link, a:visited {
background:none;
border:none;
display:inline;
color:#efefef;
text-decoration: none;
}

#topmenu a:hover {
text-decoration: underline;
}

/* -----  Linke Spalte  ---------------------------------  */
div#left {
margin-top:140px;
margin-left:1px;
width:220px;
float:left;
}

ul#leftmenu {
display:block;
margin:0px;
padding: 0px;
list-style:none;
}

#leftmenu a.f-leftmenu, a.f-leftmenu:link, a.f-leftmenu:visited {
padding:6px 0px 6px 10px;
display:block;
width: 183px;
font-size:14px;
background-color:#002345;
border-right: #73191d 18px solid;
border-bottom: #ffffff 1px solid;
}

#leftmenu a.f-leftmenu:hover {
background-color:#73191d;
}

#leftmenu a.l-leftmenu, a.l-leftmenu:link, a.l-leftmenu:visited {
padding:6px 0px 6px 10px;
display:block;
width: 183px;
font-size:14px;
background-color:#002345;
border-right: #73191d 18px solid;
}

#leftmenu a.l-leftmenu:hover {
background-color:#73191d;
}

ul#leftmenu2 {
display:block;
margin:0px;
padding: 0px;
list-style:none;
}

#leftmenu2 a.f-leftmenu, #leftmenu2 a.f-leftmenu:link, #leftmenu2 a.f-leftmenu:visited {
padding:6px 0px 6px 10px;
display:block;
width: 183px;
font-size:14px;
background-color:#002345;
border-right: #73191d 18px solid;
border-bottom: #ffffff 1px solid;
}

#leftmenu2 a.f-leftmenu:hover {
background-color:#73191d;
}

#leftmenu2 a.l-leftmenu, #leftmenu2 a.l-leftmenu:link, #leftmenu2 a.l-leftmenu:visited {
padding:6px 0px 6px 10px;
display:block;
width: 183px;
font-size:14px;
background-color:#002345;
border-right: #73191d 18px solid;
}

#leftmenu2 a.l-leftmenu:hover {
background-color:#73191d;
}

.left-team {
margin:0px;
padding:10px 0px 10px 15px;
width:196px;
background-color:#73191d;
color:#efefef;
font-size:14px;
}

.img {
margin: 0px;
padding: 0px;
}

.left-team-desc {
margin:0px;
padding:10px 0px 10px 15px;
width:196px;
background-color:#73191d;
color:#efefef;
font-size:12px;
}

.left-tuev {
margin: 0px 0px 20px 0px;
padding: 15px 0px 10px 60px;
background:url(img/nautianis-left-bg.gif) top left no-repeat;
width: 149px;
border-left: 1px solid #002345;
border-bottom: 1px solid #002345;
border-right: 1px solid #002345;
}


/* -----  Mittlere Spalte  ---------------------------------  */
div#cont {
margin-top:140px;
padding:20px;
width:461px;
float:left;
display: block;
}

#cont h1 {
margin: 5px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom:1px dotted #002345;
font-size:15px;
color:#73191d;
}

/* --------- Such Tabmenu ----------------- */
.basictab ul{
background:url(img/search-heading.gif) no-repeat right;
width:461px;
height:37px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

li#shk {
background:url(img/search-heading-bg.gif) top left no-repeat;
width:201px;
float:left;
margin: 0px 1px 0px 0px;
height: 35px;
}

li#shk a{
display: block;
text-decoration: none;
color: #cfcfcf;
width:201px;
height:22px;
padding-top:13px;
}

li#shk a:visited{
color: #cfcfcf;
}

li#shk a:hover, li#shk a.current{
border-bottom: 2px solid #73191d;
color: #ffffff;
}

li#shk a:active{
color: #cfcfcf;
}

li#sfk {
background:url(img/search-heading-bg2.gif) top left no-repeat;
width:200px;
float:left;
height: 35px;
margin: 0px 0px 0px 2px;
}

li#sfk a{
text-decoration: none;
color: #cfcfcf;
width:200px;
height:22px;
padding-top:13px;
display: block;
}

li#sfk a:visited{
color: #cfcfcf;
}

li#sfk a:hover, li#sfk a.current{
color: #ffffff;
border-bottom: 2px solid #002345;
}

li#sfk a:active{
color: #cfcfcf;
}

.tabcontainer{
clear: left;
height:250px; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}

/* ---------- Tab Menu End ------ */

#cont h2 {
margin: 5px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom:1px dotted #73191d;
font-size:15px;
color:#002345;
}

#cont img {
border:0px;
margin-right:10px;
}

div#top-angebot {
border: 1px solid #002345;
padding:10px;
width: 441px;
margin-top:10px;
background-color:#e4f2ff;
}

.preis {
font-size: 16px;
font-weight: bold;
color: #73191d;
}

.top-ang {
font-size:16px;
font-weight: bold;
color:#002345;
}

/* Hochsee Suche */
p#search-heading {
background:url(img/search-heading-bg.gif) no-repeat left;
width: 461px;
height: 26px;
color:#dfdfdf;
font-size:14px;
font-weight:bold;
margin-bottom:0px;
padding:10px 0px 0px 45px;
}

.search-table {
margin:0px;
padding:6px;
width:461px;
border: 1px #73191d solid;
font-weight:bold;
background-color: #cfb1b1;
color:#002345;
}

.search-button {
background:url(img/search-button-bg.gif) no-repeat left;
width: 461px;
height: 32px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin-top:0px;
padding:10px 0px 0px 15px;
}

a.search-left, a.search-left:link, a.search-left:visited {
color: #dfdfdf;
text-decoration:underline;
}

a.search-left:hover {
color: #cfcfcf;
text-decoration:none;
}

a.search-right, a.search-right:link, a.search-right:visited {
margin-left:110px;
font-weight:normal;
color: #dfdfdf;
text-decoration:underline;
}

a.search-right:hover {
color: #cfcfcf;
text-decoration:none;
}

/* Fluss Suche */
p#search-heading2 {
background:url(img/search-heading-bg2.gif) no-repeat left;
width: 461px;
height: 26px;
color:#dfdfdf;
font-size:14px;
font-weight:bold;
margin-bottom:0px;
padding:10px 0px 0px 45px;
}

.search-table2 {
margin:0px;
padding:6px;
background-color:#899fb6;
width:461px;
border: 1px #002345 solid;
font-weight:bold;
color:#002345;
}

.search-button2 {
background:url(img/search-button-bg2.gif) no-repeat left;
width: 461px;
height: 32px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin-top:0px;
padding:10px 0px 0px 15px;
}


div#top-angebote {
border: 1px solid #002345;
padding:10px;
width: 441px;
margin-top:10px;
margin-bottom:20px;
background-color:#e4f2ff;
}

div#top-ziele {
border: 1px solid #002345;
padding:10px;
width: 441px;
margin-top:10px;
background-color:#e4f2ff;
}

#top-ziele table {
width:100%;
}

#top-ziele p {
margin: 0px;
padding: 0px;
}

.top-catr {
background-color: #73181d;
text-align: right;
width: 39px;
}

.top-catb {
background-color: #002245;
text-align: right;
width: 39px;
}

td.top-red {
background:url(img/red-arrow.gif) right no-repeat #b79ba5;
height:29px;
padding-left: 10px;
padding-top:5px;
width: 165px;
}

td.top-blue {
background:url(img/blue-arrow.gif) right no-repeat #899fb5;
height:29px;
padding-left: 10px;
padding-top:5px;
}

a.mail, a.mail:link, a.mail:visited {
color: #002345;
text-decoration:underline;
}

a.mail:hover {
color: #73191d;
text-decoration:underline;
}

.footer-1 {
margin:0px;
padding: 15px 0px 30px 75px;
height:15px;
background:url(img/nautianis-windrose.gif) left no-repeat;
color: #73191d;
}

.footer-2 {
margin:0px;
padding: 0px 0px 20px 75px;
color: #002345;
}

a.foot, a.foot:link, a.foot:visited {
color: #002345;
text-decoration:underline;
}

a.foot:hover {
color: #73191d;
text-decoration:underline;
}

/* -----  Rechte Spalte  ---------------------------------  */
div#right {
margin:185px 0px 0px 11px;
width:215px;
float:left;
}

#right img {
margin: 0px 0px 0px 0px;
border: 0px;
}

p.rig {
line-height:18px;
text-align:center;
width:185px;
background-color:#002345;
color:#efefef;
padding: 10px 15px 10px 15px;
margin:0px 0px 0px 0px;
}

p.rig2 {
line-height:18px;
text-align:left;
width:185px;
background-color:#73191d;
color:#efefef;
padding: 10px 15px 10px 15px;
margin:0px 0px 0px 0px;
}

#right ul {
line-height:18px;
width:185px;
list-style: none;
background-color:#73191d;
color:#efefef;
padding: 10px 15px 10px 15px;
margin:0px 0px 0px 0px;
}

#right li {
background:url(img/rb-blue-arrow.gif) left no-repeat;
}

#right h1 {
margin:0px 0px 0px 0px;
padding: 10px 0px 10px 15px;
background-color:#002345;
color:#efefef;
font-size:14px;
}

#right h2 {
margin:0px 0px 0px 0px;
padding: 10px 0px 10px 15px;
background-color:#73191d;
color:#efefef;
font-size:14px;
}

.newsletter {
background:url(img/nautianis-newsletter.jpg) no-repeat;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:201px;
width: 215px;
text-align:center;
}

.newsletter h1 {
padding-left:0px;
}

.newsletter form {
color:#ffffff;
}

#news {
margin: 0px;
color:#efefef;
font-size:14px;
padding:10px 0px 9px 0px;
background-color:#002345;
color:#efefef;
font-size:14px;
}

.news-link {
margin-top:135px;
}

a.news-abo, a.news-abo:link, a.news-abo:visited {
text-decoration:underline;
}

.contenttable {
width: 100%
}

.contenttable p {
margin: 0px;
padding: 0px;
}

.contenttable td {
/* width: 33%; */
}

.contenttable a, .contenttable a:link, .contenttable a:visited {
color: #002345;
text-decoration:underline;
}

.contenttable a:hover {
color: #73191d;
text-decoration:underline;
}


/* -----  Kontaktformular  ---------------------------------  */
.csc-mailform-field {
margin: 5px 0px 5px 0px;
}

input#mailformname {
margin-left: 15px;
width: 300px;
}

input#mailformemail {
margin-left: 30px;
width: 341px;
}

input#mailformtelefon {
margin-left: 23px;
width: 341px;
}

input#mailformbuchungsnr {
margin-left: 2px;
width: 300px;
}

input#mailformstrasse {
margin-left: 26px;
width: 341px;
}

input#mailformort {
margin-left: 47px;
width: 341px;
}

fieldset {
width: 395px;
}

textarea {
margin-top: 15px;
width: 410px;
}