/****************************************************************************

				EMIL BERLINER STUDIOS
 				EBS Productions GmbH & Co. KG
				Berlin, Germany

 				CSS Stylesheet
 				Author: Daniel Kemper

/****************************************************************************/


/***	INHALTSVERZEICHNIS:		*********************************************/
/***	BODY: grauer Bereich ausserhalb des weissen Hintergrundes	*********/
/***	weisser Hintergrund Oberkante							*************/
/***	weisser Hintergrund Unterkante							*************/
/***	WEISS: weisser Hintergrund, alle Elemente ausser Fusszeile		*****/
/***	INDEX: zentrierter Inhalt	*****************************************/
/***	LINKS: linker Bereich: Logo, Navigation	*****************************/
/***	RECHTS: rechter Bereich: Header-Bilder, Haupttext	*****************/
/***	BOTTOM-NAVI: untere Navigationselemente: Impressum- u. Top-Link	*****/
/***	FUSSZEILE: Fusszeile	*********************************************/








/***	grauer Bereich ausserhalb des weissen Hintergrundes		*************/

body			{
				background-color:#EAEAEA;
				background-image:url(../img/bg/bg_body.png);
				background-repeat:repeat-x;
				text-align:center;
				margin:0px;
				min-width:40em;	/* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
				font-size:100.01%;
				}


/***	weisser Hintergrund Oberkante									*************/

div#bg_oberkante	{
				margin:0 auto;
				height:101px;
				width:950px;
				background-color:#FFFFFF;
				background-image:url(../img/bg/bg_oben.png);
				background-repeat:no-repeat;
				}

div#bg_oberkante .flagge_en
				{
				position:relative;
				margin-left:819px;
				margin-top:12px;
				}

div#bg_oberkante .flagge_de
				{
				position:relative;
				margin-left:10px;
				margin-top:12px;
				}

div#bg_oberkante img
				{
				border:0px;
				}



/***	weisser Hintergrund Unterkante									*************/

div#bg_unterkante	{
				margin:0 auto;
				height:40px;
				width:950px;
				background-color:#FFFFFF;
				background-image:url(../img/bg/bg_unten.png);
				background-repeat:no-repeat;
				}


/***	weisser Hintergrund Mitte, alle Elemente ausser Fusszeile		*************/

div#bg_mitte		{
				margin:0 auto;
				text-align:left;
				width:950px;
				background-color:#FFFFFF;
				background-image:url(../img/bg/bg_mitte.png);
				background-repeat:repeat-y;
				}



/***	zentrierter Inhalt (verwendet f. Index u. Browser)	*********************/

div#index
				{
				height:1100px;
				text-align:center;
				}

div#browser
				{
				height:600px;
				text-align:center;
				overflow:hidden;
				}

div#browser p
				{
				margin-bottom:50px;
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#999999;
				text-align:center;
				}

div#index p.sprache
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				text-transform:uppercase;
				text-shadow:#EEEEEE -1px 1px;
				margin-bottom:180px;
				}

div#index p.sprache a
				{
				color:#7D7D7D;
				text-decoration:none;
				padding:4px;
				text-shadow:#EEEEEE -1px 1px;
				}

div#index p.sprache a:hover
				{
				background-color:#F0F0F0;
				color:#000000;
				}

div#index p.copyright
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:10px;
				color:#999999;
				margin-bottom:40px;
				line-height:15px;
				}

div#browser ul
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#999999;
				margin-left:290px;
				padding:15px;
				text-decoration:none;
				list-style:none;
				}

div#browser li		{
				margin:30px;
				text-align:left;
				}

div#browser ul a
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#7D7D7D;
				padding:5px;
				text-decoration:none;
				}

div#browser ul a:hover
				{
				background-color:#F0F0F0;
				color:#000000;
				}

div#browser a
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#7D7D7D;
				padding:5px;
				text-decoration:none;
				}

div#browser a:hover
				{
				background-color:#F0F0F0;
				color:#000000;
				}

div#index img.logo
				{
				margin-top:150px;
				margin-bottom:50px;
				}




