/* @override 
	http://www.djermester-lindner.de/cms/assets/templates/djermester/css/screen.css
	http://djermester-lindner.de/cms/assets/templates/djermester/css/screen.css
*/



@import url(reset.css);
@import url(background.css);

/* Farben ----------------------

dunkelgrau: #444444;
mittelgrau: #555555;
hellbraun: #ccbfb6;
dunkleres Braun: #ada792;

------------------------------- */

html {
  -webkit-text-size-adjust: none;
}


@font-face {
    font-family: 'DroidSansRegular';
    src: url('webfonts/DroidSans-webfont.eot');
    src: url('webfonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/DroidSans-webfont.woff') format('woff'),
         url('webfonts/DroidSans-webfont.ttf') format('truetype'),
         url('webfonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('webfonts/DroidSans-Bold-webfont.eot');
    src: url('webfonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('webfonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('webfonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



#content h2 { 
	font-family: ClassicRound-Medium;
	font-weight: normal;
	font-style: normal;
	
}

@font-face {font-family: 'ClassicRound-Medium';src: url('webfonts/19058A_0.eot');src: url('webfonts/19058A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/19058A_0.woff') format('woff'),url('webfonts/19058A_0.ttf') format('truetype');}



body{
	font-family: 'DroidSansRegular', arial,sans-serif;
	line-height:14px;
	font-size:10px;

}

/* Header ----------------------------------------------------- */

.weiss{
	
	color:#fff;}

#header{
	width:  900px;
	height:  80px;
	position: absolute;
	left:  50%;
	top:  50%;
	margin-top:  -305px;
	margin-left: -450px;
}

#header h1{
	margin-left:  10px;
	display:  inline;
	color: #ccbfb6;
	font-size:  11pt;
	text-transform: uppercase;
}

#header h1.dunkel{
	color:  #444;
}


#header h2{
	margin-left:  10px;
	display:  inline;
	color: #ccbfb6;
	font-size:  9pt;
}

.headline{
	margin-top:  54px;
/* ausgeblendet */	
height:1px;
width:1px;
overflow:hidden;
}


a.logo{
	display:  block;
	background:  url(images/logo.png) top left no-repeat;
	width: 150px;
	height:  39px;
	position: absolute;
	right:  50%;
	top:  35px;
	margin-right:-450px;
	
}

a.dunkel{
	background:  url(images/logo_dunkel.png) top left no-repeat;
}
a.logo span{
	position: absolute;
	left:  -3434px;
	top:  -2233px;
	}

/* Bühne ----------------------------------------------------- */

#buehne{
	width:  900px;
	height:  390px;
	position: absolute;
	top:  50%;
	left:  50%;
	margin-left:  -450px;
	margin-top:  -225px;
}


.transparent{
	background:  transparent !important;
	width:  900px;
	height:  390px;
	position: absolute;
	top:  50%;
	left:  50%;
	margin-left:  -450px;
	margin-top:  -225px;
}

span.datum{
	display:  block;
}

.unsichtbar{
	display: none;
}

img.active{
	display:  block;
}

p.referenz{
	cursor: default;
}

/* Menü ----------------------------------------------------- */
#menu{
	width:  900px;
	position: absolute;
	bottom:  42px;
	left:  50%;
	margin-top: 165px;
	margin-left:  -450px;
	min-height:  25px;
	overflow:  visible;
	height:  75px;
	background:  transparent;
}

#menu ul, div.subsubmenu{
	width:  900px;
	min-height:  25px;
}

#menu ul, div.submenu{
	width:  900px;
	min-height:  25px;
	border-bottom: 1px solid #ccc;
}

#menu ul li{
		float:  left;
}

#menu ul li a{
	color: #fff;
	font-size:  13px;
	text-decoration: none;
	margin-right:  0px;
		padding:  5px 10px;
		display:  block;
	}
#menu ul li.active a{
	font-family:'DroidSansBold' , arial, sans-serif;  
	color:  #b8b8b8;
	
	

	}
	
	
