/* Basic Stylesheet for www.seglerverband-sh.de */
/* author: www.ideenwerft.com */

/* Farben: blau #3333CC */

* {padding:0px;margin:0px;}
img {border:0;}
html[xmlns^="http"] {
/* für inaktiven scrollbalken bei mozilla */
overflow-y: scroll;
}
.hidden { /* für screenreader links */
position: absolute;
left: -10000px;
}
html {height:100%;}  /* für maximale Höhe des Rahmens */
* html body {height:100%;} /* für maximale Höhe des Rahmens */
body {
min-height:100%;
height:100%;
font-size: 68.75%; /* setzt Standardschriftgröße auf 11px */
font-family: verdana, arial, Sans-Serif;
color:#333333;
text-align:center;
back ground: url(../layout/bg.gif) 50% 33px no-repeat;
backgr ound-attachment: scroll !important;
}
#wrapper {
width: 925px;
margin-left: auto;
margin-right: auto;
background: url(../layout/wrapperBg.jpg) repeat-y;
}
#rahmen {
width: 925px;
min-height:900px;
text-align:left;
background: url(../layout/leftBg.jpg) top left no-repeat;
}
#top {
width: 900px;
height: 33px;
margin-left: 25px;
background:url(../layout/topBg.jpg) repeat-y;
}
#suche {
float:right;
margin-top: 5px;
margin-right: 5px;
}
#header {
float:left;
width: 925px;
height:200px;
padding: 0px;
margin: 0px;
background-position: top left;
background-repeat: no-repeat;
}
#logo {
float:left;
width:740px;
height:70px;
margin-top:130px;
margin-left:20px;
}
a#home_link {
display:block;
width:150px;
height:70px;
}
#navi {
clear:left;
float:left;
width: 900px;
margin-left: 25px;
min-height:25px;
background:url(../layout/topBg.jpg) repeat-y;
display:inline;   /* ie -6.0 hack wg. doppeltem margin bei float*/
}
#left {
float:left;
width: 150px; /* nur IE 5.x */
width/**/:/**/ 150px; /* alle anderen */
margin-left:25px;
display:inline;   /* ie -6.0 hack wg. doppeltem margin bei float*/
}
#content {
float:left;
width: 545px;
margin-left: 15px;
display:inline;
padding-top: 2px;
}
#right {
width: 170px; /* nur IE 5.x */
width/**/:/**/ 170px; /* alle anderen */
min-height:500px;
_height: 550px; /* ie hack */
float:right;
display:inline;
background: url(../layout/right.jpg) no-repeat;
padding-top: 15px;
}
#iw {
clear:both;
width: 920px;
margin: 10px auto;
height:25px;
padding-top: 0px;
padding-right:3px;
}
/* *** allgemein - textformatierung *******************/

span.small {
font-size: 0.9em;
}
span.xsmall {
font-size: 0.8em;
}

/* *** top - textformatierung *******************/
#top DIV.pfad {
font-size:0.8em;
color: #999;
padding-left: 0px;
padding-top: 3px;
}
#top DIV.pfad a, #top DIV.pfad a:visited {
color: #999999;
text-decoration:none;
}
#top a:hover {
color: #FFFFFF;
text-decoration:underline;
}
ul#static {
float:left;
font-size:0.9em;
padding-top:2px;
padding-left: 0px;
color:#CCCCCC;
text-transform:uppercase;
}
ul#static li {
float:left;
display:inline;
list-style:none;
margin-right: 13px;
}
ul#static li a, ul#static li a:visited {
text-decoration: none;
color:#D6D6D6;
}
ul#static li a:hover {
text-decoration: underline;
color:#FFFFFF;
}

/* formulare ****************** */
form input:focus, form textarea:focus { background-color : #DDE6EE;}

/* *** suche ******************************** */
#suche {
padding-top:3px;
}
#suche form {
color: #EAEAEA;
font-weight:bold;
}
#suche form input {
font-size: 0.9em;
}


/* *** navi ****************************/
#navi ul {
list-style:none;
}
#navi ul li {
float:left;
margin-right: 0px;
display:inline; /* wg doppeltem margin IE bug */
}
#navi ul li, #navi ul li a, #navi ul li a:visited {
text-decoration:none;
color:#FFFFFF;
padding: 6px 5px;
}
#navi ul li a:hover {
text-decoration: underline;
color: #333399;
background-color: #EAEAEA;
}
#navi ul li a:focus {
background-color: #999999;
color:#fff;
}
#navi ul li.current a:link, #navi ul li.current a:visited {
color:#fff;
background-color: #999999;
}
#navi ul li.current a:hover {
color: #333399;
background-color: #EAEAEA;
}
DIV.bottom {
bord er-bottom: 7px solid #999;
}
#yymenu {
float:left;
display:inline;
}

