body {
    font: normal 100.01% Arial, Helvetica, Times, sans-serif;
    color: black; 
	background-color: #D1E0F1; 


/*
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	background-height:50px; 
	*/
	min-width: 50px; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  
  }

* html body {
    fon\t: normal 95.01%  Arial, Helvetica, Times, sans-serif;
	fon\t-weight: bold;
}

/* fixierter teil */
html {
    padding: 0;
  }

body {
    margin: 0; padding: 0;
  }


  #fixiert {
    position: absolute;
    top: 0px; left: 0px;
    width: 100%;
	height: 130px;
    background-color: #002451;
	background-image:url(Resources/header_img.jpg);
    border: none;
  }

  html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
  }

#fixiert img {
	position: absolute;
    top: 0px; left: 0px;
   }


#fixiert h1 {
	position: absolute;
    top: 10px; left: 215px;
	margin: 0; padding: 0;
	color:  #D1E0F1;
	font-size: 40px;
	width:800px;
	font-weight: normal;
	
   }

#fixiert h2 {
	position: absolute;
    top: 70px; left: 215px;
	margin: 0; padding: 0;
	color: #85BD74;
	font-size: 24px;
	
   }


/* ab hier entfernen */

#fixiert table.submenu {
	position: absolute;
    top: 105px; left: 215px;
	margin: 0; padding: 0;
	color: #85BD74;	
   }
#fixiert td.submenu {
	/* background-image:url(Resources/bt_pushed.gif); */
	padding-left: 0px;
   }


#fixiert a:visited.submenu, #fixiert a:hover.submenu, #fixiert a.submenu {
    color: #D1E0F1;
	font-size: 16px;
	font-weight: bold;
  }

/* pruefen ob es im explorer passt bevor es auf das netzt gestellt wird */

* html #fixiert table.submenu {
    to\p: -25px;
    lef\t: 215px;	
	fon\t-size: 16px;
	fon\t-weight: bold;
	margin: 0; padding: 0;
 }

/* evtl bis hier entfernen */

#fixiert p {
    position: absolute;
    top: 125px; left: 20px;
	margin: 0; padding: 0;
	color: yellow;
	font-size: 10px; 
	font-weight: normal;
 }

#fixiert a:visited.impressum, #fixiert a:hover.impressum, #fixiert a.impressum {
    color: #D1E0F1;
	font-size: 10px;
	font-weight: bold;
  }



#fixiert img.rfc {
	position: absolute;
    top: 350px; left: 0px;
   }

#fixiert p.besucher_text {
	position: absolute;
    top: 570px; left: 20px;
	color: #D1E0F1;
	font-style: italic;
	font-size: 0.7em;
	text-align: center;
   }


#fixiert p.besucher_counter {
	position: absolute;
    top: 595px; left: 28px;
	color: blue;
	font-style: italic;
	font-size: 1.0em;
   }




/* breite und aussehen der buttons im menue */

ul#Navigation {
	position: absolute;
    top: 130px; left: 0px;
    width: 200px;
	height: 500%;
    margin: 0; padding: 0;
    /* border: 1px solid black; */
    background-image:url(Resources/bg_leftmenu.gif);
  }



  ul#Navigation li {
   position: relative;
   top: 15px; left: 15px;
   list-style: none;	 /* gueltig fuer ganze liste */
   margin: 0px; padding: 0px;
  }


 ul#Navigation li ul {
    margin: 0px; padding: 0;
  }


  ul#Navigation li ul li {
    margin: 0px 0;
	
  }




/* aussehen der nicht gerueckten buttons */

  ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
    display:block;
	width: 110px;
	height: 25px;
    padding-top: 5px;
	padding-left:60px;
	text-align: left;
	margin:5px;
    text-decoration: none;
	font-weight: normal;
	font-size: 14px;
    border: none;
    /* border-left-color: #blue; */
	/* border-top-color: #green; */
    color: #D1E0F1; 
	background-color:transparent;
	background-image:url(Resources/bt_notselected.gif);
	background-repeat:no-repeat;
	
  }