/***	linker Bereich: Logo, Navigation	*********************************/

div#links		{
				width:170px;
				float:left;
				display:inline; /* verhindert margin-left-Fehler im Internet Explorer 6 */
				/*margin-left:50px;*/
				border:0px dashed silver;
				}



/* ANFANG MENUELEISTE */

#menu {height:262px; width:170px; position:relative; margin-left:70px; margin-top:40px; text-transform:uppercase;}
#menu ul.level1 {margin:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; font:normal 12px Arial,verdana,sans-serif;}
#menu ul.level1 li {display:block; margin:0; list-style:none;}
#menu ul.level1 li.facebook {display:block; font-size:11px; margin-top:50px; list-style:none;}
#menu ul.level1 li.facebook img {margin-right:5px; vertical-align:bottom;}
#menu ul.level1 li img {border:0px;}

#menu ul.level2 {margin:0 0 18px 30px; list-style:none; white-space:nowrap; text-align:left; padding:0; font:normal 12px arial,verdana,sans-serif;}
#menu ul.level2 li {margin:0; padding:0; list-style:none;}

#menu ul.level1 li a {display:block; margin:12px 0 0 12px; padding:5px; border-left:5px solid #FFF; text-decoration:none; text-shadow:#F2F2F2 -1px 1px; color:#7D7D7D; }
#menu ul.level2 li a {display:block; margin:0 0 3px 0; padding:5px; border-left:5px solid #FFF; text-decoration:none; text-shadow:#F2F2F2 -1px 1px; color:#7D7D7D; }
#menu ul.level1 li a:hover {display:block; padding:5px; border-left:5px solid #E0E0E0; color:#7D7D7D; text-shadow:#EEEEEE -1px 1px;}
#menu ul.level1 li.facebook a:hover {display:block; padding:5px; border-left:5px solid #FFF; color:#7D7D7D; text-shadow:#EEEEEE -1px 1px;}
#menu ul.level2 li a:hover {display:block; padding:5px; border-left:5px solid #E0E0E0; color:#7D7D7D; text-shadow:#EEEEEE -1px 1px;}

#menu ul.level1 li span {display:block; margin:12px 12px 0 12px; padding:5px; border-left:5px solid #DB0132; font:normal 12px arial,verdana,sans-serif; text-shadow:#EEEEEE -1px 1px; color:#000; }
#menu ul.level1 li span.inaktiv {display:block; margin:12px 0 0 12px; padding:5px; border-left:5px solid #FFF; text-decoration:none; text-shadow:#F2F2F2 -1px 1px; color:#7D7D7D; }
#menu ul.level2 li span {display:block; margin:0 0 3px 0; padding:5px; border-left:5px solid #DB0132; font:normal 12px arial,verdana,sans-serif; text-shadow:#EEEEEE -1px 1px; color:#000; }
/* ENDE MENUELEISTE */






div#links p		{
				margin-top:0px;
				margin-left:75px;
				}



/***	rechter Bereich: Header-Bilder, Haupttext	*************************/

div#rechts
				{
				width:579px;
				margin-left:270px;
				margin-right:0px;
				border:0px dashed silver;
				}

div#rechts p
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#444444;
				line-height:18px;
				margin-bottom:15px;
				}

div#rechts p.teaser
				{
				width:573px;
				font-family:Arial,Verdana,sans-serif;
				font-size:14px;
				color:#222;
				font-weight:bold;
				line-height:18px;
				margin-top:32px;
				margin-bottom:20px;
				}

div#rechts p.text-bilder
				{
				float:right;
				background-color:#FFF;
				padding-left:15px;
				margin-left:15px;
				margin-top:32px;
				border-left:1px solid #EEE;
				}

div#rechts p.text-bilder_willkommen
				{
				float:right;
				background-color:#FFF;
				padding-left:15px;
				margin-left:15px;
				border-left:1px solid #EEE;
				}

div#rechts p.text-bilder img
				{
				padding:5px;
				border:1px solid #DDD;
				margin:0 6px 12px 6px;
				}

div#rechts p.text-bilder_willkommen img
				{
				padding:5px;
				border:1px solid #EEE;
				margin:0 6px 12px 6px;
				}

