/* CSS für 4Waldstättersee */

/* ######################################################################### */
/* Um eine korrekte Darstellung zu erreichen, folgende Reihenfolge einhalten:                                 */
/* :link, :visited, :hover, :active,                                                                                                                         */
/* ######################################################################### */

A:link, A:visited {color: #0059C5; text-decoration: none}
A:hover, A:active {color: #0081D3; text-decoration: underline}

a.menu {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	margin-top:0px;
	width:132px;
	height:30px;
	border-style:solid;
	border-width:0px;
/* 	padding: Top Rig Bot Left */
	padding: 8px 5px 8px 5px;
}

	
a.menu:link, a.menu:visited  { 
	color:#000000;
	text-decoration:none;
}

a.menu:hover, a.menu:active {
	color:#0059C5;
	background-color:#FFFFFF;
	text-decoration:none;
}




 	
A:link.navtop, A:visited.navtop	{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font : 10pt;
}

A:hover.navtop, A:active.navtop	{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	background : url(../img/nav/nav_top_mid_bg_o.gif);
	height:32px;
	text-decoration: none;
	font : 10pt;
	vertical-align : middle;
	text-align : center;
}


.becken {  
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	margin-top:0px;
	width:78px;
	height:48px;
	border-style:solid;
	border-width:0px;
	padding:0px;
	text-decoration:none;
	color:#FFFFFF;
	background-image : url(../img/nav/bg_bt_top_popup_o.gif);
}



a.becken {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	margin-top:0px;
	width:78px;
	height:48px;
	border-style:solid;
	border-width:0px;
	padding:0px;
}
	
a.becken:link, a.becken:visited  {
	text-decoration:none;
	color:#000000;
	background-image : url(../img/nav/bg_bt_top_popup.gif);	
/* background-color:#FFBD13;
*/
}

a.becken:hover {  
	text-decoration:none;
	color:#FFFFFF;
	background-image : url(../img/nav/bg_bt_top_popup_o_ani.gif);	
/*
	background-color:#ED1C24;
*/	
}

a.becken:active {  
	text-decoration:none;
	color:#FFFFFF;
	background-image : url(../img/nav/bg_bt_top_popup_o.gif);	
/*
	background-color:#ED1C24;
*/	
}


.map {
	font-style : normal;
	color: #FFFFFF;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 10;
	text-decoration : none;
}


.map2 {
	font-style : normal;
	color: #FFFFFF;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 12;
	text-decoration : none;
}



/*****************/
/* title  =   H1 */
/*****************/

.title {
	font-style : normal;
	color: #0059C5;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	font : normal normal 18px;
	text-decoration : none;
}

H1 {
	font-style : normal;
	color: #0059C5;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	font : normal normal 18px;
	text-decoration : none;
}


.attention {
	font-style : normal;
	color: #FF0000;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	font : bold 11px;
	text-decoration : none;
	line-height : 15px;
}



/*****************/
/* subtitle = H2 */
/*****************/

A:link.subtitle, A:visited.subtitle 
{
	font-style : normal;
	color: #0059C5;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 13px;
	line-height : 15px;
	text-decoration : none;
}

A:hover.subtitle, A:active.subtitle 
{
	font-style : normal;
	color: #0081D3;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 13px;
	line-height : 15px;
	text-decoration : underline;
}

.subtitle
{
	font-style : normal;
	color: #0059C5;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 13px;
	line-height : 15px;
	text-decoration : none;
}

H2
{
	font-style : normal;
	color: #0059C5;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 13px;
	line-height : 15px;
	text-decoration : none;
}





.head
/* Versuchte Farbwerte #0095DA; #0059C5; */
{
	font-style : normal;
	color: #0059C5;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	font : bold normal 10pt;
	text-decoration : none;
}



P {
	font-style : normal;
	color: #000000;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 11px;
	text-decoration : none;
	line-height : 15px;
}



.text {
	font-style : normal;
	color: #000000;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 11px;
	text-decoration : none;
	line-height : 15px;
}


.textpassive {
	font-style : normal;
	color: #9DA1AA;
/*	color: #AFB1B6;			*/
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 11px;
	text-decoration : none;
	line-height : 15px;
}


P.text {
	font-style : normal;
	color: #000000;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 11px;
	text-decoration : none;
	line-height : 15px;
	text-align: justify;
}

.textbold {
	font-style : normal;
	color: #000000;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	font : bold 11px;
	text-decoration : none;
	line-height : 15px;
}



.fuss {
	font-style : normal;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : bold;
	font : normal 10;
	text-decoration : none;
}

a.fuss:link, a.fuss:visited  { 
	color:#0059C5;
	text-decoration:none;
}

a.fuss:hover, a.fuss:active {
	color:#0059C5;
	background-color:#FFFFFF;
	text-decoration: none;
	border-top : 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}




.youarehere
{
	font-style : normal;
	color: #0059C5;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 10px;
	text-decoration : none;
}

A:link.youarehere, A:visited.youarehere 
{
	font-style : normal;
	color: #0059C5;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 10px;
	text-decoration : none;
}

A:hover.youarehere, A:active.youarehere 
{
	font-style : normal;
	color: #FFFFFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 10px;
	background-color:#0C4EA3;
/* OLD	background-color:#0081D3;     OLD */
	text-decoration: none;
	border-top : 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}

.borderyouarehere
{
	border-top : 1px #DEDFE1 solid;
	border-left : 1px #DEDFE1 solid;
	border-right : 1px #DEDFE1 solid;
	border-bottom: 1px #DEDFE1 solid;
/* 	padding: Top Rig Bot Left */	
	padding: 0px 0px 4px 0px;
}






A:link.more, A:visited.more 
{
	font-style : normal;
	color: #0059C5;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 11px;
	line-height : 15px;
	text-decoration : none;
}

A:hover.more, A:active.more 
{
	font-style : normal;
	color: #0081D3;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 11px;
	line-height : 15px;
	text-decoration : underline;
}



A:link.editorlink, A:visited.editorlink 
{
	font-style : normal;
	color: #0059C5;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 11px;
	line-height : 15px;
	text-decoration : none;
/*	
	border : 1px outset #0059C5;
	background : #9EBBE5;
*/		
}

A:hover.editorlink, A:active.editorlink 
{
	font-style : normal;
	color: #0081D3;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 11px;
	line-height : 15px;
	text-decoration : underline;
}



A:link.layer, A:visited.layer 
{
	font-style : normal;
	color: #000000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal 11px;
	line-height : 15px;
	text-decoration : none;
}

A:hover.layer, A:active.layer 
{
	font-style : normal;
	color: #0081D3;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font : normal;
	line-height : 15px;
	text-decoration : none;
}




/*      BORDER          */
/************************/


.border
{
	border-top : 1px #000000 solid;
	border-left : 1px #000000 solid;
	border-right : 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}


.bordertopbottom
{
	border-top : 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}

.borderpaddingtopbottom
{
	border-top : 1px #000000 solid;
	border-bottom: 1px #000000 solid;
/* 	padding: Top Rig Bot Left */
	padding: 10px 0px 10px 0px;
}


.bordertoppaddingtopbottom
{
	border-top : 1px #000000 solid;
/* 	padding: Top Rig Bot Left */
	padding: 10px 0px 10px 0px;
}


.borderpaddingtop
{
	border-top : 1px #000000 solid;
/* 	padding: Top Rig Bot Left */
	padding: 10px 0px 0px 0px;
}

.bordertop
{
	border-top : 1px #000000 solid;
}

.borderbottom
{
	border-bottom: 1px #000000 solid;
}

.borderbottom2
{
	border-bottom: 1px dotted #000000;
/* 	padding: Top Rig Bot Left */
	padding: 0px 0px 0px 0px;
}

.borderbottomgrey
{
	border-bottom: 1px solid #DEDFE1;
/* 	padding: Top Rig Bot Left */
	padding: 0px 0px 0px 0px;
}


.borderleftpaddingtopleft
{
	border-left: 1px solid #DEDFE1;
/* 	padding: Top Rig Bot Left */
	padding: 3px 0px 0px 5px;
}


.borderpaddingleft
{
	border-left: 1px solid #DEDFE1;
/* 	padding: Top Rig Bot Left */
	padding: 0px 0px 0px 5px;
}

.borderleftbottompaddingleftbottom
{
	border-left: 1px dotted #0059C5;
	border-bottom: 1px dotted #0059C5;
/* 	padding: Top Rig Bot Left */
	padding: 0px 0px 3px 5px;
}


.borderblack1
{
	border-top : 1px #000000 solid;
	border-left : 1px #000000 solid;
	border-right : 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}

.borderblue5
{
	border-top : 1px #0C4EA3 solid;
	border-left : 1px #0C4EA3 solid;
	border-right : 1px #0C4EA3 solid;
	border-bottom: 1px #0C4EA3 solid;
}






.imgborder1
{
	border-top : 0px #FFFFFF solid;
	border-left : 0px #FFFFFF solid;
	border-right : 14px #FFFFFF solid;
	border-bottom: 14px #FFFFFF solid;
}

.imgborder2
{
	border-top : 0px #FFFFFF solid;
	border-left : 14px #FFFFFF solid;
	border-right : 0px #FFFFFF solid;
	border-bottom: 14px #FFFFFF solid;
}







/*      PADDING  	*/
/************************/
/* 	padding: Top Rig Bot Left */


.padding2
{
	padding: 1px 1px 1px 1px;
}


.paddingleft5
{
	padding: 0px 0px 0px 5px;
}


.paddingleft10
{
	padding: 0px 0px 0px 10px;
}	
	
.paddingleft15
{
	padding: 0px 0px 0px 15px;
}

.paddingleftright30
{
	padding: 0px 30px 0px 30px;
}

.paddingnews 
{
	padding: 0px 15px 0px 15px;
}



BODY {
//    Background-Image: url(img/back.jpg); Background-Repeat: no-repeat;
/*	
	scrollbar-base-color : #000099; OLD Color
*/	
	scrollbar-base-color : #BAB9B9;  /* GRAU */
	scrollbar-arrow-color: #FFFFFF; /* Pfeil wenn aktiv */
	scrollbar-dark-shadow-color : white;
/*	scrollbar-face-color : #FF0000; ROT */
/*	scrollbar-face-color : #FFBD13; GELB */
	scrollbar-face-color : #BAB9B9; /* GRAU */
	scrollbar-shadow-color : #000000; /* Pfeil wenn passiv */
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3d-light-color : white;
	scrollbar-track-color: #BAB9B9;  /* GRAU */
}

BODY.popup {
//    Background-Image: url(img/back.jpg); Background-Repeat: no-repeat;
/*	
	scrollbar-base-color : #000099; OLD Color
*/	
	scrollbar-base-color : #0A51A4;  /* BLAU */
	scrollbar-arrow-color: #FFFFFF; /* Pfeil wenn aktiv */
	scrollbar-dark-shadow-color : white;
/*	scrollbar-face-color : #FF0000; ROT */
/*	scrollbar-face-color : #FFBD13; GELB */
	scrollbar-face-color : #0A51A4; /* BLAU */
	scrollbar-shadow-color : #000000; /* Pfeil wenn passiv */
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3d-light-color : white;
	scrollbar-track-color: #0A51A4; /* BLAU */
}




/*      unused  	*/
/*######################*/
/*
a.borderimg {
	border-style:solid;
	border-width:10px;
	border-color:#000000;
}

	
a.borderimg:link, a.borderimg:visited  { 
	border-style:solid;
	border-width:10px;
	border-color:#000000;
}

a.borderimg:hover, a.borderimg:active {
	border-style:solid;
	border-width:10px;
	border-color:#0059C5;
}
*/