html, body 
{

width:100%;
height:100%;
margin:0;
padding:0;
font-family: verdana, arial, sans-serif;
font-size: 14px;
color:#000000;
}

/* ----- Cookie notice ----- */

.cookies_message {
	background: #535259; /*#DFE7E9;*/
	padding: 8px 0;
	display:none;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #fff;
}
.cookies_message p {
	font-family: verdana, arial, sans-serif;
    display: block;
    float: left;
    width: 80%;
}
.cookies_message_container {
    width: 88%;
    margin: 0px auto;
    font-size: 12px;
    overflow: hidden;
}
.cookies_message p a {
    color: #fff;
	font-family: verdana, arial, sans-serif;
	text-decoration:underline;
	font-size: 12px;
	
}
.close_sign {
	cursor: pointer;
    float: right;
    background: #fff;
    display: inline-block;
    padding: 5px 8px;
	color: #000;
}

/* ---------------------  */


#betabadge {
 	background: transparent no-repeat 0 0;
 	position:absolute;
 	left: 0;
 	top:0;
	padding:0px;
 	z-index:1;
 	width:100px;
 	height:100px;
}

#top-ad {
 	position:absolute;
	right:25px;
 	top:142px;
 	z-index:2;
 	width:150px;
 	height:62px;
}

a
{
font-size:11px;
color:#808080;
text-decoration:none;
padding:0;
margin:0;
}

a:hover
{
font-size:11px;
color:#0860A8;
text-decoration:none;
}

a.sponsored
{
font-size:10px;
color:#000000;
text-decoration:none;
padding:0;
margin:0;
}