div#rechts p.text-bilder a:hover
				{
				background-color:#FFF;
				}

div#rechts p.text-bilder_willkommen a:hover
				{
				background-color:#FFF;
				}

div#rechts p.feedback
				{
				margin-top:70px;
				margin-bottom:300px;
				}

div#rechts p.team-unten
				{
				margin-top:30px;
				}

div#rechts p.kontakt
				{
				margin-top:30px;
				}

div#rechts p.clear-l5
				{
				height:5px;
				clear:left;
				}

div#rechts p.clear-r400
				{
				height:400px;
				clear:right;
				}

div#rechts p.clear-r200
				{
				height:200px;
				clear:right;
				}

div#rechts p.clear-r100
				{
				height:100px;
				clear:right;
				}

div#rechts p.clear-r0
				{
				height:0px;
				clear:right;
				}
				
div#rechts strong	{
				font-weight:bold;
				}

div#rechts img.headerbild
				{
				border:0px;
				padding:0px;
				margin-top:0px;
				margin-bottom:-5px;
				}

div#rechts img.projekt-bild
				{
				float:left;
				margin-top:30px;
				margin-right:15px;
				margin-bottom:10px;
				padding:3px;
				border:2px outset #FAFAFA;
				}

div#rechts img.chronik_thumb
				{
				float:left;
				padding:5px;
				border:1px solid #DDD;
				margin:0px 15px 12px 0px;
				}

div#rechts tr.chronik_bild img
				{
				float:left;
				padding:5px;
				border:1px solid #DDD;
				margin:0px 15px 12px 0px;
				}

div#rechts img.at
				{
				vertical-align:middle;
				}

div#rechts img.info
				{
				vertical-align:middle;
				margin-left:5px;
				}

.foto-link
				{
				width:200px;
				height:70px;
				display:block;
				border:1px outset #FAFAFA;
				}

.foto1
				{
				background:url(../img/kontakt/gm-thumbnail.jpg) no-repeat;
				}

.foto-link:hover
				{
				background-position: 0 -70px;
				border:1px inset #FAFAFA;
				}

div#rechts p.map
				{
				width:517px;
				height:300px;
				text-align:center;
				}

div#rechts h1.kontakt		{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#444444;
				font-weight:bold;
				margin-top:20px;
				}

div#rechts h1.balken
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#333;
				background:url(../img/bg/balken_bg.jpg) repeat-x;
				border:1px solid #EEE;
				padding:3px 3px 3px 10px;
				font-weight:normal;
				margin-top:32px;
				margin-bottom:17px;
				text-transform:uppercase;
				}

div#rechts h1.balken_team
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#999;
				background:url(../img/bg/balken_bg.jpg) repeat-x;
				border:1px solid #EEE;
				padding:3px 3px 3px 10px;
				font-weight:normal;
				margin-top:32px;
				margin-bottom:5px;
				}

div#rechts h1.balken_team strong
				{
				font-weight:normal;
				color:#333;
				text-transform:uppercase;
				}

div#rechts h1.chronik
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#555;
				background-color:#F5F5F5;
				border-top:1px solid #EEE;
				border-right:1px solid #EEE;
				border-bottom:0px;
				border-left:1px solid #EEE;
				padding:3px 3px 3px 10px;
				font-weight:normal;
				margin-top:32px;
				margin-bottom:0px;
				text-transform:uppercase;
				}

div#rechts h2.chronik
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:11px;
				color:#555;
				background-color:#F5F5F5;
				border-top:0px;
				border-right:1px solid #EEE;
				border-bottom:1px solid #EEE;
				border-left:1px solid #EEE;
				padding:3px 3px 3px 10px;
				font-weight:normal;
				margin-top:0px;
				margin-bottom:17px;
				text-transform:uppercase;
				}

div#rechts h2.chronik_credits
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:11px;
				color:#555;
				background-color:#F5F5F5;
				border:1px solid #EEE;
				padding:3px 3px 3px 10px;
				font-weight:normal;
				margin-top:20px;
				margin-bottom:17px;
				text-transform:uppercase;
				}


