body { font: 11px Arial, Verdana, sans-serif; font-family: Arial, sans-serif; background: #000; }
a { outline: none; }

.invisible { display: none; }

h2 { color: #ffffff; font-size: 13px; margin-bottom: 15px; line-height: 1.2em; }
h3 { color: #ffffff; font-weight: bold; }

#background_overlay { background: transparent url('../images/overlay_bg.png'); width: 100%; height: 100%; z-index: 40; position: absolute; top: 0; left: 0;}

#bg div{position:absolute; width:200%; height:200%; top:-50%; left:-50%; z-index:1;}
#bg td{vertical-align:middle; text-align:center;  background:url(img/loading.gif) no-repeat center center;}
#bg img{min-height:50%; min-width:50%; margin:0 auto; display:block;}
html, body, #bg, #bg table, #bg td, #bg2, #bg2 table, #bg2 td{width:100%; height:100%; overflow:hidden;}

#bgslideshow { position: absolute; left: 0; top: 0; }
#bgslideshow img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

iframe{position: absolute; z-index: 1; top:0; left: 0; }


#wrapper { z-index: 9999; position: relative;}

	h1 a { display: block; text-indent: -9999px; position: absolute; left: 270px; top: 120px; width: 411px; height: 96px; background: transparent url('../images/logo.png') no-repeat scroll 0 0; z-index: 100; }

	#navMain { position: relative; top:15px; margin: 0 auto; width: 770px; overflow: hidden; }
	#navMain ul {  }
	#navMain ul li { float: left; }
	#navMain ul li a { position: relative; text-align: center; text-decoration: none; color: #fff; width: 96px; }
	#navMain ul li a:hover, #navMain ul li a.active {  }
	.ce_text{height: 280px; overflow: auto;}
	#navMain ul li.home a{ display: block; height: 75px; background: url(../tl_files/images/buttons/btn_startseite.png) center top no-repeat;}
	#navMain ul li.photostream a{ display: block; height: 75px; background: url(../tl_files/images/buttons/btn_photo.png) center top no-repeat;}
	#navMain ul li.konzept a{ display: block; height: 75px; background: url(../tl_files/images/buttons/btn_konzept.png) center top no-repeat;}
	#navMain ul li.standort a{ display: block; height: 75px; background: url(../tl_files/images/buttons/btn_atmo.png) center top no-repeat;}
	#navMain ul li.diekers a{ display: block; height: 75px; background: url(../tl_files/images/buttons/btn_diekers.png) center top no-repeat;}
	#navMain ul li.kontakt a{ display: block; height: 75px; background: url(../tl_files/images/buttons/btn_konzept.png) center top no-repeat;}
	#navMain ul li.jobs a{ display: block; height: 75px; background: url(../tl_files/images/buttons/btn_jobs.png) center top no-repeat;}
	#navMain ul li.laufen a{ display: block; height: 75px; background: url(../tl_files/images/buttons/btn_laufen.png) center top no-repeat;}
	#navMain ul li.event a{ display: block; height: 75px; background: url(../tl_files/images/buttons/btn_plain.png) center top no-repeat;}
	#navMain ul li a span{ display: block; position: absolute; bottom: 0; left: 0; text-align: center; width: 96px; color: #fff; text-decoration: none; cursor: pointer; }
	#navMain ul li a:hover span{color: #000;}
	#content { position: relative; }
	
	#main { background: transparent url('../images/content_bg.png') no-repeat scroll 0 0; position: relative; top: 100px; height: 430px; }
		#main #left, .photostream #main #center { padding-top: 55px; }
		#main #right, #main #center { padding-top: 90px; }
		#main p { line-height: 1.8em; color: #999999; margin-bottom: 15px; }
		#main strong { color: #ffffff; line-height: 1.8em; font-weight: bold; }
		#main a { line-height: 1.6em; }
		#main a, #footer a { color: #ffffff; text-decoration: none; }
		#main a:hover, #footer a:hover { text-decoration: underline; }
		
		#main #left .mod_article { overflow: hidden; }
		
		#main #right .ce_text { overflow-x: hidden; }
		
		#main #navSub { overflow: hidden; margin-bottom: 15px; }
		#main #navSub ul li { float: left; }
		#main #navSub ul li a { float: left; padding:0 25px; border-right: 1px solid #868686; font-size: 12px; line-height:13px; }
		#main #navSub ul li a.active { text-decoration: underline; }
		#main #navSub ul li a.first { padding-left: 0; }
		#main #navSub ul li a.last { border-right: none; padding-right: 0; }
		
		#main table { display: block; }
		#main table tr td { line-height: 1.8em; color: #999999; padding-right: 15px; }
		#main table tr td strong { font-weight: bold; }
		#main table tr td img { margin-bottom: 15px; border: 3px solid #333; }
		
		#main .image_container a:hover img { border: 3px solid #fff; }
		
		#main #laufen h3 { margin: 0 0 15px; }
		#main .ce_form {  }
		#main .ce_form p.error { margin: 0; color: #f00; }
		#main .ce_form label { display: block; color: #fff; line-height: 1.8em; }
		#main .ce_form input.text, #main .ce_form textarea { background: #333; padding: 3px; width: 100%; color: #999; }
		#main .ce_form input.submit { background: #fff; color: #000; margin-top: 5px; padding:3px 8px; }
		
		#main .ce_form #f2 label { display: block; width: 70px; float: left; line-height: 22px; }
		#main .ce_form #f2 input.text { width: 154px; margin: 0 0 10px; }
		#main .ce_form #f2 input.text.error { border: 1px dotted red; padding: 2px; }
		#main .ce_form #f2 .radio_container { clear: both; }
		#main .ce_form #f2 .radio_container span { display: block; }
		#main .ce_form #f2 .radio_container span label { display: inline; float: none; width: auto; }
		#main .ce_form #f2 p.error { display: none; }
		
		#main .mod_sns .item p.date { margin-bottom: 5px; }
		#main .mod_sns .item p.image { margin-bottom: 5px; }

		
		#main .ce_gallery table tr td { padding: 0 8px 8px 0; }
		#main .ce_gallery table tr td img { margin: 0; }
			
		#photostream { overflow-x: hidden; }
		#photostream .mod_sns p.pager { margin:0; }
		#photostream .mod_sns p.pager a { display: block; margin-top:160px;text-align:center; background: #ffffff; color: #000000; padding: 5px 0; }
	
		#kontakt_minimized a { position: fixed; bottom: 0; left: 300px; display: none; background: #555; color: #fff; z-index:9999; padding:5px 50px; text-decoration: none; }
		#kontakt_minimized a:hover { text-decoration: underline; }
		
		#minimize_kontakt a { line-height: 1.2em; }
		
		#fotos div.ce_gallery div.pagination {position: absolute; bottom: 0; right: 46px;}
		#fotos div.ce_gallery div.pagination p {float: left;margin-right: 15px;line-height:1.6em;}
		#fotos div.ce_gallery div.pagination ul {float: left;}
		#fotos div.ce_gallery div.pagination ul li {float: left;margin-left: 5px;}
		#fotos div.ce_gallery div.pagination ul li span.current {color: #fff; line-height: 1.6em;}
		
	#footer { position: relative; top: 75px; }
		#footer .alpha { color: #666; }
		#footer .alpha a { color: #999; }
		#footer .omega { color: #666; text-align: right; }
		
#colinet{}
#colinet .item{width: 230px; float: left; margin: 0 10px 0 0;}
#colinet .pager{float: left;}

input.submit { cursor: pointer; }

#main .pagination p { float: left; margin-right: 15px; }
#main .pagination ul { float: left; margin-right: 15px; }
#main .pagination li { float: left; margin-right: 10px; }
#main .pagination li a { line-height: 1.8em; }
#main .pagination li span { color: #fff; line-height: 1.8em; text-decoration: underline; }