/*-----------------------------------------------------------------*/
/*-----------  Stylesheet der Sternfreunde Borken e.V.   ----------*/
/*-----------------------------------------------------------------*/

/*                         Blau = #003EA4                          */

/*-----------------------------------------------------------------*/
/*--------------------  Generelle HTML Styles   -------------------*/
/*-----------------------------------------------------------------*/


html, body, div, p, h1, h2, h3, h4, ul, ol, span, a, table, tr, td, th, form, img, li, input, textarea, select {
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: normal;
		  text-decoration: none;
		  color: #000000;
		  margin: 0px;
   		  padding: 0px; }
	
html, body	{ color: #333333;
		      line-height: 1.166; }
	
p		    { padding-bottom: 15px;}

a		    { color: #003EA4; text-decoration: none;}
a:link		{ color: #003EA4; text-decoration: none;}
a:visited	{ color: #003EA4; text-decoration: none;}
a:hover		{ color: #003EA4; text-decoration: underline; }
a:active	{ color: #003EA4; text-decoration: none;}

img		    { border: 1px solid #000000;
   		      padding: 0px; }

input		{ width: 140px; }

textarea	{ font-size: 11px; }

select		{ font-size: 10px;
		      width: 146px; }

table		{ border: 0px solid #ffffff; }

td		    { vertical-align: top; }


/*-----------------------------------------------------------------*/
/*-------------------------   Sektionen   -------------------------*/
/*-----------------------------------------------------------------*/


#HeadSection	{ position: absolute;
		  top: 0px;
		  left: 0px;
		  width: 801px;
		  height: 117px;
		  padding: 0px 0px 0px 0px;
		  margin: 0px 0px 0px 0px;
		  background-image: url(head.jpg);
		  background-repeat: no-repeat; }
          
#HeadSectionPrint	{ position: absolute;
		  top: 0px;
		  left: 0px;
		  width: 675px;
		  height: 117px;
		  padding: 0px 0px 0px 0px;
		  margin: 0px 0px 0px 0px;
		  background-image: url(headprint.jpg);
		  background-repeat: no-repeat; }

#MainSection	{ position: absolute;
		  top: -1px;
		  left: 0px;
		  margin: 0px;
		  padding: 0px;
		  width: 780px; }

#MainSectionPrint	{ position: absolute;
		  top: 115px;
		  left: 0px;
		  margin: 0px;
		  padding: 0px;
		  width: 645px; }
          

#MainBorder	{ float: left;
		  margin: 1px 0px 1px 0px;
		  padding: 0px 0px 20px 0px;
		  border-right: 1px solid #000000;
		  border-left: 1px solid #000000;
		  border-bottom: 1px solid #000000;
		  width: 780px; }
          
#MainBorderPrint	{ float: left;
		  margin: 1px 0px 1px 0px;
		  padding: 0px 0px 20px 0px;
		  border-right: 1px solid #000000;
		  border-left: 1px solid #000000;
		  border-bottom: 1px solid #000000;
		  width: 645px; }

#NavSection	{ left: 0px;
		  float: left;
		  margin: 2px 0px 0px 1px;
		  padding: 0px 0px 20px 0px;
		  width: 130px; }
		
#ContentSection{ float: left;
          margin: 20px 0px 15px 0px;
		  padding: 0px 15px 0px 15px;
 		  width: 610px;}
          
#ContentSectionSmall{
	float: left;
	margin: 20px 0px 15px 0px;
	padding: 0px 13px 0px 15px;
 	width: 420px;
    border-right: 1px dotted #AAAAAA;}
    
#ContentRight{
	float: left;
    margin: 20px 0px 15px 15px;
	width: 164px;
	text-align: left;}
    
#NewsBox{
	float: left;
	padding: 2px 0px 0px 0px;
	width: 164px;}

#NewsBoxText{
	float: left;
	padding: 3px;
	width: 164px;
	background-color: #E9E9E9;
	margin: 0px 0px 15px 0px;}

#NewsBoxHeadline{
	float: left;
	padding: 1px 3px 2px 3px;
	width: 164px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #003EA4;
	border-bottom: 1px solid #AAAAAA;}
	
#FootSection	{ float: left;
		  padding: 10px 0px 10px 0px;
		  margin: 0px 0px 0px 0px;
		  width: 780px;
		  color: #cccccc; }
          
#FootSectionPrint	{ float: left;
		  padding: 10px 0px 10px 0px;
		  margin: 0px 0px 0px 0px;
		  width: 645px;
		  color: #cccccc; }


/*-----------------------------------------------------------------*/
/*----------------------   Head-Navigator   -----------------------*/
/*-----------------------------------------------------------------*/


#HeadNav	{ position: absolute;
		  top: 95px;
		  bottom: 0px;
		  left: 0px;
		  margin: 0px 0px 0px 0px;
		  padding: 5px 0px 3px 148px; }
	
