@charset "UTF-8";
/* CSS Document */

html {height:100%;width:100%;
 }


body {
  padding:0px 0px 0px 0px;
  height:100%;
  margin:0px;
  color: #555;
  font-size:11px;
  line-height:16px;
  font-family: "Century Gothic", sans-serif;
  overflow:auto; background:#2b1d0b url(../images/content_bg.jpg) center -50px no-repeat; 
}


/* a Formatierungen */

a {color:#d0001d;}

a.more {float:right;color:#dc1114;text-decoration:none;}
img {border:none;}


a.on_off {background:url(../images/on_off.png);filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;position: absolute;right:20px;bottom:-3px;z-index:50000000;width:207px;height:126px;}

a.on_off strong {display:none;}

a.on_off:hover {background:url(../images/on_off.png) 0px 0px;filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.0;}



a.on_off_film {background:url(../images/on_off_film.png);filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;position: absolute;right:20px;bottom:-3px;z-index:50000000;width:207px;height:126px;}

a.on_off_film strong {display:none;}

a.on_off_film:hover {background:url(../images/on_off_film.png) 0px 2px;filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.0;}


a.seiten-navi {position: fixed;right:20px;bottom:-10px;background:url(../images/seite01.png) no-repeat; width:286px;height:82px;}
a.seiten-navi strong {display:none;}

a.seiten-navi02 {position: fixed;right:20px;bottom:-10px;background:url(../images/seite02.png) no-repeat; width:286px;height:82px;}
a.seiten-navi02 strong {display:none;}

h1, h2, h3, h4, li { font-family: "Century Gothic", sans-serif; }

h2 {color:#666;line-height:20px;text-transform:uppercase;margin:20px 0px 10px 0px;}


/* p Formatierungen */

p {padding:0px 10px 0px 0px;}

.special_bereich {font-size:14px;color:#a6a6a6;padding:10px 0px 0px 0px;}


.headline {bottom:24px;position: relative;text-align:center;z-index:8000;width:100%;}


#cnt_text_standard {position:absolute;z-index:10000;width:796px;height:456px;margin:0px 0px 0px 130px;background: url(../images/leistungen_bg.png) 80px center no-repeat;}


#cnt_text {width:904px;height:636px;margin:0px 0px 0px 0px;background: url(../images/cnt_text.png) no-repeat;}

 img.btn_link {margin:630px 0px 0px -150px;position: absolute;z-index:0;}
#cnt_text img.btn_link_2 {
	margin:470px 0px 0px 130px;
	position: absolute;
	z-index:0;
	left: 56px;
}

#logo img.btn_link_3{
	margin:0px auto;
	position: relative;
	left:110px;
	z-index:0;
}

#flash {margin:0px 0px 0px 470px;position: absolute;z-index:10000;top:0px;width:470px;}
#flash img {margin:0px 0px 0px 400px;}
#start_film {width:450px;height:250px;top:-240px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}


/*** FILM ***/

/* the overlayed element */


/* default close button positioned on upper right corner */
.apple_overlay a.close {
	position:absolute; top:70px;
	cursor:pointer;
	margin:0px 0px 0px 777px;
	z-index:9000000;
	height:35px;
	width:35px;
	border:none;
	
}


.apple_overlay {
		display:none;
		z-index:90000;
		margin:0px auto;
		width:100%;
		height:1200px;
		text-align:center;
		color:#fff;
	}
	
	
	#iphone {
		position:absolute;top:385px;left:60px;margin:0px 0px 0px 0px;padding:10px 0px 0px 20px;z-index:3000;height:228px;width:383px;background:url(../images/iphne.png) center no-repeat;
	}
	
	#iphone img {
		margin:22px 24px;
		cursor:pointer;
	}



/****** FILM END *****/



h1 {color:#fff;z-index:7000;letter-spacing:0px;font-size: 120px;line-height: 1.2;padding:0px 0px 25px 50px;text-transform:uppercase;font-weight:bold;background:url(../images/h1_start_bg.png) bottom repeat-x;}

h1.start {z-index:7000;background:url(../images/h1_start_bg.png) bottom repeat-x;padding:0px 0px 25px 0px}



h4 {color:#aaaaaa;letter-spacing:0px;font-size: 24px;line-height: 28px;margin:0px;padding:0px; font-weight: bold;}


ul.form {margin:0px;padding:0px;float:left;width:170px;}

ul.form li {margin:0px;padding:0px;float:left;width:170px;list-style:none;display:block;line-height:20px;}


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





#special_nav {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0.05em 0 0.9em #000;
    left: 0;
    padding: 15px 0 15px 40px;
    position: absolute;
    top: 50px;
    width: 330px;
    z-index: 300000;}
	
#special_nav a {font-size:12px;font-weight:normal;color:#666;float:left;text-decoration:none;text-transform: uppercase;padding:0px 7px 0px 7px;}
#special_nav a:hover {color:#333;}


#wrapper {
	width:100%;
	height:100%;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	}
	