div#rechts a		{
				color:#444444;
				text-decoration:underline;
				}

div#rechts a:hover
				{
				background-color:#F0F0F0;
				color:#000000;
				}

div#rechts ul.aufnahmen
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				padding:0px;
				color:#777;
				line-height:18px;
				}

div#rechts ul.aufnahmen li
				{
				padding:5px;
				list-style:none;
				}

div#rechts ul.aufnahmen h2
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				padding:0px;
				margin:0px;
				font-weight:bold;
				color:#444;
				line-height:18px;
				}

div#rechts ul.audio
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				padding:3px;
				color:#777;
				line-height:18px;
				list-style:none;
				}

div#rechts ul.audio li
				{
				padding:3px;
				}

div#rechts ul.audio a
				{
				text-decoration:none;
				}

div#rechts ul.audio img
				{
				margin-right:3px;
				border:0px;
				}

div#rechts ul.equipment
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				padding:0px;
				color:#777;
				line-height:18px;
				}

div#rechts ul.equipment_left
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				padding:0px;
				color:#777;
				line-height:18px;
				float:left;
				margin-top:0px;
				margin-right:100px;
				}

div#rechts ul.equipment li
				{
				padding:5px;
				list-style:none;
				}

div#rechts ul.equipment_left li
				{
				padding:5px;
				list-style:none;
				}

div#rechts ul.equipment li ul
				{
				padding-left:0px;
				}

div#rechts ul.equipment_left li ul
				{
				padding-left:0px;
				}

div#rechts ul.equipment li ul li
				{
				padding:0px;
				list-style:none;
				}

div#rechts ul.equipment_left li ul li
				{
				padding:0px;
				list-style:none;
				}

div#rechts ul.equipment a
				{
				color:#777;
				text-decoration:none;
				}

div#rechts ul.equipment_left a
				{
				color:#777;
				text-decoration:none;
				}

div#rechts ul.sprungmarken
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#666;
				list-style:none;
				line-height:18px;
				padding-left:20px;
				padding-top:0px;
				margin-top:30px;
				}

div#rechts ul.sprungmarken li
				{
				padding:1px;
				}

div#rechts ul.sprungmarken a
				{
				text-decoration:none;
				}

div#rechts a.anchor
				{
				text-decoration:none;
				}
				
div#rechts ul.sprungmarken img
				{
				vertical-align:middle;
				}

div#rechts ul.chronik
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#444;
				line-height:18px;
				margin:40px 0px 30px 40px;
				}

div#rechts ul.chronik li
				{
				display:inline;
				padding:2px;
				list-style:none;
				}

div#rechts ul.chronik li a
				{
				padding:5px;
				text-decoration:none;
				border:1px solid #EEE;
				background:url(../img/bg/chronik_bg.jpg) repeat-x;
				}

div#rechts ul.chronik li a:hover
				{
				color:black;
				background:url(../img/bg/chronik_bg_hl.jpg) repeat-x;
				}

div#rechts ul.chronik li span
				{
				padding:5px;
				color:#333;
				border:1px solid #DB0132;
				}

div#rechts ul.chronik_credits
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#444;
				line-height:18px;
				margin-bottom:40px;
				}

div#rechts ul.chronik_credits li
				{
				list-style:square;
				padding:2px;
				}

div#rechts div.team-links
				{
				float:left;
				width:385px;
				}

div#rechts div.team-rechts
				{
				text-align:right;
				margin-top:20px;
				}

div#rechts div.team-rechts img
				{
				padding:5px;
				margin-left:15px;
				border:1px solid #EEE;
				}

div#rechts blockquote
				{
				font-style:italic;
				}

div#rechts table
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#444444;
				line-height:18px;
				margin-bottom:15px;
				}

div#rechts tr
				{
				vertical-align:top;
				}

div#rechts tr.chronik_bild
				{
				color:#999;
				vertical-align:bottom;
				}

div#rechts td	{
				padding:10px;
				}

div#rechts td span
				{
				font-style:italic;
				}

