/* CSS Document */
* html, body {
        height: 100%; /* wichtig */
        }

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
}

body { 
        font-size:75%;
		line-height:1.5em;
		background: #C7AF83;
        color: #000;
        font-family: Verdana, Helvetica, sans-serif;
		background-image: url(bg-screen.jpg);
		background-repeat: repeat-x;
		text-align:left;
        margin-top:0px;
}

div#wrapper {
		position: relative;
		width:995px;
		background-color:#EAF9FF;
		border: 0px solid #000;
		margin:auto;
		z-index:1; 		
	}

/*table {  border:none; padding:0px; margin:10px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }*/
img, a img,:link img,:visited img { border:none }
img { margin:0; padding:0; vertical-align:top; }

#website {
        position:absolute;
        margin: 0px auto 0px auto;
        width: 995px;
        text-align: left;
        min-height: 100%;
        height:auto !important; /*; moderne Browser */
        height:100%; /* IE */
				border: 0px solid #000;
}

.flLeft {
        float:left;
        margin:10px 15px 5px 5px;
		padding:0px 0px 0px 0px;
}
.flRight {
        float:right;
        margin:10px 5px 5px 10px;
		padding:0px 0px 0px 0px;
}

#header { 
        background-image: url(bg-header-see.jpg);
        height: 170px;
}

.logo { 
	position:absolute;
	top: 19px;
	left: 17px;
	z-index: 30;
}

.banner { 
	position:absolute;
	top: 1px;
	left: 678px;
	z-index: 40;
	border: 0px solid #000;
}

#rightcol { 
        float: right;
        width: 820px;
        background-color:#B8E3F4;
        height:100%;
}

#inhalt_nav { 
        background-image:url(bg-content.jpg);
        background-repeat:repeat-y;
        margin:-5px 0px 0px 12px;
		padding:0px 0px 0px 0px;
        width:970px;
        min-height: 690px;
        height:100%; /* IE */
}

#inhalt { 
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        line-height: 20px;
        margin:0px 0px 0px 224px;
		padding:10px 0px 10px 10px;
        width:720px;
        min-height: 100%;
        height:auto !important; /*; moderne Browser */
        height:100%; /* IE */
}

#ticker {
		background-image: url(bg-newsticker.jpg);
		background-repeat: no-repeat;
        border-bottom:0px solid #1DBCF1;
        margin:0px 0px 0px 2px;
		padding:30px 0px 0px 5px;
        width:213px;
        height: 248px;
}

#datum {
		font-family:Verdana, Helvetica, sans-serif;
		color: #fff;
        width: 149px;
        font-size: 10px;
        text-align: center;
		margin:6px 0px 20px 7px;
        padding:0px 0px 0px 0px;
}

#navcontainer { 
		background-image: url(bg-secondlevel.jpg);
		background-repeat: no-repeat;
		position:absolute;
		top: 227px;
		left: 12px;
		width: 214px;
		height: 690px;
		border: 0px solid #000;
}

#subnavi { 
        margin-top: 5px;
        height: 100%;
        min-height:100%;
}

#navcontainer ul {
list-style-type:none;
margin-left:0px;
padding-left:0px;
        }

.sub ul {
list-style-type:none;
        }

.sub  a { 
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 11px;
        margin-left: 0px;
        list-style-type: none;
        border-bottom:1px solid #1DBCF1;
}

.sub a:link, #navlist a:visited { 
        /*padding: 5px 0px 5px 10px;*/
        /*border: 1px thin #1DBCF1;*/
        /*border-bottom: 1px thin;*/
}

.sub a:hover { 
        background-color: #FFFFFF;
        background-image: url(ic_strandgut.gif);
        background-position: left;
        background-repeat: no-repeat;
        font: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        color: #000000;
}

.sub .active a { 
        background-color: #FFFFFF;
        color: #000000;
        background-image: url(ic_freizeit_check.gif);
        background-position: left;
        background-repeat: no-repeat;
}