#HeadNav a 	{ padding: 2px 12px 2px 12px;
		  background-color: #ffffff;
		  border-top: 1px solid #000000;
		  border-left: 1px solid #000000;
		  border-right: 1px solid #000000; }
	
#HeadNav b 	{ padding: 4px 12px 3px 12px;
		  background-color: #ffffff;
		  border-top: 1px solid #000000;
		  border-bottom: 1px solid #ffffff;
		  border-left: 1px solid #000000;
		  border-right: 1px solid #000000; }
	
#HeadNav a:link, #HeadNav a:visited {
		  padding: 2px 12px 2px 12px;
		  color: #000000;
		  background-color: #ffffff;
		  border-top: 1px solid #000000;
		  border-left: 1px solid #000000;
		  border-right: 1px solid #000000; }

	
#HeadNav a:hover, #HeadNav a:active {
		  padding: 2px 12px 3px 12px;
		  color: #000000;
		  background-color: #ffffff;
		  text-decoration: none; 
		  border-top: 1px solid #000000;
		  border-bottom: 1px solid #ffffff;
		  border-left: 1px solid #000000;
		  border-right: 1px solid #000000; }


/*-----------------------------------------------------------------*/
/*-----------------   Main-Navigator Linkstyles   -----------------*/
/*-----------------------------------------------------------------*/


#NavSection ul a:link, #NavSection ul a:visited { display: block; }

#NavSection ul 					{ list-style: none; 
						  margin: 0; 
						  padding: 0; }

#DirectLinks ul a:link, #DirectLinks ul a:visited { display: block; }

#DirectLinks ul 				{ list-style: none; 
						  margin: 0;
						  padding: 0; }

/* 1px = hack to fix IE/Win's broken rendering of block-level anchors 	*/
/* in lists (ohne muss alles in eine zeile!) 				*/

#NavSection li 			{ border-bottom: 0px solid #003EA4; }
#MainNav li 			{ border-bottom: 0px solid #003EA4; }
#DirectLinks li 		{ border-bottom: 0px solid #003EA4; }

/* fix for Browsers that don't need the hack */

html>body #NavSection li 	{ border-bottom: none; }
html>body #MainNav li 		{ border-bottom: none; }
html>body #DirectLinks li 	{ border-bottom: none; }


/*-----------------------------------------------------------------*/
/*-------------------   Main-Navigator Styles   -------------------*/
/*-----------------------------------------------------------------*/


#MainNav	{ margin: 0px;
		  padding: 0px 0px 0px 0px;
		  color: #ffffff;
		  background-color: #003EA4;
		  font-size: 11px;
		  border-top: 12px solid #003EA4; 
		  border-bottom: 30px solid #CCCCCC;}
	
#MainNav p	{ color: #ffffff;
		  padding: 8px 4px 4px 4px;
		  font-size: 11px; 
		  font-weight: bold; }
	
#MainNav a 	{ display: block;
		  padding: 2px 2px 3px 10px;
		  color: #ffffff;
		  border-top: 1px solid #cccccc; }
	
#MainNav a:hover, #MainNav a:active {
		  color: #003EA4;
		  background-color: #ffffff;
		  text-decoration: none; }


	
#DirectLinks	{ margin: 0px;
		  padding: 0px;
		  color: #ffffff;
		  font-size: 11px; 
		  border-bottom: 20px solid #999999;}
	
#DirectLinks p	{ padding: 11px 4px 4px 4px;
		  color: #ffffff;
		  background-color: #999999;
		  font-size: 11px; 
		  font-weight: bold; }

#DirectLinks a 	{ padding: 2px 2px 3px 10px;
		  display: block;
		  color: #ffffff;
		  background-color: #999999;
		  border-top: 1px solid #cccccc;
		  font-size: 11px; }
	
#DirectLinks a:link, #DirectLinks a:visited {
		  display: block;
		  color: #ffffff;
		  font-size: 11px; }

#DirectLinks a:hover, #DirectLinks a:active {
		  color: #003EA4;
		  background-color: #ffffff;
		  text-decoration: none;
		  font-size: 11px; }


#DirectInfo	{ margin: 2px 0px 0px 0px;
		  padding: 5px 5px 5px 5px;
		  color: #000000;
		  font-size: 9px;
		  background-color: #ffffff;
		  border-top: 1px solid #000000;
		  border-bottom: 1px solid #000000;
		  border-left: 1px solid #000000;
		  border-right: 1px solid #000000;}
	
#DirectInfo td	{ padding: 0px;
		  color: #000000;
		  border: 0px;
		  font-size: 9px; }


#DirectSponsor	{ margin: 0px;
		  padding: 2px 0px 15px 0px;
		  color: #000000;
		  font-size: 9px;
		  background-color: #ffffff;}

