/*
============================================================
  PREGO CMS - Version 2.0 - 10.2008 

  Stadt Oelde CSS - Special Blue

  Copyright PRE Mediendesign, Pregodesign
============================================================
*/



body  {
	scrollbar-face-color: #01A0C8;		
	scrollbar-highlight-color: #01A0C8;
	scrollbar-shadow-color: #01A0C8;
	scrollbar-track-color: #01A0C8;
	scrollbar-3dlight-color: #001636;
	scrollbar-darkshadow-color: #001636;
	scrollbar-arrow-color: #001636;
	
}



#webaddition {
	color:#001636;
}

#webaddition a,
#webaddition a:link,
#webaddition a:visited {
	color:#001636; 
}




/*
############################################################
#   webnavigation (main navigation) 
############################################################
*/

#webnavigation li a,
#webnavigation li a:link,
#webnavigation li a:visited,
#webnavigation li a:hover,
#webnavigation li a:active,
#webnavigation li a:focus {
	color:#001636; 
	background: #01A0C8 none no-repeat;
}

#webnavigation li a.act,
#webnavigation li a.act:link,
#webnavigation li a.act:visited {
	color:#001636; 
	background: #01A0C8 none no-repeat;
}

#webnavigation li a.actpath,
#webnavigation li a.actpath:link,
#webnavigation li a.actpath:visited,
#webnavigation li a.actpath:hover,
#webnavigation li a.actpath:active,
#webnavigation li a.actpath:focus {
	color:#001636; 
	background: #01A0C8 none no-repeat;
}



/* Ebene 2 */

#webnavigation li li a,
#webnavigation li li a:link,
#webnavigation li li a:visited,
#webnavigation li li a:hover,
#webnavigation li li a:active,
#webnavigation li li a:focus {
	background: #41B8D6 url(../design/nav_blue_100.gif) repeat-y left top;
}

#webnavigation li li a.act,
#webnavigation li li a.act:link,
#webnavigation li li a.act:visited {
	background: #FFFFFF url(../design/nav_blue_100.gif) repeat-y left top;
} 

#webnavigation li li a.actpath,
#webnavigation li li a.actpath:link,
#webnavigation li li a.actpath:visited,
#webnavigation li li a.actpath:hover,
#webnavigation li li a.actpath:active,
#webnavigation li li a.actpath:focus {
	background: #41B8D6 url(../design/nav_blue_100.gif) repeat-y left top;
}


/* Ebene 3 */

#webnavigation li li li a,
#webnavigation li li li a:link,
#webnavigation li li li a:visited,
#webnavigation li li li a:hover,
#webnavigation li li li a:active,
#webnavigation li li li a:focus {
	background: #7ECFE4 url(../design/nav_blue_75.gif) repeat-y left top;
}

#webnavigation li li li a.act,
#webnavigation li li li a.act:link,
#webnavigation li li li a.act:visited {
	background: #FFFFFF url(../design/nav_blue_75.gif) repeat-y left top;
} 

#webnavigation li li li a.actpath,
#webnavigation li li li a.actpath:link,
#webnavigation li li li a.actpath:visited,
#webnavigation li li li a.actpath:hover,
#webnavigation li li li a.actpath:active,
#webnavigation li li li a.actpath:focus {
	background: #7ECFE4 url(../design/nav_blue_75.gif) repeat-y left top;
}


/* Ebene 4 */

#webnavigation li li li li a,
#webnavigation li li li li a:link,
#webnavigation li li li li a:visited,
#webnavigation li li li li a:hover,
#webnavigation li li li li a:active,
#webnavigation li li li li a:focus {
	background: #BFE7F1 url(../design/nav_blue_50.gif) repeat-y left top;
}

#webnavigation li li li li a.act,
#webnavigation li li li li a.act:link,
#webnavigation li li li li a.act:visited {
	background: #FFFFFF url(../design/nav_blue_50.gif) repeat-y left top;
}

#webnavigation li li li li a.actpath,
#webnavigation li li li li a.actpath:link,
#webnavigation li li li li a.actpath:visited,
#webnavigation li li li li a.actpath:hover,
#webnavigation li li li li a.actpath:active,
#webnavigation li li li li a.actpath:focus {
	background: #BFE7F1 url(../design/nav_blue_50.gif) repeat-y left top;
}


/* Ebene 5 */

#webnavigation li li li li li a,
#webnavigation li li li li li a:link,
#webnavigation li li li li li a:visited,
#webnavigation li li li li li a:hover,
#webnavigation li li li li li a:active,
#webnavigation li li li li li a:focus {
	background: #BFE7F1 url(../design/nav_blue_50.gif) repeat-y left top;
}

#webnavigation li li li li li a.act,
#webnavigation li li li li li a.act:link,
#webnavigation li li li li li a.act:visited {
	background: #FFFFFF url(../design/nav_blue_50.gif) repeat-y left top;
}

#webnavigation li li li li li a.actpath,
#webnavigation li li li li li a.actpath:link,
#webnavigation li li li li li a.actpath:visited,
#webnavigation li li li li li a.actpath:hover,
#webnavigation li li li li li a.actpath:active,
#webnavigation li li li li li a.actpath:focus {
	background: #BFE7F1 url(../design/nav_blue_50.gif) repeat-y left top;
}





/*
############################################################
#
#   webcontent (main page content)
#
############################################################
*/

h1 {
	background: transparent url(../design/nav_blue_100.gif) repeat-y left top;
}

h2 {
	background: #BFE7F1 url(../design/nav_blue_100.gif) repeat-y left top;
}

h3 {
	background: #BFE7F1 url(../design/nav_blue_100.gif) repeat-y left top;
}

h4 {
	background: #BFE7F1 url(../design/nav_blue_100.gif) repeat-y left top;
}

h5 {
	background: #BFE7F1 url(../design/nav_blue_100.gif) repeat-y left top;
}

/* links */
a {color:#017896;}

a:Visited {color:#017896;}
a:Active {color:#017896;}
a:Hover {color:#017896;}



/*
------------------------------------------------------------
    events definitions
*/

#eventsShowCalenderActual		{border:2px solid #01A0C8;}
#eventsShowCalenderActualDate	{border:2px solid #01A0C8;}





/*
############################################################
#
#   infoarea (infoarea on the right)
#
############################################################
*/

/* links */
#webinfoarea a {color:#005064;}
#webinfoarea a:Visited {color:#005064;}
#webinfoarea a:Active {color:#005064;}
#webinfoarea a:Hover {color:#005064;}



/*
------------------------------------------------------------
    events definitions
*/

#webinfoarea .eventsShowCalenderMonth a,
#webinfoarea .eventsShowCalenderMonth a:visited,
#webinfoarea .eventsShowCalenderMonth a:active, 	
#webinfoarea .eventsShowCalenderMonth a:hover		{color:#BEC5CD;}						
#webinfoarea .eventsShowCalenderLastNext a,
#webinfoarea .eventsShowCalenderLastNext a:visited,
#webinfoarea .eventsShowCalenderLastNext a:active, 	
#webinfoarea .eventsShowCalenderLastNext a:hover		{color:#BEC5CD;}

#eventsShowCalenderDate a,
#eventsShowCalenderDate a:visited,
#eventsShowCalenderDate a:active, 	
#eventsShowCalenderDate a:hover		{color:#001636;}
#eventsShowCalenderActualDate a,
#eventsShowCalenderActualDate a:visited,
#eventsShowCalenderActualDate a:active, 	
#eventsShowCalenderActualDate a:hover		{color:#001636;}