* html ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
	fon\t-weight: bold;
}
/* aussehen wenn mauszeiger ueber den buttons */

  ul#Navigation a:hover {
    display:block;
	width: 110px;
	height: 25px;
    padding-top: 5px;
	padding-left:60px;
	text-align: left;
	margin:5px;
    text-decoration: none;
	font-weight: normal;
	font-size: 14px;
    border: none;
    border-left-color: #blue;
	border-top-color: #green;
    color: #D1E0F1; 
	background-color: transparent;
	background-image:url(Resources/bt_notselected.gif); 
	background-repeat:no-repeat;   }

* html ul#Navigation a:hover {
	fon\t-weight: bold;
}

ul#Navigation a:active {
    display:block;
	width: 110px;
	height: 25px;
    padding-top: 5px;
	padding-left:60px;
	text-align: left;
	margin:5px;
    text-decoration: none;
	font-weight: normal;
	font-size: 14px;
    border: none;
    border-left-color: #blue;
	border-top-color: #green;
    color: white; 
	background-color: transparent;
	background-image:url(Resources/bt_pushed.gif);
	background-repeat:no-repeat;   }


* html ul#Navigation a:active {
	fon\t-weight: bold;
}

/* aussehen der bereits ausgewaehlten buttons */
 
 ul#Navigation span{	
	display:block;
	width: 110px;
	height: 25px;
    padding-top: 5px;
	padding-left:60px;
	text-align: left;
	margin:5px;
    text-decoration: none;
	font-weight: normal;
	font-size: 14px;
    border: none;
    /* border-left-color: #blue; */
	/* border-top-color: #green; */
    color: black; 
	background-color: transparent;
	background-image:url(Resources/bt_selected.gif);
	background-repeat:no-repeat;  

  }

* html ul#Navigation span {
	fon\t-weight: bold;	
}

/* aussehen der bereits ausgewaehlten buttons */
 
 ul#Navigation span2{	
	display:block;
	width: 110px;
	height: 25px;
    padding-top: 5px;
	padding-left:60px;
	text-align: left;
	margin:5px;
    text-decoration: none;
	font-weight: normal;
	font-size: 14px;
    border: none;
    /* border-left-color: #blue; */
	/* border-top-color: #green; */
    color: black; 
	background-color: transparent;
	background-image:url(Resources/bt_news.gif);
	background-repeat:no-repeat;  

  }

* html ul#Navigation span2 {
	fon\t-weight: bold;	
}

ul#Navigation img.fish{
	position: absolute;
    top: 6px;
    left: 20px;
	/* width: 35px; */
 }

* html ul#Navigation img.fish{

    to\p: 6px;
    lef\t: 15px;
	/* widt\h: 37px; */
 }

  ul#Navigation h2 {
    font-size: 15px;
    margin: 25px 0 0;
    border-color: gray;
    color: black; background-color: #eee;
  }



 /* scrollbereich allgemein */

#Scrollbereich table { width:100%;  background-color:#D1E0F1;}

#Scrollbereich td.header {
	border:0px solid #000;
	vertical-align:top; 
	overflow:hidden; 
	height:130px;
	
}



/* inhalt ... */

#Inhalt table{

 background-color:transparent;
 background-image:url(Resources/wellenfond.gif);
 padding: 5px;
 border: 0px solid #000;
 }

#Inhalt th{
 border:1px solid transparent;
 border-bottom-color: blue; 
 vertical-align:top; 
 text-align:left;
 overflow:hidden; 
 font-size: 1.5em; 
 }

* html #Inhalt th{
 borde\r:1px solid transparent;
 borde\r-bottom-color: blue;
 borde\r-top: none;
 borde\r-left: none;
 borde\r-right: none; 
 }



#Inhalt td{
border:0px solid #000;
vertical-align:top;
overflow:hidden;
height: 0px; 
 }

#Inhalt h2{
 font-size: 1.3em;

 }

#Inhalt p{
 font-size: 1.2em;

 }

#InnerTable table{
width:700px;
background-image:none;
background-color:transparent; 
 }

#InnerTable td{
border:0px solid #002451;
vertical-align:top; overflow:hidden;
font-size: 1.1em;
 }