#DirectSponsor img { margin: 0px;
		  padding: 0px;
		  border: 0px;}

#DirectSponsor a { padding: 0px;
		  color: #003EA4;
		  font-size: 9px; }
	
#DirectSponsor a:link, #DirectSponsor a:visited {
		  display: block;
		  color: #003EA4;
		  font-size: 9px; }

#DirectSponsor a:hover, #DirectSponsor a:active {
		  color: #003EA4;
		  background-color: #ffffff;
		  text-decoration: none;
		  font-size: 9px; }

#DirectWeather	{ margin: 2px 0px 0px 0px;
		  padding: 5px 2px 6px 4px;
		  color: #ffffff;
		  font-size: 9px;
          border: 1px solid #000000;
          text-align: center;}
          
#DirectWeather img { margin: 0px;
          float: none;
		  padding: 0px;
		  border: 0px; }

/*-----------------------------------------------------------------*/
/*------------------------   Page Styles   ------------------------*/
/*-----------------------------------------------------------------*/


/*------------------------   Text Styles   ------------------------*/

.general, .headline1, .headline2, .headline3, .footline {
		  font-size: 11px;
		  font-weight: normal;
		  color: #000000;
		  line-height: 150%; }

.right 		{ text-align: right; }
img.right	{ float: right; 
		  margin: 2px 0px 2px 8px; }

.left 		{ text-align: left; }
img.left	{ float: left; 
		  margin: 2px 8px 2px 0px; }

.center 	{ text-align: center; }
img.center	{ float: none;
		  margin: 2px 0px 2px 0px;}

/*---------------------   Headline Styles   ----------------------*/
          
.headline1 	{ padding-top: 10px;
		  padding-bottom: 10px;
		  font-size: 13px;
		  color: #003EA4;
		  font-weight: bold; }

.headline2 	{ padding-top: 10px;
		  padding-bottom: 6px;
		  font-size: 13px;
		  color: #003EA4;
		  font-weight: bold; }

.headline3 	{ padding-top: 5px;
		  padding-bottom: 2px;
		  font-weight: bold;
		  color: #003EA4; }
          
/*----------------------   Picture Styles   ----------------------*/

.picleft, .picright, .piccenter, .homepic {
              font-style: normal;
              font-weight: bold; 
              font-size: 10px;
              line-height: 1.3; 
              text-decoration: none; }
                
.picleft	{ float: left;
		  margin: 2px 8px 4px 0px; }  
          
.picright	{ float: right;
		  margin: 2px 0px 4px 8px; }
          
.piccenter	{ float: none;
              text-align: center;   
		  margin: 2px 0px 4px 0px; }

.homepic	{ float: left;
		  margin: 2px 0px 4px 0px; }
          
.newspic	{ float: left;
		  margin: 3px 8px 3px 1px; }

/*-----------------------   Foot Styles   ------------------------*/

.footline	{ font-size: 10px;
		  color: #999999;
		  padding: 2px 0px 6px 0px; }

p.footline	{ font-size: 10px;
		  padding: 1px 0px 0px 0px; }

img.footline	{ border: 0px; 
		  padding: -20px 0px 0px 0px; }

/*----------------------   Table Styles   ------------------------*/

.box		{ border: 1px solid #003EA4;
		  padding: 0px 0px 0px 0px;
		  margin: 0px 0px 10px 0px; }

.boxtitel	{ padding: 2px 4px 2px 4px;
		  margin: 0px;
		  color: #ffffff;
		  background-color: #003EA4;
		  font-weight: bold;
		  line-height: 100%; }
	
	
.boxcontent	{ padding: 2px 4px 2px 4px;
		  margin: 0px;
		  line-height: 130%; }

	
.boxfoot	{ padding: 6px 4px 2px 6px;
		  margin: 0px;
		  line-height: 100%;
		  text-align: right;
		  color: #003EA4;
		  font-weight: bold; }
          
/*------------------ Mond- / Wetter Info Styles ----------------- */

p.phase { font-size: 9px;
		  padding: 0px 0px 0px 0px;
		  text-decoration: underline; }

p.phasetext { font-size: 9px;
		  padding: 0px 0px 3px 0px; }

p.phasetextend { font-size: 9px;
		  padding: 0px 0px 0px 0px; }

p.moonphase { font-size: 9px;
		  font-weight: bold;
		  padding: 0px 0px 5px 0px; }
          
          
.weatherbox	{ color: #ffffff;
          background-color: #ffffff;
		  font-weight: normal;
		  font-size: 9px; 
          float: none;
          display: block;
          text-align: justify;
          border: 0px solid #ffffff;}

/*-----------------------   List Styles   ------------------------*/
          
.list		{ padding: 0px 0px 0px 20px;
		  margin: 5px 2px 5px 0px; }

img.list	{ float: left;
		  border: 0px; 
		  margin: 0px 8px 0px 0px; }