.sub li a {
        padding: 5px 0px 5px 20px;
        color: Black;
        text-decoration: none;
}

/*toplevel;*/
.main { 
        display: block;
        position: relative;
		margin:0px 0px 0px -20px;
        padding:20px 0px 0px 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        color: #FFFFFF;
        width:840px;
        height:58px;
}

ul.main li a:hover { 
        text-decoration: none;
        display: inline;
}

.main ul li > a { 
        position: relative;
}

.main li { 
        display: inline;
        background-position: left;
        font: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
}

.main li a:hover { 
        display: inline;
        font: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
}

#header_nav { 
		background-image: url(bg-toplevel-see.jpg);
		background-repeat: no-repeat;
        font-size: 12px;
		height: 58px;
        position: relative;
        margin:0px 0px 0px 0px;
        padding:2px 0px 2px 28px;
        border-top: 0px solid white;
        border-bottom: 0px solid white;
}

#header_nav a { 
        background-image: url(arrow.gif);
        background-repeat: no-repeat;
        margin:0px 0px 0px 20px;
        padding:6px 0px 0px 15px;
        color: #EED6BD;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-style: bold;
        text-decoration:none;
}

#header_nav   a:hover { 
        background-image: url(arrow-over.gif);
        background-repeat: no-repeat;
        color: #fff;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-style: bold;
        text-decoration:none;
}

#header_nav ul li { 
          
        /*border-left: 1px solid white;
        border-top: 1px solid white;
        border-bottom: 1px solid white;*/
}

.active {
}

.current {
}

a {  font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #660099; text-decoration: underline  }
a:hover { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #660099; text-decoration: none}

p { 
       margin:0px 0px 15px 0px;

}

h1 { 
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        margin:25px 0px 0px 0px;
        color: #0066cc;
}

h2 { 
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        margin:15px 0px 0px 0px;
        font-weight: bold;
        color: #993300;
}


h3 { 
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-style: italic;
        font-weight: bold;
        line-height: 22px;
        color: #000;
        line-height:1em;
}
h4 {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-style: italic;
        font-weight: bold;
        line-height: 22px;
        color: #000;
        line-height:1em;
}

#blue {  color: #000}
#rahmen {  border: 1px #000 dashed}
#red {  color: #CC0000}

/* Formular-Modul
*******************************************************************************/
#form-module * {
        padding:0px;
        margin:0px;
}

#form-module {
        margin:0px;
        padding:0px;
        width:520px;
        color:#000;
        font-family: Verdana, Helvetica, sans-serif;
        font-size:12px;
}

#form-module fieldset {
        border:0px solid #fff;
}

#form-module legend {
        display:none;
}


#form-module p {
        margin:0px;
        padding:5px;
        font-size:1em;
        font-weight:bold;
}

#form-module .element {
        display:block;
        clear:both;
        border-top:0px solid #fff;
}

#form-module label {
        display:block;
        float:left;
        padding:5px;
        width:80px;
        border-right:0px solid #fff;
}

#form-module label.checkbox {
        width:200px;
        border-left:2px solid #fff;
        border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
        float:left;
        margin:5px;
        width:295px;
        border:1px solid #993300;
}

#form-module input.text {
        height:20px;
}

#form-module input.checkbox {
        width:120px;
        padding:0px;
        border:none;
}

#form-module input.submit { 
        margin:5px 5px 5px 95px;
        padding:2px 5px;
        border:1px solid #333;
        color:#000;
        font-family: Verdana, Helvetica, sans-serif;
        text-align:center;
        cursor:pointer;
}

#form-module input.submit:hover { 
        color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
        height:96px;
}

#form-module-thanks {
        display:block;
        color:#000;
        font-family: Verdana, Helvetica, sans-serif;
        font-size:1.2em;
}

/*Breadcrumb*/

#breadcrumb {
        font-family: Verdana, Helvetica, sans-serif;
        font-size:10px;
        margin:0px 0px 0px 0px;
        
}