div#rechts td ul
				{
				margin-top:0px;
				margin-left:-40px;
				}

div#rechts td li
				{
				list-style:none;
				margin-bottom:8px;
				}

div#kontaktadresse
				{
				float:left;
				width:270px;
				}

div#gm-thumb
				{
				float:right;
				width:230px;
				}



	/* Kontaktformular (Anfang) */


div#rechts form	{
				clear:left;
				}

div#rechts fieldset
				{
				background-color:#F8F8F8;
				margin:20px 0px 0px 0px;
				padding:10px;
				width:500px;
				border:dotted 1px #9B3737;
				}

div#rechts legend
				{
				color:maroon;
				font-size:1em;
				margin:3px;
				padding:3px;
				}

div#rechts form input
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				background-color:#FFFFFF;
				}

input				{
				width:130px;
				float:left;
				margin:3px;
				padding:2px;
				border:solid 1px silver;
				display:block;
				}

div#rechts label	{
				color:#878787;
				font-weight:normal;
				text-align:right;
				width:80px;
				float:left;
				margin:3px;
				padding:2px;
				}

div#rechts form textarea
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				width:445px;
				height:190px;				
				margin:3px;
				padding:5px;
				border:solid 1px silver;
				background-color:#FFFFFF;
				}

div#rechts form p
				{
				clear:left;
				float:left;
				width:100%;
				margin:2px 2px 2px 0;
				padding:2px;
				}

div#rechts form	{
				font-size:0.9em;
				line-height:120%;
				width:30em;
				margin:1em;
				padding:1em;
				}

/*
.button-rot
				{
				font-size:0.9em;
				background-image:url(../img/form-button_rot.gif);
				background-repeat:no-repeat;
				background-attachment:scroll;
				width:70px;
				height:30px;
				margin:5px;
				cursor:pointer;
				}
*/

.button-gruen
				{
				font-size:0.9em;
				background-image:url(../img/form-button_gruen.gif);
				background-repeat:no-repeat;
				background-attachment:scroll;
				width:70px;
				height:30px;
				margin:5px;
				cursor:pointer;
				}

	/* Kontaktformular (Ende) */



div#rechts img.w3c-img1
				{
				border:0;
				width:88px;
				height:31px;
				float:left;
				margin-right:10px;
				}

div#rechts img.w3c-img2
				{
				border:0;
				width:88px;
				height:31px;
				}



/***	untere Navigationselemente: Impressum- u. Top-Link auf derselben Hoehe	*/

div#bottom-links
				{
				clear:both;
				width:170px;
				float:left;
				display:inline;
				margin-left:0px;
				border:0px silver dashed;
				}

div#bottom-links p
				{
				margin-top:70px;
				margin-left:82px;
				margin-bottom:15px;
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				text-transform:uppercase;
				text-align:left;
				white-space:nowrap;
				}

div#bottom-links a
				{
				color:#7D7D7D;
				padding:5px;
				border-left:5px solid #FFF;
				text-shadow:#F2F2F2 -1px 1px;
				text-decoration:none;
				}

div#bottom-links a:hover
				{
				border-left:5px solid #E0E0E0;
				color:#7D7D7D;
				text-shadow:#EEEEEE -1px 1px;
				}

div#bottom-rechts
				{
				margin-left:260px;
				border:0px silver dashed;
				}

div#bottom-rechts p
				{
				margin-top:70px;
				margin-bottom:15px;
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				text-transform:uppercase;
				text-align:left;
				}

div#bottom-rechts a
				{
				color:#7D7D7D;
				padding:5px;
				border-left:5px solid #FFF;
				text-shadow:#F2F2F2 -1px 1px;
				text-decoration:none;
				}

div#bottom-rechts a:hover
				{
				border-left:5px solid #E0E0E0;
				color:#7D7D7D;
				text-shadow:#EEEEEE -1px 1px;
				}



/***	Fusszeile	******************************************************/

div#fusszeile	{
				clear:both;
				margin-bottom:20px;
				font-family:Arial,Verdana,sans-serif;
				font-size:10px;
				color:#999999;
				line-height:15px;
				text-align:center;
				}