/*=====================================================
  Inhaltsverzeichnis
======================================================*/
/*
1.Allgemeine Definitionen
2.Seiten Container
3.Kopf-Container
4.Wrapper-Container 
4.Linke-Seite
5.Inhalts-Container
6.Rechte-Seite
7.Footer-Container
*/

/* ======= Allgemeine Definitionen ===================*/
* {
     margin:0;
     padding:0;
     border:0
}

body{
     background-color:#BDAEC6;
	 font:.9em/1.3em Georgia, Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 text-align:center;
	 }
/* ----- Hack f?r IE 7 aber nicht f?r Opera 5-9 ----- */
html*div#rightside {
   margin: 0 0 0 -0.5em;
   /* ----- Hack nicht f?r IE ab Version 7 und andere Browser ----- */
   _margin: 0 0 0 0;
   /* ----- Hacks nur f?r IE 5 Mac ----- */
   /*\*//*/
   margin: 0 0 0 0;
   /**/
} 
/* ======== Seiten-Container ========================*/
#container{
     width:760px;
	 /*height:250px;*/
	 background-color:#BDAEC6;
	 margin:0px auto;
	 padding:0px;
	 border:1px solid #000040;
	 text-align:left;
	 }
/* ======== Video-Container ========================*/
#videocontainer{
     width:800px;
	 /*height:250px;*/
	 background-color:#BDAEC6;
	 margin:0px auto;
	 padding:0px;
	 border:1px solid #000040;
	 text-align:left;
	 }

/* ======= Kopf Container =========================*/
#header{
    width:100%;
	height:200px;
	background-color:#BDAEC6;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	text-align:center;
	}
	
/* ====== Wrapper-Container =========================*/

#wrapper{
    width:760px;
	overflow:auto;
    background-color:#B298DC;
	/*background-image:url(siteimages/contentbackground.jpg);*/
	background-repeat:repeat-x;
	}

/* ====== Linke-Seite ============================*/
#leftside{
    float:left;
	width:145px;
	}

#leftside ul li {
    margin:10px 10px 0;
    line-height:22px;
    list-style:none;
    margin-bottom:2px;
    text-align:center;
}

#leftside ul li a {
    display:block;
    width:100%;
    color:#000000;
    text-decoration:none;
}

#leftside ul li a:hover {
    color:#ffffff;

}

#bannerleftside{
   margin:10px 20px 0px 5px;
   padding:0px;
   
   }
/* ====== Inhalts-Container =====================*/

#content{
    float:left;
	width:470px;
	
	margin:10px 0px 0px 0px;
	padding:0px;
	}
#content h1 {
   font-size: 1.3em;
   color:#000;
   margin-bottom:20px;
   border-bottom:1px solid #000;
}

#content h2 {
   font-size: 1.1em;
   margin:15px 0;
}
#bild{
    float: left;
   /*margin-left:1em;*/
   margin-right:1em;
  padding-top: 4px;
  }
#bild_02{
   clear:left;
    float:right;
   /*margin-left:1em;*/
   margin-right:1em;
  padding-top: 4px;
  }
 #textcontainer_01{
    width:460px;
	height:auto;
	margin:10px 0px 0px 0px;
	
	}
	
#textcontainer_01 h1{
   font-size: 1.0em;
   color:#000;
   margin-bottom:0px;
   border-bottom:0px;
	}
#weiter{
   width:460px;
	height:auto;
	margin:10px 0px 0px 0px;
	text-align:center;
}

/* ====== Rechte Seite =========================*/
#rightside{
    clear:right;
    float:left;
	width:145px;
	
	}
	
#rightside ul li {
    margin:10px 10px 0;
    line-height:22px;
    list-style:none;
    margin-bottom:2px;
    text-align:center;
}

#rightside ul li a {
    display:block;
    width:100%;
    color:#ffffff;
    text-decoration:none
}

#rightside ul li a:hover {
   color:#581328;
   
}
#bannerrightside{
   margin:10px 0px 0px 20px;
   padding:0px;
   
   }
/* ====== Footer-Container ====================*/

#footer{
    clear:left;
    background-color:#BDAEC6;
	height:300px;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	
	}
#footer a{
    color:#FFFFFF;
	text-decoration:none;
	}
#footer a:hover{
    color:#CCCCCC;
	text-decoration:none;
	}
/* ======== ENDE ============================*/

#partnerlinks {
    font:.9em/1.3em Georgia, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	}
#partnerlinks a{
    font:.9em/1.3em Georgia, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	}
#partnerlinks a:hover{
    font:.9em/1.3em Georgia, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	}