#yymenu a {
padding: 4px;
text-decoration: none;
display: block;
color: #FFFFFF;
margin: 0px;
border-bottom: dashed 1px #EAEAEA;
background-color: #8594a0;
}
#yymenu a.last {
border-style: none;
}
#yymenu  {

}
#yymenu a:hover {
color: #2D4200;
background-color: #EAEAEA;
}
.mmLevel1, .mmLevel2{
padding-top:0px;
margin-bottom:10px;
}
div.mmLevel1 div a.sub {
background:url(../layout/sub.gif) right no-repeat;
}

/* *** left  ******************************/
DIV#sponsoren {
margin-top: 10px;
margin-bottom: 10px !important;
}

DIV#sponsoren h5 {
margin-top: 25px;
font-weight:normal;
font-size: 0.8em;
color: #999999;
padding-left: 5px;
padding-bottom: 2px;
border-bottom: 1px solid #CCCCCC;
}


/* *** Sub-Navi *******************/

ul#subnavi {
list-style:none;
border-bottom: 1px dashed #CCCCCC;
}
ul#subnavi li {
margin-bottom:0px;
}
/* +++ links 1. Ebene ++++++++++++++++++++++++++++++++++++++++ */
ul#subnavi li a:link, ul#subnavi li a:visited {
padding:5px 0 5px 7px;
display:block;
text-decoration:none;
color:#333333;
border-top: 1px dashed #CCCCCC;
}
ul#subnavi li.first a, ul#subnavi li.first a:visited {
border-top:none;
}
ul#subnavi li a:hover, ul#subnavi li a:focus {
text-decoration:underline;
background:#ccc;
color: #333;
}
ul#subnavi li.current a:link, ul#subnavi li.current a:visited {
background:#999999;
color: #fff;
border-top:none;
font-weight:bold;
}


/* +++ 2. Ebene +++++++++++++++++++++++++++++++++ */
/*+++++++++++++++++++++++++++++++++++++++++++++ */
ul#subnavi li ul {
list-style:none;
font-size:0.9em;
}
ul#subnavi li.current ul li.current {
padding:3px 0 3px 15px;
background-color: #DBDBDB;
color: #333;
font-weight:bold;
}

/* +++ links 2. Ebene +++++++++++++++++++++++++++++++++++++++++ */
ul#subnavi li ul li a:link, ul#subnavi li ul li a:visited {
text-decoration:none;
color:#333333;
}
ul#subnavi li ul li a:hover {
text-decoration:underline;
}
ul#subnavi li.current ul li a:link, ul#subnavi li.current ul li a:visited {
padding:3px 0 3px 10px;
background-color: #DBDBDB;
color: #333333;
border-top: none;
font-weight:normal;
}
ul#subnavi li.current ul li a:hover {
background-color: #ccc;
color: #333333;
}
ul#subnavi li.current ul li.current a:link, ul#subnavi li.current ul li.current a:visited {
padding:2px 0 2px 17px;
margin-left: -9px;
background: #eaeaea url(../layout/subnavi.gif) 4px 4px no-repeat;
font-weight:bold;
}

/* +++ 3. Ebene +++++++++++++++++++++++++++++++++ */
/*+++++++++++++++++++++++++++++++++++++++++++++ */
ul#subnavi li.current ul li.current ul li {
font-weight:normal;
}
ul#subnavi li.current ul li.current ul li a:link, ul#subnavi li.current ul li.current ul li a:visited {
padding:3px 0 3px 17px;
background-color: #eaeaea;
background-image: none;
font-weight:normal;
}
ul#subnavi li.current ul li.current ul li.current, ul#subnavi li.current ul li.current ul li.current {
font-weight:bold;
background: #eaeaea url(../layout/subnavi2.gif) 16px 4px no-repeat;  /* links oben */
margin-left: -9px;
padding-left: 28px;
}


