﻿/* CSS Document */

html, body { 
   background-color: #eae5d3;
   width: 100%;
   height: 100%;
   padding: 0; 
   margin: 0; 
   }

body, a, p, p.list, p.small, h1, h2, h3, h4 {
   font-family: Helvetica, Arial, sans-serif;
   }

p {
   line-height: 200%;
   margin-top: 0px;
   margin-right: 0px;
   margin-left: 0px;
   margin-bottom:5px;
   color: #696969;
   font-size: 11.5px;
   }
   
p.small {
   margin-top: 3px;
   margin-right: 0px;
   margin-left: 0px;
   margin-bottom:10px;
   padding-bottom:5px;
   line-height:120%;
   color: #696969;
   font-size: 10px;
   }
   
p.list {
   margin: 0px;
   color: #696969;
   font-size: 11px;
   float:right;
   }
   
h1, h2, h3, h4 {
   line-height: 150%;
   margin-right: 0px;
   margin-left: 0px;
   }
   
h1 {
   color: #003b7e;
   font-size: 16px;
   margin-top: 0px;
   margin-bottom:0px;
   }
   
h2 {
   color: 003b7e;
   font-size: 13px;
   margin-top: 5px;
   margin-bottom:5px;
   }
   
h3 {
   color: #696969;
   font-size: 11px;
   font-weight: bold;
   margin-top: 5px;
   margin-bottom:10px;
   }
   
h4 {
   color: #003b7e;
   font-size: 11px;
   font-weight: normal;
   margin-top: 5px;
   margin-bottom:5px;
   }
   
a, a:link, a:hover {
   text-decoration: none;
   color: #003b7e;
   font-size: 11px;
   font-weight: bold;
   margin-bottom: 5px;
   }

a.navi, a.left {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  color: #696969;
  }
	
ul {
    list-style-type: none;
	margin-bottom:5px;
    line-height: 200%;
	padding: 0;
	font-size: 11.5px;
	color: #696969;
	}
	
li {
    display: block;
	
	}
    
#header {
    width: 980px;
	margin: 0 auto;
	padding: 20px;
    background-image: url(gifs/schatten.gif);
	background-repeat: repeat-y;
    }
	
#logo {
    width: 313px;
    height: 136px;
	background-image: url(gifs/logo.gif);
	background-repeat: no-repeat;
	}
	
#navi {
    float: right;
	height: 30px;
	width: 592px;;
	margin-left: -80px;
	margin-top: -59px;
	border-bottom: 1px solid #dcdcda;
	background-color: #FFFFFF;
	
    }

#navi li {
    display: inline;
    line-height: 30px;
	}

#navi ul {
    list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
#navi a.navi {
    padding: 0 46px 0 0;
	margin: 0;
    }
	
#navi a.left {
    padding-right: 0;
	margin: 0;
	}
	
#balken {
    width: 100%;
	min-width: 1020px;
    height: 142px;
    background-color: #b8be43;
    background-image: url(gifs/balken.gif);
    background-position: top center;
    background-repeat: repeat-y;
	}
	
#collage {
    width: 980px;
    height: 142px;
	margin: 0 auto;
	background-image: url(gifs/collage.gif);
	background-repeat: no-repeat;
    }
	
#container {
    position: relative;
    min-height: 100%;
    width: 980px;
    margin: 0 auto;
	padding: 20px;
    background-image: url(gifs/schatten.gif);
	background-repeat: repeat-y;
    }
	
*html #container {
    height: 100%;
	}
	
#content {
    position: relative;
    height: 100%x;
    width: 550px;
    margin-left: 388px;
    margin-top: 22px;
	}
	
#footer {
    position: relative; 
	bottom: 0;
	margin: 0 auto;
	}
    
#navi2 {
    float:left;
    width: 238px;
    padding-top:: 0 0 0 0px;
	margin-left: 40px;
	margin-top: 10px;
    background-color: #FFFFFF; 
	border-top: 1px solid #dcdcda;
	}
	
#navi2 ul {
    list-style-type: none;
	margin: 0; 
	padding: 0;
	text-indent: 75px;
	}
	
#navi2 li {
    display: block;
	}
	
#navi2 li a {
    color: #003b7e;
	padding-left: 0px;
	}
     
.ueberblick {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/ueberblick.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.geschichten {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/geschichten.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.abschied {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/abschied.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}

.radiomann {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/radiomann.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}

.juergen {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/juergen.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.laufplaene {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/laufplan.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.siebzig {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/70er.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.achtzig {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/80er.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.neunzig {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/90er.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.zweitausend {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/2000er.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.sendungen {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/sendungen.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.stimmen {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/stimmen.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.jingles {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/jingles.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.news {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/news.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.guj {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/g_j.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.netradio {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/netradio.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.comedy {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/comedy.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.videos {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/videos.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.moderatoren {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/personen.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.berichte {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/berichte.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.danke {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/danke.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.wir {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/wir.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.feedback {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/feedback.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.links {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/links.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.gaestebuch {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/buch.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
.kontakt {
    display:block;
	width: 238px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:60px;
    background-image: url(gifs/berichte.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #dcdcda;
	}
	
    
	