#menu ul.menuone li.active a{
color: #fff;
font-family:'DroidSansBold' , arial, sans-serif;  
	background-color:#585857;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-top: 1px solid #b8b8b8;
	border-bottom: 1px solid #585857;
	border-radius: 5px  5px 0px 0px;
	-moz-border-radius: 5px  5px 0px 0px;
	-webkit-border-radius:  5px  5px 0px 0px;
margin-top:3px;
margin-left:4px;
line-height:11px;
}	

#menu ul.subsubmenu li a{
	font-weight:  normal;
	color: #ccc;
	}
#menu ul.subsubmenu li.active a{
	color:  #fff;
	font-family:'DroidSansBold' , arial, sans-serif;  

	
	}
#menu ul.submenu a{
color: #fff;
font-weight:  normal;
}
#menu ul.submenu li.active a{
color: #fff;
font-family:'DroidSansBold' , arial, sans-serif;  
	background-color:#2d2d2c;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-top: 1px solid #b8b8b8;
	border-bottom: 1px solid #2d2d2c;
	border-radius: 5px  5px 0px 0px;
	-moz-border-radius: 5px  5px 0px 0px;
	-webkit-border-radius:  5px  5px 0px 0px;
margin-top:3px;
line-height:11px;
margin-left:4px;
}

#menu ul li a:hover{
color:  #fff !important;
}

/* News ----------------------------------------------------- */

#news{
	width:  900px;
	position: absolute;
bottom:12px;
	left:  50%;
	margin-top: 200px;
	margin-left:  -450px;
	min-height:  60px;
	color:  #ada792;
	font-size:  13px;
	line-height:  18px;
	padding:  10px 0px;
}

#news .links{
	width:  430px;
	float:  left;
	margin:  0px 0px 0px 17px;
	border-right:  1px solid #ada792;
	display:  inline;
}

#news .rechts{
	width: 430px;
	margin:  0px 8px 0px 0px;
	float:  right;	
	display:  inline;
	}
#news{

}

#news h2 a{
	color: #ccbfb6;
	text-decoration: none;
	font-weight: bold;
	}
	
#news h2 a:hover{
	color:  #fff;
	}


/* Content ----------------------------------------------------- */

#buehne h2{
	color:  #fff;
	font-size:  16px;
	margin-bottom:  5px;
	line-height:  18px;
}

.contentlinks h3{
	color:  #fff;
	font-size:  16px;
	margin-bottom: 5px;
	margin-top: 10px;
	line-height:  18px;
}

#buehne p{
	margin-bottom:  8px;
}

#buehne a{
	color: #ccbfb6;
	text-decoration: none;
	font-weight:  bold;
}

#buehne a:hover{
	color:  #fff;
	}

.contentlinks, .contentmitte, .content, .contentlinksbreit{
	width:  260px;
	height:  390px;
	padding:  25px 30px;
	font-size:  13px;
	line-height:  15px;
	color:  #ccbfb6;
	float:  left;
	display:  inline;
}

.contentmitte{
	width: 390px;
	padding:  20px;
	background:  #555555;
	height:  310px;
	padding-right:  10px;
}

.spalten{
	width:  900px;
	height:  330px;
	color:  #fff;
	line-height: 1.1;
	position: absolute;
	left:  30px;
	top:  30px;
}

.column{
	padding-right:  24px;
	display:  inline;
	float:  left;
}

#content .last{
	padding-right:  0px;
}

.spalte{
	width:  420px;
	height:  330px;
	color:  #fff;
	line-height: 1.1;
	float:  left;
	font-size:  13px;
	line-height:  15px;
	margin: 20px 0px 0px 30px;
	display:  inline;
}

#buehne .spalten p, #buehne .spalte p{
	margin-bottom:  3px;
	}

.contentlinksbreit{
	width:  600px;
	height:  350px;
}

.spalten h2{
	margin-bottom: 10px;
	}

.spalte .zusatz{
	color:  #ccbfb6;
}

.team{
	padding-left:  20px;
	font-size:  13px;
	margin-bottom:  20px;
	line-height:  1.3;
}

