/* CSS layout */
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{margin:0;padding 0}
/* Removes list-style from lists */
ol,ul{list-style:none}
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6{font-size:100%}
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal}
/* Removes table-style */
table{border-collapse:collapse;border-spacing:0}
/* Removes border from fieldset and img */
fieldset,img{border:0}
/* Left-aligns text in caption and th */
caption,th{text-align:left}
/* Removes quotation marks from q */
q:before, q:after{content:''}
span{border:0}
/*///* ------------------ Beginn der CSS-Styles ------------------------- */
*{margin:0}
/* html,body{height:100%} */
html, body {margin:0; padding:0; width:100%; height:100%;/*overflow:hidden*/}

body{font-size:0.8em;
	font-family: Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-weight:normal; 
	padding:0;margin:0
  background-color:#ffffff}
/* ----------wrapper zentriert das layout-------------- */
#hintergrund{width:100%;height:100%;text-align:center;z-index:1;position:absolute}
#IEcontainer{width:100%;height:100%;text-align:center;z-index:2;position:relative}
#wrapper{width:950px;height:720px;margin:0px}
/* ----------END wrapper zentriert das layout-------------- */
/* generelle Links */
a{text-decoration:none}
a:link{color:#ff3366}
a:visited{color:#ff3366}
a:hover{color:#000}
img{display:block;border: 0px;}
a img {text-decoration: none;border: 0 none;}
/* Bilder vorladen */
.hidepics{width:0px;height:0px;display:none}
.fueller img{display:block;border: 0px;position:absolute;/*left:593px*/right:0}

/* spezielle FONT-Groessen etc. */
h1{font-size:1em;color:#ff3366;font-weight:bold}
h3{color:#ccc}

/* ------------ start CONTENTAREA --------------------- */
#contentarea{/*width:100%;*/margin-left:50px;text-align:left}
/* ------------ start HEADER --------------------- */
#header{padding:35px 0 17px 6px}
/* ------------ start CONTENTAREA --------------------- */
#content{/*width:100%;*/padding:75px 6px 20px 6px;text-align:left}


/****************** TEXTE zweispaltig **************************/
#left{float:left;width:430px}
#right{padding:0;margin-left:430px;min-width:16em;
 /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
	text-align: right}
p{padding-bottom:12px;line-height:1.5}
/* ----------------- SONST NOCH - HOERPROBEN ----------------*/
#hoerproben{height:auto;width:auto;float:left;text-align:left}
#hoerproben .img{float:left; margin:0 10px 10px 10px}

/* --------start MainMenu navihorizontal ------------------ */

/* Bilder */ 
  
/* ul {width:600px;height:50px;margin:0;padding:0;border-top:1px solid #000;border-bottom:1px solid #000} */
ul#navihorizontal{width:900px;height:43px;margin:0;padding:0;border-bottom:1px solid #000;border-top:1px solid #000;}
ul#navihorizontal li{float:left;margin:0;padding:11px 12px 11px 8px;}
ul#navihorizontal li a{display:block;background:0 0 no-repeat transparent;/*width:80px;height:19px;*/margin:0;padding:0;}

ul#navihorizontal li.img1 a{width:62px;height:19px;background-image:url(../menue/buero.png);}
ul#navihorizontal li a.active:active{background-position:0 -19px;}


ul#navihorizontal li.img2 a{width:76px;height:19px;background-image:url(../menue/sowieso.png);}
ul#navihorizontal li.img3 a{width:67px;height:19px;background-image:url(../menue/kinderuni.png);}
ul#navihorizontal li.img4 a{width:77px;height:19px;background-image:url(../menue/sonst.png);}
ul#navihorizontal li.img5 a{width:79px;height:19px;background-image:url(../menue/vernetzung.png);}
ul#navihorizontal li.img6 a{width:56px;height:19px;background-image:url(../menue/kontakt.png);}
ul#navihorizontal li a:hover{background-position:0 -19px;}
ul#navihorizontal li a:active{background-position:0 -19px;}
ul#navihorizontal li a.active{background-position:0 -19px;}
/* ul#navihorizontal li a.current{cursor:default;background-position:0 -19px;} */
/* fuer IE <= 6 */
ul#navihorizontal li a.current:hover{background-position:0 -19px;}   
#navihorizontal li span{visibility:hidden}

/* --------start Menu  Footer ------------------ */
.footer{
	position: absolute;
}
ul#navifooter{width:900px;height:40px;margin-left:50px;margin-top:16px;padding:0;border-top:1px solid #000}
ul#navifooter.sonst{margin-left:0px}
ul#navifooter li{float:left;margin:0;padding:0 0 0 6px;}
ul#navifooter li a{display:block;background:0 0 no-repeat transparent;margin:0;padding:0;}

ul#navifooter li.imgimprint a{width:63px;height:15px;background-image:url(../menue/imprint.png);}
ul#navifooter li a.active:active{background-position:0 -15px;}

ul#navifooter li a:hover{background-position:0 -15px;}
ul#navifooter li a:active{background-position:0 -15px;}
ul#navifooter li a.active{background-position:0 -15px;}

/* fuer IE <= 6 */
ul#navifooter li a.current:hover{background-position:0 -15px;}   
#navifooter li span{visibility:hidden}
/* -------------- Image -------------- */
.leftImg img, .rightImg img, .firstImg img {width:270px;height:180px}
.leftImg {float:left;padding:0px 0 6px 39px;margin-bottom:10px}
.rightImg {float:right;padding:0px 39px 8px 0px;margin-bottom:10px}
.firstImg {float:left;padding:0px 0px 6px 0px;margin-bottom:10px}
.firstLineTop{padding-top:15px}
.allImages{height:1500px}
.imgFooter{line:1.5;padding-top:5px}