/* CSS Document Josefine Merkatz */

body{
	background-color: #202020;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 16px;
	color: #FDFCFB;
	margin: 0;
	padding: 0;
	border-top-color: #F2770A;
	border-right-color: #F2770A;
	border-bottom-color: #F2770A;
	border-left-color: #F2770A;
	}

#root {
	width: 700px;
	height: 645px;
	border: 1px solid #999;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}
#content {
	float: left;
	width: 440px;
	height: 645px;
	border: 0px dashed green;
	font-size: 16px;
	}

#content span {
	padding-left: 10px;
	line-height: 20px;
	text-decoration: underline;
	}
		
#home_bild {
	float: left;
	width: 440px;
	height: 645px;
	background-image: url(../img/neu/home.jpg);
	background-repeat: no-repeat;
	border: 0px solid red;
	}
	
#theather_text {
	float: left;
	width: 440px;
	height: 645px;
	border: 0px solid red;
	}
	
#person_bild {
	width: 440px;
	height: 307px;
	background-image: url(../img/neu/person.jpg);
	background-repeat: no-repeat;
	}
	
#person_text {
	width: 440px;
	height: 292px;
	}
	
#steuerung {
	background-color: #494848;
	float: right;
	width: 260px;
	height: 645px;
	border: 0px dotted yellow;
	}
	
#logo {
	width: 260px;
	height: 156px;
	}
	
#navi {
	width: 260px;
	border: 0px solid blue;
	margin-left: -20px;
	}
	

ul {
	list-style: none;
	}
	
ul li {
	padding-bottom: 4px;
	}

li a {
	text-decoration: none;
	color: white;
	}
	
li a aktiv {
	color: F2770A;
	}

td {
	padding-left: 10px;
	
	}

a {
	color: F2770A;
	text-decoration: none;
	}
	
	
/*	
/////////////////////////////////////////////////////////  BILDER  ////////////////////////////////////////////////////////
*/

#mini_fotos {
	width: 260px;
	height: 104px;
	margin-top: 70px;
	margin-bottom: auto;
	border: 0px dotted white;
	}

#mini_1 {
	float: left;
	width: 64px;
	height: 90px;
	margin-top: 4px;
	margin-left: 5px;
	}

#mini_2 {
	float: left;
	width: 66px;
	height: 90px;
	margin-top: 4px;
	margin-left: 17px;
	background-position: center;
	}
	
#mini_3 {
	float: right;
	width: 64px;
	height: 90px;
	margin-top: 4px;
	margin-right: 5px;
	}	

.border_aktiv {
	border: 3px double #F2770A;
	}
	
.border_passiv {
	border: 3px double #494848;
	}
	
#bild_1 {
	float: left;
	width: 440px;
	height: 645px;
	background-image: url(../img/neu/bild_1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}
	
#bild_2 {
	float: left;
	width: 440px;
	height: 645px;
	background-image: url(../img/neu/bild_2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}

#bild_3 {
	float: left;
	width: 440px;
	height: 645px;
	background-image: url(../img/neu/bild_3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}

#theaterbilder_anatevka_2005 {
	width: 260px;
	height: 250px;
	background-image: url(../img/neu/anatevka_2005.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}

#theaterbilder_anat {
	width: 260px;
	height: 250px;
	background-image: url(../img/neu/anat.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}
#theaterbilder_drei{
	margin-left: auto;
	margin-right: auto;
	width: 185px;
	height: 250px;
	background-image: url(../img/neu/drei.jpg);
	background-repeat: no-repeat;
	border: 0px solid maroon;
	}
#theaterbilder_glaube {
	margin-left: auto;
	margin-right: auto;
	width: 177px;
	height: 250px;
	background-image: url(../img/neu/glaube.jpg);
	background-repeat: no-repeat;
	border: 0px solid maroon;
	}
#theaterbilder_kk {
	margin-left: auto;
	margin-right: auto;
	width: 189px;
	height: 250px;
	background-image: url(../img/neu/kk.jpg);
	background-repeat: no-repeat;
	border: 0px solid maroon;
	}	
#theaterbilder_mutter {
	width: 260px;
	height: 250px;
	background-image: url(../img/neu/mutter.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}
#theaterbilder_was {
	width: 260px;
	height: 250px;
	background-image: url(../img/neu/was.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}
#theaterbilder_zebr {
	margin-left: auto;
	margin-right: auto;
	width: 181px;
	height: 250px;
	background-image: url(../img/neu/zebr.jpg);
	background-repeat: no-repeat;
	border: 0px solid maroon;
	}

#btn_maulwurf {
	position: relative;
	width: 159px;
	height: 127px;
	margin: 473px -162px auto auto;
	background-image: url(../img/maulwurfbutton.jpg);
	background-repeat: no-repeat;
	border: 0px solid red;
	}
	
#btn_maulwurf a:link, #btn_maulwurf a:visited, #btn_maulwurf a:hover, #btn_maulwurf a:active {
	display: block;
	width: 159px;
	height: 127px;
	background-color: transparent;
	color: #000;
	}
 

#maulwurf_1{
	margin-left: auto;
	margin-right: auto;
	width: 199px;
	height: 250px;
	background-image: url(../img/maulwurf_1.jpg);
	background-repeat: no-repeat;
	border: 0px solid maroon;
	}
#maulwurf_2 {
	width: 260px;
	height: 195px;
	background-image: url(../img/maulwurf_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}

#maulwurf_3 {
	width: 260px;
	height: 195px;
	background-image: url(../img/maulwurf_3.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}

#maulwurf_4 {
	width: 260px;
	height: 195px;
	background-image: url(../img/maulwurf_4.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}
	
#maulwurf_1gr {
	width: 260px;
	height: 200px;
	background-image: url(../img/maulwurf_1gr.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	bottom: 0px;
	}
	
#maulwurf_2gr {
	width: 260px;
	height: 200px;
	background-image: url(../img/maulwurf_2gr.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}
	
#maulwurf_3gr {
	width: 260px;
	height: 200px;
	background-image: url(../img/maulwurf_3gr.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}	
	
#maulwurf_4gr {
	width: 260px;
	height: 200px;
	background-image: url(../img/maulwurf_5gr.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}

#maulwurf_logo {
	width: 260px;
	height: 200px;
	background-image: url(../img/maulwurfbutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}
		
#fernsehbilder {
	width: 260px;
	height: 250px;
	background-image: url(../img/neu/fernseh.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}


	
	
#rabe_logo {
	width: 260px;
	height: 200px;
	background-image: url(../img/rabebutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}
	
#grueff_logo {
	width: 260px;
	height: 200px;
	background-image: url(../img/grueffbutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}	


#privat_logo {
	width: 260px;
	height: 200px;
	background-image: url(../img/merkatz-rprivat.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}
	
	
	
	#rabe_1gr {
	width: 260px;
	height: 200px;
	background-image: url(../img/rabe_1gr.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	bottom: 0px;
	}
	
#rabe_2gr {
	width: 260px;
	height: 200px;
	background-image: url(../img/rabe_2gr.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}
	
#rabe_3gr {
	width: 260px;
	height: 200px;
	background-image: url(../img/rabe_3gr.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}	
	
#rabe_4gr {
	width: 260px;
	height: 200px;
	background-image: url(../img/rabe_5gr.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px solid maroon;
	}


.Stil8 {color: #FFFFFF}