#team {	
	width:  200px;
	height:  370px;
	float:  right;
	padding-top: 20px;
}

.impressum{
	overflow:  auto;
	width:  840px;
	height:  340px;
	line-height: 13pt;
	
}


a#impressum{
	color:  #ccc;
	text-decoration: none;
	font-size:  12px;
	position: absolute;
	bottom:99px;
	left:  50%;
	margin-left:  380px;
}


.impressum h3{
	color:  #fff;
	}

#team .team a{
	color:  #ada792;
	text-decoration: none;
	display:  block;
	font-weight: normal;
	
	background-repeat:no-repeat;
	background-position: top left;
	padding-left: 15px;
	margin-left:-15px;
}

#team .team a:hover{
	color: #333;
	}
#team .active a{
	color:  #000;
	
	background-repeat:no-repeat;
	background-position: top left;
	padding-left: 15px;
	margin-left:-15px;
}

.smaller{
	font-size:  0.85em;
}

#media.schmal{
	width:  240px;
	float:  right;
}

#media{
	float:  right;
}

.spalten #media, .spalte #media{
	position: absolute;
	bottom:  20px;
	left:  470px;
}

.referenzbild{
	position: absolute;
	bottom:  24px;
	left:  480px;
}

#submenu{
	width:  240px;
	float:  left;
	height:  390px;
	background:  #444444;
}
#submenu ul li{
	display:  inline;
	}
#submenu ul{
	margin-top:  60px;
	}
.menu-content-bild #content{
	padding-top:  60px;
}

#submenu a{
	display:  block;
	color: #ccbfb6;
	text-decoration: none;
	padding:  0px 15px;
	margin: 0px 15px;
	line-height: 30px;
	font-size: 13px;
}

#submenu a:hover{
	background: #555;
	}

#submenu li.active a{
	background:  #666;
	color: #fff;
font-family:'DroidSansBold' , arial, sans-serif;  
	}

/* Slideshow ----------------------------------------------------- */


#slideshow-manager{
	position: absolute;
	top:  20px;
	left:  20px;
	z-index:  2000;
}

.managecontainer{
	position: absolute;
	left:  0px;
	top:  0px;
	z-index:  500;
	width:  860px;
	padding:  20px;
	font-size:  14px;
	color:  #fff;
	background: #333;
}

.managecontainer a{
	color:  yellow;
	}

#buehne a.extlink{
	position: absolute;
	right:  20px;
	bottom:  17px;
	font-size:  12px;
	font-weight:  normal;
}

/* Kontakt ----------------------------------------------------- */

.formular div{
	float:  left;
	margin-bottom: 2px;
	margin-right:  10px;
}

.formular input, .formular select{
	background:  #fff;
	border:  none;
}
label{
	display:  block;
	font-size:  11px;
	line-height:  12px;
}

.anrede, .anrede input{
	width:  100px;
}

.vorname, .vorname input, .nachname, .nachname input{
	width:  140px;
}

.strasse, .strasse input, .ort, .ort input{
	width:  180px;
}


.firma, .firma input, .betreff, .betreff input, .nachricht, .nachricht textarea{
	width:  400px;
}

.plz, .plz input{
	width:  55px;
}

.telefon, .telefon input{
	width:  180px;
}

.email, .email input{
	width:  210px;
}
.formular textarea{
	height:  80px;
}
.spaltelinks{
	width:  400px;
	font-size:  12px;
	line-height:  1.3;
}
.borderoben{
	text-align:  right;
	margin-right:  45px;
}
.borderoben input{
	margin-top: 5px;
	}
div.links{
	width:  45%;
	float:  left;
}

div.rechts{
	width:  45%;
	float:  right;
}

.spalterechts{
	padding-top:  30px;
}

.spalterechts a{
	font-size:  12px;
	color: #ccbfb6;
	text-decoration: none;
	}
.spalterechts iframe{
	margin-bottom:  5px;
}

#film{
	margin:  20px;
	height:  350px;
	background:  #fff;
}

#film object{
	margin-top:  0px;
}