#breadcrumb a, 
#breadcrumb a:link {
        font-family: Verdana, Helvetica, sans-serif;
        font-size:11px;
        color:#000;
        text-decoration:none;
}

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

/*        sitemap
*******************************************************************************/
ul.sitemap li {
        margin:10px 0px;
        list-style-type:none;
}

ul.sitemap li ul li {
        margin:0px;
        list-style-type:none;
}

ul.sitemap li a, 
ul.sitemap li a:link {
        display:block;
        padding:5px;
        color: #0000CC;
        font-weight:bold;
        text-decoration:none;
}

ul.sitemap li ul li a, 
ul.sitemap li ul li a:link {
        list-style-type:none;
        margin:0px;
        padding-left:74px;
        background:url(e.gif) 5px center no-repeat;
        font-weight:normal;
        text-decoration:none;
}

ul.sitemap li a:hover {
        color: #0000CC;
        text-decoration:underline;
}

.rex_image_center {
position:relative;
}

/* Beispiel CSS
hier habe ich im Feld "Block-Name" zweier für die Spaltenart "zweispaltig" und dreier für die Spaltenart "dreispaltig" angegeben */

/* 2+3 */
.zweier, .dreier {
 margin: 15px;
 width: 600px;
}

/* 2 */
.zweier .spalte_1 {
 width: 290px;
 float: left;
 background: red;
}

.zweier .spalte_2 {
 width: 290px;
 float: right;
 background: yellow;
}
/* 3 */
.dreier .spalte_1 {
 width: 200px;
 float: left;
 background: red;
 margin-right: 10px;
}

.dreier .spalte_2 {
 width: 180px;
 float: left;
 background: yellow;
}

.dreier .spalte_3 {
 width: 200px;
 float: right;
 background: green;
}

/* ist meistens schon vorhanden */
.clearer {
 clear: both;
 display: block;
 line-height: 0;
}

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
        float: left;
        background: #DCDCDC;
        border: 1px solid;
        border-color: #AAA #444 #444 #AAA;
        margin: 5px 3px;
}

div.jaosg_thumbnail img{
        border: 1px solid;
        border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
        height: 60px;
        width: 80px;
        margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
        height: 80px;
        width: 60px;
        margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
        clear: both;
        padding-top: 1em;
}

/* Download anbieten */

.list_content {
        font-family: Verdana, Helvetica, sans-serif;
        font-weight:normal;
        text-decoration:none;
        font-size:10px;
        color:#666666;
        padding-left:10px;
        padding-top:3px;
        padding-bottom:3px;
        padding-right:24px;
        width:520px;
        background-color:#E8E8E8;
        margin:0px;
    line-height: 18px;
        }

.list_content2 {
        font-family: Verdana, Helvetica, sans-serif;
        font-weight:bold;
        text-decoration:none;
        font-size:10px;
        color:#666666;
        padding-left:10px;
        padding-top:3px;
        padding-right:24px;
        padding-bottom:3px;
        width:520px;
        background-color:#d0d0d0;
        margin:0px;
    line-height: 18px;
        }

.list_content3 {
        font-style:italic;
        font-size:10px;
        text-decoration:none;
        color:#000000;
        padding-left:10px;
        padding-top:3px;
        padding-right:24px;
        padding-bottom:3px;
        width:520px;
        background-color:#F4F4F4;
        margin:0px;
    line-height: 18px;
        }

/* --------------- footer ------------- */

div#footer{
	position: relative;
	width:995px;
	height:208px;
	border: 0px solid #000;
	margin:auto;
	background-image: url(bg-footer.jpg);
	background-repeat: no-repeat;
	}

.log{
	margin: 0px 0px 0px 0px;
	padding: 111px 0px 0px 5px;
	}
	
	
div#footer a {
	color: #fff;
	text-decoration:underline;
	}
	
div#footer a:hover {
	text-decoration:none;
	}