/* *** content ******************************/
#content p {
margin: 5px 15px 10px 1px;
}
#content h1, #content h2, #content h3, #content h4 {
font-weight:bold;
}
#content h1 {
font-size:1.1em;
border-bottom: 1px dashed #cccccc;
padding-top: 5px;
margin-bottom: 8px;
}
#content h1.csc-firstHeader {
text-transform:uppercase;
font-size:1.2em;
margin-top: 10px;
margin-bottom: 8px;
padding:0px 10px 1px 0px;
border-bottom: 1px solid #cccccc;
}
#content h2 {
padding:0px 0px 3px 0px;
font-size:1.2em;
}
#content h3 {
padding:6px 10px 0px 0px;
font-size:1.1em;
border-bottom: 1px dashed #CCCCCC;
margin-bottom: 5px;
}
#content h3 a:link, #content h3 a:visited {
text-decoration:none;
color: #CC6633;
}
#content h3 a:hover {
text-decoration:underline;
color: #993300;
}
#content h4 {
padding:8px 10px 0px 0px;
font-size:1.2em;
}
#content div.csc-textpicHeader h4 {
padding:0px 10px 0px 0px;
}
#content h4 a:link, #content h4 a:visited {
text-decoration:none;
color: #CC6633;
}
#content h4 a:hover {
text-decoration:underline;
color: #993300;
}
#content ul {
margin: 5px 0 5px 30px;
list-style-type: square;
list-style-position:outside;
}
#content ul li {
padding-bottom:3px;
}
#content ul li ul {
margin: 5px 0 0px 15px;
list-style-type: circle;
list-style-position:inside;
}
#content DIV.linie-davor, #content DIV.linie-danach {
background-color:#CCCCCC; /* Mozilla 1.4 */
color:#EAEAEA; /* IE 6 */
border: #EAEAEA; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:100%;
margin:5px auto 10px;
}
#content a:link, #content a:visited {
color: #333399;
}
#content a:hover, #content a:focus {
background-color: #eaeaea;
}
a.external-link-new-window:link, a.external-link-new-window:visited {
padding-left:11px;
background: url(../layout/linkExt.gif) left no-repeat;
}
a.external-link-new-window:hover {
padding-left:11px;
}
table {
font-size: 1em;
}
#content table {
margin-top: 10px;
margin-bottom: 8px;
}
#content table tr, #content table th {
border: 1px solid #EAEAEA;
}
#content table td {
padding: 2px 3px 2px 3px;
}
#content table td p {
margin:0;
padding:0;
}

#content table.contenttable tr.tr-even {
background-color: #eaeaea;
}
#content table.contenttable td {
margin:0;
padding:0;
}

/* *** content boxes ******************************/
#content DIV.box {
float:left;
width: 260px;
border: 1px solid #CCCCCC;
margin-top: 10px;
margin-bottom: 10px;
}
#content DIV.box2 {
margin-left: 20px;
display:inline;
}

#content DIV.box h2 {
font-size: 1em;
text-transform:uppercase;
padding: 3px;
background: #999999;
color: #FFFFFF;
}
#content DIV.box p {
margin: 0px 5px 8px 5px;
}
#content DIV.box div.csc-textpic-text {
padding-top: 5px;
}
#content DIV.box h2 a:link, #content DIV.box h2 a:visited {
color: #FFFFFF;
text-decoration:none;
}
#content DIV.box h2 a:hover {
color: #FFFFFF;
text-decoration:underline;
background-color: transparent;
}
#content DIV.box h4 {
clear:both;
margin-left: 5px;
padding-bottom:2px;
font-size: 1.1em;
border-bottom: 1px dashed #ccc;
}


/* *** rahmen ******************************/
#content DIV.csc-frame-frame1 {
clear:both;
width:99%;
margin: 5px 0px 10px 0px;
border:1px solid #CCCCCC;
padding-bottom: 10px;
}
#content DIV.csc-frame-frame1 h4 {
margin: 5px 0 8px 10px;
}
#content DIV.csc-frame-frame1 p {
margin-left: 10px;
}
/***** numerierte Liste ******************/
#content ol {
margin-left: 30px;
}
#content ol li {
margin-bottom: 10px;
}
#content ol li ul {
list-style:circle;
padding-top: 5px;
}
#content ol li ul li {
margin-bottom: 0px;
}

/* email ***************** */
a.mail {
padding-left: 19px;
background: url(../layout/email.gif) 0px 3px no-repeat;
}

/* *** pdf downloads ******************************/
#content td.csc-uploads-fileName a {
padding-left: 22px;
background: url(../layout/pdf.gif) no-repeat;
}
a.download {
padding-left: 22px;
background: url(../layout/pdf.gif) no-repeat;
}
#content table.csc-uploads tr td {
padding-bottom: 5px;
}
#content table.csc-uploads tr td.csc-uploads-fileSize {
vertical-align: top;
width: 70px;
}

