/* Stylesheet für www.sportschifffahrt.de created by Sissi */

/* Allgemeine Formatierungen */

p {
	font-family: verdana, arial;
	font-size: 10px;
	color: #333333;
	margin: 0px;
	}
a {
	font-family: verdana, arial;
	font-size: 10px;
	color: #1A6572;
	margin: 0px;
         text-decoration: underline;
         font-weight: bold;
	}
ul {
	list-style-image:url(pfeilchen.gif);
	list-style-position: outside;
	margin-left: 10px;
         margin-top: 6px;
         margin-bottom: 6px;
	padding-left: 30px;
	}
li {
	font-family: verdana, arial;
	font-size: 10px;
	color: #333333;
	margin: 0px;
         padding: 6px;
	}

ul.menu, li.menu {
	padding: 0px;
         margin: 0px;
         list-style-type: none;
         }


hr	{
	border: 0px dashed #D4E0A5;
         height: 1px;
         color: #D4E0A5;
         background-color: #D4E0A5;
	}
img {
	border: 0px;
         }
p.csc-form-label, p.csc-form-label-req {
	font-family: verdana, arial;
	font-size: 10px;
	color: #333333;
	margin: 0px;
         text-align: right;
	}
p.csc-caption {
	font-family: verdana, arial;
	font-size: 10px;
	color: #1A6572;
	margin: 0px;
	line-height: 120%;
	text-align: right;
	font-weight: bold;
	padding-top: 6px;
	}
div.csc-textpicHeader {
	margin: 0px;
	padding: 0px;
         }
div.tools {
	border-bottom: 1px dashed #D4E0A5;
        	border-top: 1px dashed #D4E0A5;
         padding: 4px;
         text-align: right;
         }

/* Styles die auch für den HTML-Editor gelten */

h1 {
	font-family: verdana, arial;
	font-size: 18px;
	color: #1A6572;
	padding-bottom: 6px;
         padding-top: 20px;
	}
h2 {
	font-family: verdana, arial;
	font-size: 14px;
	color: #1A6572;
	margin: 0px;
 	padding-bottom: 6px;
         text-align: left;
	}
h3, p.csc-caption {
	font-family: verdana, arial;
	font-size: 10px;
	color: #1A6572;
	margin: 0px;
         padding: 0px;
	font-weight: bold;
	text-align: left;
	}
/* Formulare & Co */
textarea {
  	margin-top: 6px;
 	border:1px solid #82ABBF;
 	width: 300px;
	}
form.eingabefeld {
   	margin-top: 6px;
   	border:1px solid #82ABBF;
   	width: 200px
 	}
input {
   	margin-top: 6px;
   	border:1px solid #82ABBF;
   	font-family:verdana,arial,sans-serif;
   	font-size: 11px;
 	}
/*Styles von Tabellen */
tr.tr-even.tr-0 {
         background-color: #D4E0A5;
         font-weight: bold;
	}
tr.tr-even {
         background-color: #E6EDC9;
	}
tr.tr-odd {
         background-color: #E6EDC9;
	}
td.td-0 {
         font-weight: bold;
         text-align: right;
         padding:4px;
         }
td.td-1, td.td-2, td.td-3, td.td-4, td.td-last {
         padding:4px;
         }

/* Styles für versch. Tabellen */
div.termine table {
	width: 100%;
	}

/* Haupt-divs und Haupt-Konfigurationen */

body {
	height: 100%;
	margin: 0px;
	background-color: #A6C4D2;
	}

#screen {
        background-color: #fff;
	margin: 0px auto;
	width: 780px;
        background-image: url(raute_kurz.gif);
	background-repeat: repeat-y;
	}

#menu_waagerecht {
	background-color: #D4E0A5;
	background-image: url(hintergrund_links_unten.jpg);
	background-repeat: no-repeat;
        height: 28px;
	overflow: hidden;
        width: 578px;
	padding-left: 196px;
         background-position: left top;
	}

#menu_senkrecht {
	height: 100%;
	width: 110px;
        margin-right: 10px;
        float: left;
  	}

#content {
        margin-left: 130px;
        padding-bottom: 40px;
        padding-top: 5px;
        padding-right: 5px;
        font-family: verdana, arial;
	font-size: 10px;
	color: #333333;
        min-height: 400px;
        overflow: visible;
	}

#footer {
       clear: both;
       }

#buttons {
         padding-top: 5px;
	float: right;
	}

div.contentelement {
	margin-top: 20px;
	margin-bottom: 20px;
         }

div.bild {
	margin: 0px;
         }


#infobox {
   float: right;
   width: 160px;
   background-image:url(infobox_eckchen.gif);
   background-repeat:no-repeat;
   background-position: top right;
   background-color:#F4FADD; 
   margin-top:20px;
   padding:1px 16px 1px 16px;
   }




/* Alles fürs senkrechte Menü - Deluxe made with divs :-)  */
a.menu_senkrecht_1 {
	padding-left: 8px;
	display: block;
	height: 25px;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	padding-top: 8px;
	background-color: #D4E0A5;
         margin-left:6px;
	}
a.menu_senkrecht_1:hover, a.menu_senkrecht_1_act  {
	padding-left: 8px;
	display: block;
	background-color: #BDCF76;
	height: 25px;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	padding-top: 8px;
	margin-left:6px;
	}
a.menu_senkrecht_2  {
	text-align: right;
	height: 20px;
	padding-right: 8px;
	font-family: verdana,arial,sans-serif;
	background-color: #f2f2f2;
	font-size: 10px;
	text-decoration: none;
	color: #002F32;
	padding-top: 4px;
	display: block;
         margin-left:6px;
	}
a.menu_senkrecht_2:hover, a.menu_senkrecht_2_act  {
	text-align: right;
	height: 20px;
	padding-right: 8px;
	font-family: verdana,arial,sans-serif;
	background-color: #D1D1D1;
	font-size: 10px;
	text-decoration: none;
	color: #002F32;
	padding-top: 4px;
	display: block;
         margin-left:6px;
	}
/* alles fürs waagerechte Menü */
a.menu_waagerecht_1 {
	height: 28px;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	padding-top: 8px;
  	display: block;
  	padding-left: 10px;
  	padding-right: 10px;
	text-align: left;
	font-weight: bold;
	padding-right: 5px;
	}
a.menu_waagerecht_1:hover, a.menu_waagerecht_1_act {
	height: 28px;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	padding-top: 8px;
  	display: block;
  	padding-left: 10px;
  	padding-right: 10px;
	text-align: left;
	font-weight: bold;
	padding-right: 5px;
         background-color: #BDCF76;
	}
a.menu_waagerecht_2 {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	padding-top: 10px;
  	display: block;
	padding-left: 10px;
	padding-right: 10px;
	height: 28px;
	background-color: #D4E0A5;
	text-align: left;
	padding-right: 5px;
	}
a.menu_waagerecht_2:hover {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	padding-top: 10px;
  	display: block;
	padding-left: 10px;
	padding-right: 10px;
	height: 28px;
	background-color: #BDCF76;
	text-align: left;
	padding-right: 5px;
	}
/* alles für die beiden extra-Buttons */
a.buttons {
	background-image: url(button_no.gif);
	background-repeat: no-repeat;
	height: 18px;
	text-align: center;
	width: 110px;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	display: block;
 	font-weight: bold;
 	padding-top:4px;
	}
a.buttons:hover, a.buttons_act {
	background-image: url(button_ro.gif);
	background-repeat: no-repeat;
	height:18px;
	text-align: center;
	width: 110px;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	display: block;
 	font-weight: bold;
 	padding-top:4px;
	}