/*Im Body jeder Site läuft ein jeweiliges Hintergrundbild "background-immage:… x-repeat" (fernes_bg.jpg, ect. ...)*/

body{
  font-family: Arial,Helvetica,sans-serif;
  background-position:top;
  background-repeat:repeat-x;
  background-color:#FFFFFF;
  font-size: 0.8em;
}



* {
	margin:0px;
	padding:0px;
}


img {
        border: none;
}

body.print {
  margin-left: 1em;
  background: #ffffff;
}

div.print {
  color: #000000;
  width: 550px;
}

.articletable {
  font-size: 1em;
  line-height: 1.6em;
}

.clear {
    clear:both;
}

.fehler {
  color: red;
  font-weight: bold;
}

.left {
  float:left;
}

.right {
  float:right;
}

.hidden {
  display: none;
}

.indent {
  padding-left: 15px;
}

/* Bildformatierung */

.AWimageleft { float:left; }
.AWimageright { float:right; }

.AWimagemarginleft { margin-left:6px; }
.AWimagemarginright { margin-right:6px; }
.AWimagemargincenter { margin:auto; }

div.AWimagebox { background: transparent; margin-top: 0.5em; margin-bottom: 10px;}

img.AWimage { border:0px; }

p.AWimagetext { background: #ffffff; padding-left: 6px; padding-right: 6px; margin-top:0px; margin-bottom:0px; }

span.AWimagetitle { font-weight:bold;display:block; }



/* Bildformatierungen zum Ueberschreiben */


.AWimageboxOverride { }

AWimageOverride {}

AWimagetextOverride {}

AWimagetitleOverride {}

AWimagedescOverride {}



/*Hintergrund Layout einbinden*/
.ground_div {
	width:916px;
	height:598px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}

.ground_image{
	width:916px;
	height:598px;
	border:0px;
}

.empf_p{
	font-family: Arial;
	font-size:14px;
 	color:#FFFFFF;
	position:absolute;
	left:576px;
	top:82px;
	z-index:2;
}

.sprache_ul{
	position:absolute;
	left:412px;
	top:10px;
	z-index:2;
}

.sprache_li{
  font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	float:left;
}

a.sprache_a{
  font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
}

.zertifikat_div{
	position:absolute;
	left:106px;
	top:560px;
	border-right: dotted #666666 1px;
	z-index:2;
	width:203px;
}

.zertifikat_img{
	width:199px;
	height:262px;
}
/*Menue einbinden*/
.menue_ul{
	position:absolute;
	left:111px;
	top:383px;
	z-index:2;
}

.menue_li{
	width:203px;
	height:31px;
}

.menue_ul li, .sprache_ul li{
	list-style-type:none;
}

/*Linkformatierung*/
a {
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

#main_div h1 {
  font-size: 1.4em;
  margin: 0.5em 0;
}

#main_div h2{
  font-size: 1.2em;
  margin: 0.5em 0;
}  

#main_div p {
  margin: 0.5em 0;
}

li.menue_li a {
	display:block;
	width:203px;
	height:31px;
	padding-left:27px;
	padding-top:4px;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background-repeat:no-repeat;
}


li.menue_li a.active,
li.menue_li a:hover {
	background-repeat:no-repeat;
}

#main_div {
	position:absolute;
	left:384px;
	top:158px;
	width:495px;
	height: 100%;
	z-index:2;
}



.player{
	width:385;
	height:280;
}
.hr_1{
	border: dashed #666666 1px;
	width:240px;
}

/* Header-Menü (Sprachen, "Wir empfehlen…"), verlinkt: Habe in der PSD-Datei "Myriad Pro" als Font genutzt,
wegen den Kryptischen Zeichen. Ist aber wohl keine Webschrift?*/

.header {
    font-family: Arial,Helvetica,sans-serif;
		font-size: 14px;
		font-style: normal;
		text-decoration: none;
		color: #ffffff;
}

/* Die Buttons (Berlin Döner, Fernes, City Frucht) im Header werden verlinkt mit entsprechender Seite*/

/* Der Inhaltsbereich ist optional auch zweispaltig nutzbar.
Sowie ein Bild eingefügt wird, läuft der Text daneben.*/

.inhalt {
  font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-style: normal;
	text-decoration: none;
	color: #666666;
}

/* Menü, verlinkt: Der jeweilige Font ändert sich nicht bei der Verlinkung.
Lediglich die Hintergrundfarbe!! (Siehe PSD, Menü: "over/on").
Menü muss erweiterbar sein. */

.berlindoener_menue {
    font-family: Arial,Helvetica,sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
}

.fernes_menue {
    font-family: Arial,Helvetica,sans-serif;
		font-size: 16px;
		font-style: normal;
		text-decoration: none;
		color: #660000;
}

.cityfrucht_menue {
    font-family: Arial,Helvetica,sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
}


/*Sämtliche Trennlinien*/

.line_zertifikate {
		border-right: dotted #666666 1px;
}

.line_inhalt {
		border-bottom: dotted #666666 1px;
}


/* Berlindoener */

body.berlindoener {
  background-image: url(berlindoener/bg.jpg);
}

body.berlindoener  #main_div.start {
  background-image: url(berlindoener/main_div_bg.jpg);
  background-repeat: no-repeat;
}

body.berlindoener  a:hover.menue_a{
background-image: url(berlindoener/menue_over.jpg);
}

body.berlindoener  a.menue_a{
	background-image: url(berlindoener/menue_out.jpg);
}

body.berlindoener #main_div a {
  color: #AE2400;
}

body.berlindoener li.menue_li a.active,
body.berlindoener li.menue_li a:hover  {
  background-image: url(berlindoener/menue_over.jpg);
}

body.berlindoener li.menue_li  a {
	background-image: url(berlindoener/menue_out.jpg);
}


/* Fer-Nes */

body.fernes {
  background-image: url(fernes/bg.jpg);
}

body.fernes  #main_div.start {
  background-image: url(fernes/main_div_bg.jpg);
  background-repeat: no-repeat;
}


body.fernes  li.menue_li a.active,
body.fernes  li.menue_li a:hover  {
  background-image: url(fernes/menue_over.jpg);
}

body.fernes  li.menue_li  a {
	background-image: url(fernes/menue_out.jpg);
}

body.fernes #main_div a {
  color: #F09D03;
}

/* cityfrucht */
body.cityfrucht {
  background-image: url(cityfrucht/bg.jpg);
}

body.cityfrucht  #main_div.start {
  background-image: url(cityfrucht/main_div_bg.jpg);
  background-repeat: no-repeat;
}

body.cityfrucht li.menue_li a.active,
body.cityfrucht li.menue_li a:hover  {
  background-image: url(cityfrucht/menue_over.jpg);
}

body.cityfrucht li.menue_li  a {
	background-image: url(cityfrucht/menue_out.jpg);
}

body.cityfrucht  #main_div a {
  color: #71A222;
}