/* ***** DATEILINKS ******* */
TABLE.csc-uploads-3 {
margin-top: 10px;
}
TABLE.csc-uploads-3 img {
margin-right: 10px;
margin-bottom:10px;
border: 1px solid #CCCCCC;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileName, TABLE.csc-uploads-3 tr td.csc-uploads-fileSize {
vertical-align:top;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileName p {
font-weight:bold;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileSize p {
font-size: 0.9em;
}


/* *** right ******************************/
#right DIV.box {
border: 1px solid #CCCCCC;
margin-bottom: 15px;
}
#right DIV.box h2, #right DIV.box h1 {
font-size: 1em;
text-transform:uppercase;
padding: 3px 3px 3px 5px;
background: #999999;
color: #FFFFFF;
margin-bottom: 5px;
}
#right DIV.box h2 a:link, #right DIV.box h2 a:visited, #right DIV.box h1 a:link, #right DIV.box h1 a:visited{
color: #FFFFFF;
text-decoration:none;
}
#right DIV.box h2 a:hover, #right DIV.box h1 a:hover {
color: #FFFFFF;
text-decoration:underline;
background-color: transparent;
}

#right p {
padding: 0px 0 5px 5px;
}
#right a:link, #right a:visited {
font-weight: bold;
color: #333333;
}
#right a:hover, #right a:focus {
color: #3333CC;
text-decoration: underline;
background-color: #eaeaea;
}
#right div.box img {
margin-bottom: 5px;
margin-left:5px;
}
/*------------- eventfinder + box ------------*/
#right div.box form.eventBox, #right div.box form.eventBox select option {
font-size: 0.9em;

}
#right div.box form.eventBox select {
width: 155px;
margin: 2px 5px;
}
div.eventfinder {
margin-top: 10px;
}
#content div.eventfinder p {
margin: 0px 0px 5px 0px;
}
div.eventfinder p label  {
float:left;
width:150px;
padding-top: 3px;
font-weight:bold;
}
div.eventfinder p select, div.eventfinder p input {
width: 150px;
}
div.eventfinder p input.submit {
width: 100px;
}
input.submit {
padding:1px 3px 2px 3px;
font-size: 0.9em;
color:#fff;
font-weight:bold;
background: url(../layout/navi-li.gif) repeat-x;
border:none;
margin: 3px 0 5px 5px;
}
input.submit:hover {
background: url(../layout/navi-li-cur.gif) repeat-x;
}
div.eventfinder input.submit {
margin: 5px 0 5px 0px;
}

/* ***** FORMULARE TMail******** */
SPAN.error {
color:red;
font-weight:bold;
}

DIV.kontaktForm form {
padding-top: 5px;
}
DIV.kontaktForm form p {
width:500px;
clear:both;
text-align:left;
padding:0 0 3px 1px;
}
DIV.kontaktForm form p label  {
float:left;
width:115px;
}
DIV.kontaktForm form p input, DIV.kontaktForm form p textarea, DIV.kontaktForm form p select {
margin-left: 5px;
font-size:1.1em;
}
DIV.kontaktForm form p textarea {
font-size:1.2em;
}
DIV.kontaktForm form input:focus, DIV.kontaktForm form textarea:focus {
background-color : #F0F0F9;
}
DIV.kontaktForm input.submit {
padding:2px;
font-size: 1.1em;
}
/* für CAPTCHA sr_freecap *** */
DIV.tmail-captcha {
width:500px;
}
DIV.tmail-captcha img {
float:right;
border: 1px solid #666666;
}
.tx-srfreecap-pi2-image { margin-left: 1em; }
.tx-srfreecap-pi2-cant-read {color:#993300; }
.tx-srfreecap-pi2-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; }

/* *** Vereinsdatenbank ***** */
#content div.tx-svshclubs-pi5 {
margin: 10px 0 20px;
}
#content div.vt {
background-color: #eaeaea;
padding: 3px;
}
#content table.vl {
margin-top: 15px !important;
}

/* *** print link ********************** */
div.printLink {
clear:both;
padding-top: 15px;
padding-right: 10px;
}
div.printLink SPAN {
float:right;
}

/* ** seminare *****/
div#tx-seminars-pi1-registration-form fieldset {
padding: 5px;
}
div#tx-seminars-pi1-registration-form fieldset legend {
font-weight:bold;
padding: 0 3px;
}

/* indexed search ************ */
        .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
        .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
        .tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
        .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
        .tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeff; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }

/* ***** ideenwerft ********/
#iw a.iwLink {
float:right;
height: 20px;
width: 17px;
margin-left: 5px;
overflow: hidden;
background: url(../layout/anker.gif) top left no-repeat;
display: block;
}
#iw a.iwLink:hover {
background-position: bottom left;
}