a.pdf 
{
padding:2px 0 2px 20px; 
background:url(https://www.starnbergersee-info.de/img/pdf_icon.gif) center left no-repeat;
font-size:11px;
color:#808080;
text-decoration:none;
}

.text {
margin:4px 0 0 6px;
padding:0;
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#000000;}

.textwhite {
margin:4px 0 0 6px;
padding:0;
font-family: verdana, arial, sans-serif;
font-size:10px;
color:#ffffff;}

.textwhite a{
font-family: verdana, arial, sans-serif;
font-size:10px;
color:#ffffff;
text-decoration:none;}

.text a{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#808080;
text-decoration:none;}

.text a:hover {
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#808080;
text-decoration:underline;}

.text p {
margin:5px 0 3px 0;
padding:0;}

.link {
font-family: arial, verdana, sans-serif;
font-size:14px;
font-weight:normal;
color: #808080;}

.link a{
font-size:14px;
font-weight:bold;
color: #cccccc;
text-decoration:none;}

.link a:hover{
font-size:14px;
font-weight:bold;
color: #ffffff;
text-decoration:none;}

.headerlogo {
margin:4px 0 2px 6px;
padding:0;
font-family: verdana, arial, sans-serif;
font-size:10px;
color:#000000;}

.headerlogo h1 {
margin:0;
background-image:url(/img/logos/logo_starnberger_see.gif);
background-repeat:no-repeat;
padding:2px 0 0 245px;
font-family: arial, sans-serif;
font-size:24px;
color:#0860a8;
text-decoration:none;}


.headerlogo h1.new {
margin:0;
background-image:url(/images/logo_starnberger-see-info.gif);
background-repeat:no-repeat;
padding:60px 0 0 306px;
font-family: arial, sans-serif;
font-size:24px;
color:#0860a8;
text-decoration:none;}

.headerlogo h1 a {
font-family: arial, sans-serif;
font-size:24px;
color:#0860a8;
text-decoration:none;}

.headerlogo h1 a:hover {
font-family: arial, sans-serif;
font-size:24px;
color:#0860a8;
text-decoration:none;}

.headerlogo h1 a:visited {
font-family: arial, sans-serif;
font-size:24px;
color:#0860a8;
text-decoration:none;}

.headerlogo a{
font-family: verdana, arial, sans-serif;
font-size:10px;
color:#808080;
text-decoration:none;}

.headerlogo a:hover {
font-family: verdana, arial, sans-serif;
font-size:10px;
color:#808080;
text-decoration:none;}

.headerlogo img {
border:0px;
padding:0;
margin:0;
text-decoration:none;}


#active h1
{
margin:0;
padding:3px 0 3px 6px;
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#ffffff;
background:#535259;
border:0px;
}

#header {
height:27px; 
font-size:64%; 
padding:0 0 5px 0; 
margin:6px 0 0 0; 
font-family:verdana, sans-serif;
width:800px;
color:#000000;}

.header_menue {
float:right; 
width:600px;
height:32px;
background:url(https://www.starnbergersee-info.de/img/bgs/bg_header.jpg) no-repeat top right; 
color:#808080;
}

.header_menue ul
{
list-style:none;
margin:4px 0 2px 0;
padding:0 10px 0 0;
float:right;
}

.header_menue li
{
display:inline;
margin:5px 0 0 0;
padding:6px 0 0 3px;
text-align:right;
}

.header_menue li .seperatingline
{
display:inline;
margin:5px 0 0 0;
padding:0 3px 0 0;
text-align:center;
}

.header_menue a
{
color:#0860A8;
font-size:10px;
}


.header_menue a:hover
{
color:#0860A8;
font-size:10px;
}


.menue_top h1
{
margin:0;
padding:3px 0 3px 6px;
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#ffffff;
background:#7B7984;
border-left:1px solid #ffffff;
}

.menue_top h1:hover 
{
margin:0;
padding:3px 0 3px 6px;
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#ffffff;
background:#535259;
border-left:1px solid #ffffff;
}


.menue_top h1 a
{
font-size:11px;
color:#ffffff;
background: transparent;
text-decoration:none;
margin:0;
padding:0;
}

.menue_top h1 a:hover
{
font-size:11px;
background: transparent;
text-decoration:none;
margin:0;
padding:0;
}

.menue_top h1 a:focus
{
font-size:11px;
background: transparent;
text-decoration:none;
margin:0;
padding:0;
}

.menue_top h1 a:active
{
font-size:11px;
background: transparent;
text-decoration:none;
margin:0;
padding:0;
}



.submenue 
{
margin:0;
padding:0;
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#ffffff;
background:#ffffff;
}

.submenue a
{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#808080;
background: transparent;
text-decoration:none;
}

.submenue a:hover
{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#0860A8;
background: transparent;
text-decoration:none;
}

.submenue ul 
{
font-size:11px;
background:#ffffff;
border:1px dotted #808080;
list-style:none;
margin:1px 0 0 0;
padding:0;
}

.submenue li
{
font-size:11px;
background:#ffffff;
margin:0;
padding:4px 0 4px 18px;
border-bottom:1px dotted #cccccc;
}

.submenue li:hover
{
font-size:11px;
background:#F1F1F1;
color:#ffffff;
margin:0;
padding:4px 0 4px 18px;
border-bottom:1px dotted #cccccc;
}

.submenue li:hover a
{
font-size:11px;
background:#F1F1F1;
color:#0860A8;
margin:0;
padding:0;
}





.menue_left 
{
font-family: verdana, arial, sans-serif;
font-size:11px;
width:150px;
margin:5px 0 0 0;
}

.menue_left a
{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#808080;
background: transparent;
text-decoration:none;
}


.menue_left a:hover
{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#0860A8;
background: transparent;
text-decoration:none;
}

.menue_left  a.pdf 
{
padding:2px 0 2px 20px; 
background:url(https://www.starnbergersee-info.de/img/pdf_icon.gif) center left no-repeat;
font-size:11px;
color:#808080;
text-decoration:none;
}

.menue_left a:hover.pdf 
{
padding:2px 0 2px 20px; 
background:url(https://www.starnbergersee-info.de/img/pdf_icon.png) center left no-repeat;
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#0860A8;
text-decoration:none;
}

.menue_left li:hover a.pdf 
{
padding:2px 0 2px 20px; 
background:url(https://www.starnbergersee-info.de/img/pdf_icon.gif) center left no-repeat;
font-size:11px;
color:#808080;
text-decoration:none;
}


.menue_left a.rss 
{
padding:2px 0 2px 20px; 
background:url(https://www.starnbergersee-info.de/img/rss_icon.png) center left no-repeat;
font-size:11px;
color:#808080;
text-decoration:none;
}

.menue_left a:hover.rss
{
padding:2px 0 2px 20px; 
background:url(https://www.starnbergersee-info.de/img/rss_icon.gif) center left no-repeat;
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#0860A8;
text-decoration:none;
}

.menue_left li:hover a.rss 
{
padding:2px 0 2px 20px; 
background:url(https://www.starnbergersee-info.de/img/rss_icon.png) bottom left no-repeat;
font-size:11px;
color:#808080;
text-decoration:none;
}



.menue_left ul 
{
font-size:11px;
background:#ffffff;
border-top:1px dotted #808080;
border-left:1px dotted #808080;
border-right:1px dotted #808080;
list-style:none;
margin:1px 0 0 0;
padding:0;
}

.menue_left h1
{
font-family: verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
background:#535259;
color:#ffffff;
margin:0;
padding:4px 0 4px 14px;
height:14px;
}


.menue_left h1 a
{
font-family: verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
background:#535259;
color:#ffffff;
}

.menue_left h1 a:hover
{
font-family: verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
background:#535259;
color:#ffffff;
text-decoration:underline;
}



.menue_left  #on 
{
font-size:11px;
background:#7b7984;
margin:0;
padding:3px 0 3px 14px;
}

.menue_left li
{
font-size:11px;
background:#ffffff;
margin:0;
padding:4px 0 4px 14px;
border-bottom:1px dotted #808080;
}

.menue_left h5
{
font-family: verdana, arial, sans-serif;
font-size:11px;
background:#ffffff;
font-weight:normal;
margin:0;
padding:0;
color:#000000;
}

.menue_left li:hover
{
font-size:11px;
background:#F1F1F1;
color:#ffffff;
margin:0;
padding:4px 0 4px 14px;
border-bottom:1px dotted #808080;
}

.menue_left li:hover a
{
font-size:11px;
background:#F1F1F1;
color:#0860A8;
margin:0;
padding:0;
}

.menue_left li:hover h5
{
font-family: verdana, arial, sans-serif;
font-size:11px;
background:#F1F1F1;
font-weight:normal;
margin:0;
padding:0;
color:#000000;
}
.menue_left li .img
{
font-size:11px;
background:#ffffff;
margin:0;
padding:4px 4px 4px 4px;
border-bottom:1px dotted #808080;
}

img #img
{
border:2px dotted #808080;
}

.menue_center 
{
font-family: verdana, arial, sans-serif;
font-size:11px;
width:150px;
margin:5px 0 0 0;
}

.menue_center a
{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#000000;
background: transparent;
text-decoration:none;
}


.menue_center a:hover
{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#808080;
background: transparent;
text-decoration:none;
}

.menue_center h1 a
{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#ffffff;
}

.menue_center h1 a:hover
{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:underline;
}

.menue_center ul 
{
font-size:11px;
background:#ffffff;
border-top:1px dotted #808080;
border-left:1px dotted #808080;
border-right:1px dotted #808080;
list-style:none;
margin:1px 0 0 0;
padding:0;
}

.menue_center h1
{
font-family: verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
background:#535259;
color:#ffffff;
margin:0;
padding:4px 0 4px 10px;
height:14px;
}

.menue_center  #on 
{
font-size:11px;
background:#7b7984;
margin:0;
padding:3px 0 3px 18px;
}

.menue_center li
{
font-size:11px;
background:#ffffff;
margin:0;
padding:4px 0 4px 18px;
border-bottom:1px dotted #808080;
}

.menue_center li:hover
{
font-size:11px;
background:#525358;
color:#ffffff;
margin:0;
padding:4px 0 4px 18px;
border-bottom:1px dotted #808080;
}

.menue_center li:hover a
{
font-size:11px;
background:#525358;
color:#ffffff;
margin:0;
padding:0;
}


.menue_right
{
font-family: verdana, arial, sans-serif;
font-size:11px;
width:185px;
margin:5px 0 0 0;
color:#808080;
}

.menue_right a
{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#808080;
background: transparent;
text-decoration:none;
}


.menue_right a:hover
{
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#0860A8;
background: transparent;
text-decoration:none;
}

.menue_right a.rss 
{
padding:2px 0 2px 20px; 
background:url(https://www.starnbergersee-info.de/img/rss_icon.png) center left no-repeat;
}

.menue_right a:hover.rss 
{
padding:2px 0 2px 20px; 
background:url(https://www.starnbergersee-info.de/img/rss_icon.png) center left no-repeat;
}

.menue_right ul 
{
font-size:11px;
background:#ffffff;
border-top:1px dotted #808080;
border-left:1px dotted #808080;
border-right:1px dotted #808080;
list-style:none;
margin:1px 0 0 0;
padding:0;
}

.menue_right ul 
{
font-size:11px;
background:#ffffff;
border-top:1px dotted #808080;
border-left:1px dotted #808080;
border-right:1px dotted #808080;
list-style:none;
margin:1px 0 0 0;
padding:0;
}


.menue_right h1
{
font-family: verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
background:#535259;
color:#ffffff;
margin:0;
padding:4px 0 4px 12px;
height:14px;
}

.menue_right h1 a
{
font-family: verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
height:14px;
}

.menue_right h1 a:hover
{
font-family: verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
height:14px;
text-decoration:underline;
}

.menue_right  #on 
{
font-size:11px;
background:#7b7984;
margin:0;
padding:3px 0 3px 12px;
}

.menue_right li
{
font-size:11px;
font-weight:normal;
background:#ffffff;
margin:0;
padding:4px 0 4px 12px;
border-bottom:1px dotted #808080;
color:#000000;
}

.menue_right li h3
{
font-family: verdana, arial, sans-serif;
font-weight:normal;
background:#ffffff;
font-size:8px;
color:#808080;
}


.menue_right h2
{
font-family: verdana, arial, sans-serif;
font-size:11px;
background:#ffffff;
font-weight:normal;
margin:0;
padding:0;
color:#000000;
}

.menue_right h2:hover
{
font-family: verdana, arial, sans-serif;
font-size:11px;
background:#F1F1F1;
font-weight:normal;
margin:0;
padding:0;
color:#000000;
}

.menue_right h3
{
font-family: verdana, arial, sans-serif;
font-size:8px;
background:#ffffff;
font-weight:normal;
margin:0;
padding:0;
color:#000000;
}

.menue_right h5
{
font-family: verdana, arial, sans-serif;
font-size:11px;
background:#ffffff;
font-weight:normal;
margin:0;
padding:0;
color:#000000;
}

.menue_right li:hover
{
font-size:11px;
background:#F1F1F1;
color:#000000;
margin:0;
padding:4px 0 4px 12px;
border-bottom:1px dotted #808080;
}

.menue_right li:hover a
{
font-size:11px;
background:#F1F1F1;;
color:#0860A8;
margin:0;
padding:0;
}

.menue_right li:hover h2
{
font-family: verdana, arial, sans-serif;
font-size:11px;
background:#F1F1F1;
font-weight:normal;
margin:0;
padding:0;
color:#000000;
}


.menue_right li:hover h5
{
font-family: verdana, arial, sans-serif;
font-size:11px;
background:#F1F1F1;
font-weight:normal;
margin:0;
padding:0;
color:#000000;
}

#footer {
font-size:9px;
}

#footer .text {
font-size:9px;
color:#000000;
text-decoration:none;
}


#footer .text a{
font-size:9px;
color:#000000;
text-decoration:none;}

#footer .text a:hover{
font-size:9px;
color:#808080;
text-decoration:none;
}



/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - */



/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}
.tooltip p, label{font-size: 1.0em;}

/*  ------- 
a:link {color: #CC6633;}
a:visited {color: #CC6633;}
a:hover {color: #999966;}
a:active {color: #CC6633;}
a:focus{color: #CC6633;}


  p {line-height:1.4em;margin:10px 0;}
hr{margin:10px 0;color:#999999;}

ul{
	list-style: none;
}

ul li{
padding-top:3px;
}  

--- */

#contentPad{
margin:20px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(https://www.starnbergersee-info.de/ajax/tooltip/images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(https://www.starnbergersee-info.de/ajax/tooltip/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(https://www.starnbergersee-info.de/ajax/tooltip/images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}