#InnerTable td.pics{
border:0px solid #000;
vertical-align:middle; overflow:hidden;
text-align:center;
font-size: 0.8em;
 }

#InnerTable td.resizepics{
border:0px solid #000;
vertical-align:bottom; overflow:hidden;
text-align:center;
 }

#InnerTable td.logo{
width:200px;
height:100px;
border:0px solid #000;
vertical-align:middle; 
overflow:hidden;
text-align:center;
 }

#InnerTable table.spam{
width:300px;
height:100px;
border:1px solid blue;
vertical-align:middle; 
overflow:hidden;
text-align:center;
 }

#InnerTable td.spam{
width:60px;
height:50px;
border:1px solid red;
vertical-align:middle; 
overflow:hidden;
text-align:center;
 }

#InnerTable ul{
font-size: 0.9em;
 }



/* ansicht popup */

#NewsPopup h1{
font-size: 1.1em;
}

#NewsPopup h2{
font-size: 0.7em;
}

#NewsPopup table{
width:375px;
border: none;
background-image:none;
background-color:#002451; 
 }

#NewsPopup th{
border:0px solid transparent;
vertical-align:top;
overflow:hidden;
background-color: red;
padding: 5px;
color:#002451;
font-size: 0.9em;
 }

#NewsPopup th.datumnews{
border:0px solid transparent;
color: #D1E0F1;
font-size: 0.7em;
 }


#AngebotePopup table{
width:375px;
border: none;
background-image:none;
background-color:#002451; 
 }

#AngebotePopup th{
border:transparent;
vertical-align:top;
overflow:hidden;
background-color: #FAD713;
padding: 5px;
color:#000;
font-size: 0.9em;
 }



#AngebotePopup th.datumangebote{
color: green;
font-size: 0.7em;
 }

#NeueFaengePopup table{
width:375px;
border: none;
background-image:none;
background-color:#002451; 
 }

#NeueFaengePopup th{
border:transparent;
vertical-align:top;
overflow:hidden;
background-color: #85BD74;
padding: 5px;
color:#000;
font-size: 0.9em;
 }



#NeueFaengePopup th.datumangebote{
color: blue;
font-size: 0.7em;
 }


/* ende popup */


/* config der NEWS ansicht */

#News table{
width:600px;
border: none;
background-image:none;
background-color:#002451; 
 }

#News th{
border:none;
vertical-align:top;
overflow:hidden;
background-color: red;
padding: 5px;
color:#002451;
 }


#News th.datumnews{
border:0px solid transparent;
color: #D1E0F1;
font-size: 1.0em;
 }

#News td{
border:0px solid #002451;
vertical-align:top; overflow:hidden;
color: #FFF;
padding: 10px;
 }

#News td.footernews{
hight:25px;
align: bottom;
color: yellow;
padding: 5px;
font-size: 0.7em;
text-align:center;
 }

#News table.spare{
border:0px;
background-image:none;
background-color:transparent;
height: 50px;
color:#002451;
 }

#News td.spare{
color:#002451;
 }

/* ende config NEWS ansicht */



/* ansicht der ANGEBOTE */

#Angebote table{
width:600px;
border: none;
background-image:none;
background-color: #002451;
 
 }

#Angebote th{
border:none;
vertical-align:top;
overflow:hidden;
background-color: #FAD713;
padding: 5px;
color:#000;
 }

#Angebote th.datumangebote{
border:0px solid transparent;
color: green;
font-size: 1.0em;
 }

#Angebote td{
border:0px solid #002451;
vertical-align:top; overflow:hidden;
color: #FFF;
padding: 10px;
 }

#Angebote td.footerangebote{
hight:25px;
align: bottom;
color: green;
padding: 5px;
font-size: 0.7em;
text-align:center;
 }

#Angebote table.spare{
border:0px;
background-image:none;
background-color:transparent;
height: 50px;
color:#002451;
 }

#Angebote td.spare{
color:#002451;
 }


/* ende ansicht der ANGEBOTE */

/* anfang ansicht Faenge */