#header {position:relative;height:200px;width:100%;}	

	

#logo {
	position: relative;
	z-index:10000;
	width:170px;
	height:70px;
	margin:0px auto;
	padding:40px 0 0 0;
	}
	
	
	



/******************************************************/
/**************** NEWS START **************************/


#content {width:900px;bottom:0px;margin:0px auto;position: relative;z-index:10000;}


#project_today {position:absolute;bottom:0px;width:100%;height:200px;left:0px;}


#main_menue {position: absolute;top:0px;margin:35px 0px 0px 0px;z-index:80000;height:80%;width:1000px;}


/******************************************************/
/**************** NEWS Projects **************************/


#news_box_project {
	position: absolute;
	z-index:2000;
	width:100%;
	top:0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	margin:0px 0px 0px 0px;
	}



#news_wrapper_projects {
	position: absolute;height:100%;width:100%;z-index:100000;padding:0 0 0 0;}


#project {width:100%;top:0px;left:0px;padding:0px 0px 0 0px;}



div#projectbox{
width: 1000px; /*width of scroller*/
margin:-30px auto;position: relative;padding:0px 0px 0px 0px;color:#000;
}

div#projectbox img{
border-width:0;
display:block; /*this causes each image to be flush against each other*/
}

#film {z-index:0;position: inherit;top:0px;margin:0px 0px 0px 10px;width:100%;}




#project.aktuelles {height:100%;padding:20px 0px 60px 0px;position: inherit; }

#project.friweika #prj_logo {background:url(../projekte/arbeiten/friweika/logo.png) no-repeat;}

#project.brainware #prj_logo {background:url(../projekte/arbeiten/brainware/logo.png) no-repeat;}

#project.kosmetik #prj_logo {background:url(../projekte/arbeiten/kosmetik/logo.png) no-repeat;}

#project.eurojapanconsult #prj_logo {background:url(../projekte/arbeiten/eurojapan_consult/logo.png) no-repeat;}

#project.physiotherapie #prj_logo {background:url(../projekte/arbeiten/gabi_josi/logo.png) no-repeat;}

#project.medizinjobagentur #prj_logo {background:url(../projekte/arbeiten/medizinjob/logo.png) no-repeat;}

#project.energie_gruen #prj_logo {background:url(../projekte/arbeiten/energie_gruen/logo.png) no-repeat;}

#project.soleni #prj_logo {background:url(../projekte/arbeiten/soleni/logo.png) no-repeat;}

#project.geco #prj_logo {background:url(../projekte/arbeiten/geco/logo.png) no-repeat;}

#project.gruebelmit #prj_logo {background:url(../projekte/arbeiten/pssst/logo.png) no-repeat;}

#project.emverlag #prj_logo {background:url(../projekte/arbeiten/emverlag/logo.png) no-repeat;}


#project.dlmedical #prj_logo {background:url(../projekte/arbeiten/dl_polsterei/logo.png) no-repeat;}

#project.freetrend #prj_logo {background:url(../projekte/arbeiten/freetrend/logo.png) no-repeat;}

#project.trendjuwelen #prj_logo {background:url(../projekte/arbeiten/trendjuwelen/logo.png) no-repeat;}

#project.fitness #prj_logo {background:url(../projekte/arbeiten/fitness524/logo.png) no-repeat;}


#prj_bild {position: absolute;right:0px;bottom:0px;z-index:0;}

#prj_logo {position: absolute;height:557px;width:344px;left:-50px;top:-20px;z-index:80000000;}
#prj_logo p {margin:250px 0px 0px 80px;text-align:left;line-height:16px;width:200px;}
#prj_logo a {color:#d7000a;text-decoration:none;}


#bw_flash {position: relative;top:0px;margin:150px 0px 0px -220px;z-index:200000;}

/*#projectbox {height:100%;width:820px;margin:0px auto;position: relative;text-align:center;overflow:auto;}*/
#project.standard #projectbox ul {margin:0px;padding:20px 0px 0px 0px;}

#project.standard #projectbox li{display:block;float:left;margin:0px 0px 25px 5px; text-align:left;width:440px;background: url(../images/a_bg.png) no-repeat;padding:25px 20px 30px 25px;}

#project.standard #projectbox li p {padding:20px 10px 0px 0px;color:#666;line-height:20px;}

#project.standard #projectbox li img {float:left;border:1px solid #f1f1f1;margin:0px 10px 0px 0px;}
#project.standard #projectbox li:hover img {border:1px solid #fff;margin:0px 10px 0px 0px;}


#project.aktuelles #projectbox ul {margin:0px;padding:0px 0px 50px 0px;}

#project.aktuelles #projectbox li{display:block;float:left;background:#fff;border:10px solid #fff;margin:0px 0px 25px 25px;width:740px; text-align:left;}

#project.aktuelles #projectbox li:hover {border:10px solid #f1f1f1;margin:0px 0px 25px 25px;}