#Faenge table{
width:600px;
border: 2px solid #002451;
background-image:none;
background-color: #85BD74; 
 }

#Faenge th{
border:2px solid transparent;
border-bottom-color: blue;
vertical-align:top;
overflow:hidden;
background-color: transparent;
padding: 5px;
color:#000;
text-align:center;
 }

#Faenge td.zoomfaenge{
border:0px solid transparent;
color: #000;
font-size: 0.7em;
text-align: center;
 }

#Faenge td{
border:0px solid #002451;
vertical-align:top; overflow:hidden;
color: #000;
padding: 10px;
 }

#Faenge td.footerfaenge{
hight:25px;
align: bottom;
color: green;
padding: 5px;
font-size: 0.7em;
text-align:left;
 }

#Faenge table.spare{
border:0px;
background-image:none;
background-color:transparent;
height: 50px;
color:#002451;
 }

#Faenge td.spare{
color:#002451;
 }

/* ende ansicht faenge */


#laden_offen table{
width:800;
color:#D1E0F1;
border:1px solid#000;
background-image:none;
background-color:#002451; 
 }

#laden_offen td.day_time{
color:#002451;
font-size: 1.0em;
padding:5px;
border:0px solid #002451;
vertical-align:center; overflow:hidden;
border:1px solid #D1E0F1;
background-color:#D1E0F1;
 }


#laden_offen .zeitraum{
font-size: 0.8em;
font-style:italic;
color: red;
border:0px solid #002451;
vertical-align:center; overflow:hidden;
 }

#laden_offen th{
font-size: 1.2em;
border:0px solid #002451;
vertical-align:top; overflow:hidden;
 }

* html #laden_offen th{
 border:0px solid transparent;

}
#laden_offen th.header{
 border:1px solid transparent;
 /*border-bottom-color: blue; */
 vertical-align:top; 
 text-align:left;
 overflow:hidden; 
 font-size: 1.5em; 
 color:#002451;
 background-color:#D1E0F1;
 }

.faengename {
 color:blue;
font-style: italic;
}

#Preview table {

    background-color: no;
    width: 650px;
	font-size: 15px;
	table-layout:fixed;
    border-style: solid;	
	border-color:black;
	border-left-color:silver;
	border-top-color:silver;
	border-width:2px;
	text-align:center;
	/* background-image: url(Resources/backgroundtext.gif); */
  	}

#Preview tr {
    font: normal 100.01% Times, Helvetica, Arial,  sans-serif;
    margin: 10px;
    color: #00007a;
    border-style: solid;
	/* border-color:blue; */
	border-width:1px;
    }



#Preview th {
    font: normal 100.01% Times, Helvetica, Arial,  sans-serif;
	font-size: 22px;
    margin: 10px;
    color: #00007a;
    border-bottom: 1px solid silver;
   }

#Preview td.preview_pic {
    font: normal 100.01% Times, Helvetica, Arial,  sans-serif;
    font-size: 15px;
    margin: 10px;
    color: #00007a;
    width: 200px;
    border-style: solid;
	border-color:silver;
	border-left-color:black;
	border-top-color:black;
	border-width:1px;
}


#Inhalt td.preview_picname {
    font: normal 100.01% Times, Helvetica, Arial,  sans-serif;
    font-size: 15px;
    margin: 10px;
    color: #00007a;
    width: 200px;
    border-style: no;
	/* border-color:blue; */
	border-width:1px;
}


  * html #Inhalt td.preview_picname {  
	border-color:red;		 /* Korrektur fuer IE 5.x */
    border-co\lor:red;		 /* Korrektur fuer IE 6.x */
	border-color:red;		 /* Korrektur fuer IE 5.x */
    border-co\lor:red;		 /* Korrektur fuer IE 6.x */
}

 #Inhalt a.preview_picname {
    font-size: 11px;
	color: no;
	text-decoration : none;
    }

#Inhalt a.preview_picname:visited {
    font-size: 11px;
	color: no;
	text-decoration : none;
    }

#Inhalt a.preview_picname:hover {
    font-size: 11px;
	color: no;
	text-decoration : none;
    }