#project.aktuelles #projectbox li p {padding:0px 10px 0px 0px;color:#666;line-height:20px;}

#project.aktuelles #projectbox li img {float:left;border:1px solid #f1f1f1;margin:0px 10px 0px 0px;}
#project.aktuelles #projectbox li:hover img {border:1px solid #fff;margin:0px 10px 0px 0px;}


.tooltip {
	display:none;
	background: url(../images/white_arrow.png) no-repeat;
	font-size:18px;
	height:35px;
	width:194px;
	padding:25px 20px 20px 50px;
	bottom:-100px;
	margin:0px 0px 0px 90px;
	position: absolute;
	z-index:1000000;
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;	
}

/* style the trigger elements */
#projectbox li a img {
	cursor:pointer;
}

/* get rid of those system borders being generated for A tags */
#projectbox li a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}



/*** PROJECT SLIDE **/


	.part h3{
		color:#933;
	}

div.section{
	width:100%;
	padding:10px;
	margin: 5px 0;
	position: fixed;
	left:0px;	
	clear:both;
}
	div.section h3{
		margin-bottom:10px;
	}
	div.section li{
		float:left;
	}
	div.pane{
		overflow: hidden;
		clear:left;
		margin: 10px 0 0 10px;
		position:relative;
	}

ul.elements{ height:400px; width:4000px;padding:0px 0px 0px 30%;
	position: relative; margin:3% 0px 0px 0px;
	
}
	ul.elements li{
		display:block;
		padding:0px;
		margin:0px 30px 0px 50px;
		width:490px;
		height:305px;
		font-weight:bolder;border:none;
		position: relative;
		box-shadow: #000 0em 0em 0.7em;
		background:#fff;	}
		ul.elements li a{
			top:0px;
			color:#933;
			border:none;
			font-size:12px;
			left:1px;
			position:absolute;
		}
		
		ul.elements li img{
			padding:0;margin:0px;float:left;border:10px solid #fff;
		}
	#pane-options ul.elements li{
		margin:5px;
		border:none;
	}
	#pane-options{
		margin-bottom:10px;
	}
ul.links{
	background:url(../images/white_arrow.png) no-repeat;
	width:240px;
	position: fixed;
	right:30px;
	z-index:90000000;
	margin:270px 0px 0px 0px;
	height:70px;width:200px;display:block;padding:20px 0 0 50px;
}




ul.links li{
	height:20px;width:10px;float:left;display:block;padding:5px;}
	
	ul.links li a{
		float:left;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		font-size:14px;
		margin:0pt 5px;
		padding:0px;
		border:none;
	}
h3 span{
	position:absolute;			
}
.message{
	background:#EEE;
	border:1px solid #999;
	color:#333;
	font-size:12px;
	font-weight:normal;
	padding:1px;
	margin-top:2px;
}


/*** CONTENT OPTIMIZER SUMA ***/




#slider_bg {
	width:300px;
	padding:10px 0px 0px 0px;
	position: absolute;
	z-index:1000;
	top:50px;right:0px;
	margin:0px 0px 0px -6px;
	overflow:hidden;
	height:80px;
	background:url(../images/slide_bg.png) no-repeat;}

.scrollable {
	position:relative;
	width: 300px;
	height:45px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
	overflow:hidden;
}


/*.scrollable .items h2  {font-family:"Calibri", Arial, sans-serif;float:left;text-align:left;text-align:center;width:620px;padding:2px 0px 0px 30px;margin:0px 0px 10px 0px;font-weight:normal;line-height:24px;height:95px;font-size:14px;letter-spacing:0.02em;color:#e2e2e2;}*/

.scrollable .items h2 {width:300px;font-size:12px;font-weight:normal;color:#666;float:left;text-decoration:none;text-transform: uppercase;padding:0px 7px 0px 7px;float:left;text-align:left;text-align:center;font-weight:normal;line-height:24px;height:95px;letter-spacing:0.02em;color:#666;}





.scrollable .items {
	/* this cannot be too large */
	width:1000000em;
	position:absolute;
	height:70px;
	margin:0px 0px 0px 0px;
}




/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */	
.navi a.active {
	background-position:0 -16px;     
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background: url(../images/sprite_link.png) 0px 0px no-repeat;
	display:block;
	width:30px;
	height:25px;
	position: absolute;
	z-index:3100;
	margin:0px 10px;
	cursor:pointer;
	font-size:1px;
	overflow:visible;
	visibility:inherit;
}

/* right */
a.right 				{background-position: 0px -34px;margin: 25px 0px 0px 0px;  margin-left: 819px;}


/* left */
a.left				{background-position: -30px -34px;margin: 25px 0px 0px 1px; } 




/* right */
a.right:hover 	{background-position: 0px 0px;margin: 25px 0px 0px 0px;  margin-left: 819px;}


/* left */
a.left:hover 	{background-position: -30px 0px;margin: 25px 0px 0px 1px; } 




/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}