/*

background-color: #CCFF33;
color: #7e7e7e;
color: #6c6c6c;

*/


/* ############################ DIV-Container des Basislayouts ##################*/

html,body {

	font-size: 100.01%;
	font-family:  Helvetica, Arial, Verdana, sans-serif;
	background-color: #f8f8f8;
	margin: 0;
	padding: 0;
	height: 100%;
	color: #7e7e7e;
	text-align: left;
}

 #all{
	width : 960px;
	overflow: visible;
	margin: 0px auto;
}


/* col1*/
#col1{
position:relative;
width: 240px;
margin: 0 50px 0 20px;
float:left;
}
#logo {
	z-index: 1;
	position:relative;
	margin-top: 76px;
	margin-left: 20px;
	width: 220px;
}
.menu {
	z-index: 1;
	position: relative;
	margin-top: 30px;
	margin-left: 20px;
	width: 220px;
}
/* end col1*/

/* col2*/
#col2{
position:relative;
width: auto;
margin-left: 10px;
float:left;
}

.content {
	position: relative;
	margin-top: 110px;
	
}
#head {
	margin: 76px 0 0 0;
	padding: 0px;
	z-index: 500;
}


#content2 {
	position: relative;
	margin-top: 110px;
	
}
/* end col2*/

/* col3*/
#col3{
position:relative;
width: 100px;
margin-left: 30px;
margin-top: 90px;
float:left;
}

.menu2 {
	position: relative;

}

/* end col3*/


/* ############################end##################*/


#main {

	background-color: #fff;
	margin-top: 40px;
	width: 576px;
	
}

#map{
	float:left;
	background-color: #FFFFFF;
	width:576px;
	height:400px;
	margin: 10px 0 0 0 ;
}
hr{
padding:20px 0 20px 0;
	border: 0;
	height: 1px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}

.text{
padding:50px 30px 20px 20px;
font-size: 12px;
	line-height: 18px;
}

.kontakt{
padding:20px 20px 20px 50px;
}
p {
	font-family:  Helvetica, Arial, Verdana, sans-serif;
	line-height: 16px;
	font-size: 12px;
}
.kunde {
	margin: 20px 0 0 20px;
	font-size: 11px;
	line-height: 14px;
}
.strong {
	color: #000;
	font-size: 1em;
	font-weight: bold;
}
b {
	
	font-weight: bold;
}
h1 {
	font-size: 2.5em;
	word-spacing: 0.25em;
	color: #000;
}

h2 {
	font-size: 1.5em;
	color: #000;
	font-weight: normal;
	margin-bottom: 6px;
	line-height: 1.5em;
}
h3 {
	font-size: 1em;
	color: #6c6c6c;
	font-weight: bold;
	line-height: 1.2em;


}
h4 {
	font-size: 1.2em;
	color: #6c6c6c;
	font-weight: normal;
	line-height: 1.2em;
padding: 2px 0 2px 0;

}
 h3 a {
	color: #9f9f9f;
	text-decoration: none;
}



/* USE FOR CLEARING FLOATS */

.clearer{
	clear: both;
	display: block;
}
.bold{

font-weight: bold;
}
a{
	color:  #7e7e7e;
	text-decoration: none;
	font-weight: bold;
}

a:active {
	outline: none;
	border-style: none;
	text-decoration: none;
	color: #CCFF33;
}
.over {
	line-height: 14px;
	color:#000000;
	background-image: url(../images/arrow_on.png);
	background-repeat: no-repeat;
	background-position: left;
}

:focus {
	outline: none;
	
}
.aktiv{
color:#000000;
}

/* @group positions */


img {
	border: none;
}





/*  menu */

.menu ul, li {
	line-height: 18px;
	font-weight: bold;
	font-size: 11px;
	list-style-type: none;
	margin: 0;
	padding: 2px 0 2px 0;
	
}


.menu a {
	text-decoration: none;
	color: #7e7e7e;
}

.menu a:hover {
color:#000000;
	
}
.menu ul li#active {
	list-style-image: url(../images/arrow_on.png);
	line-height: 14px;
	color:#000000;
}




/* Menue Kunden */
#projectsAccordion {
	width: 576px;
	position: relative;

}
#impressum {
	width: 576px;
	position: relative;

}

.navi{
	font-size: 11px;
	font-weight: normal;
	color: #6c6c6c;
	width:200px;
	display: none;
	z-index: 5;
	margin: 10px 0 0 20px;
}
#projects_nav li#flash {
	margin-left: 0px;
	padding: 0px;
	z-index: 600;
}

#projects_nav{
	list-style: none;
	padding: 0px;
	position: absolute;
	top: -40px;
	z-index: 101;
}
#projects_nav ul{
	list-style: none;
	padding: 0px;

}

#projects_nav li {
	font-weight: bold;
	font-size: 0.8em;
	height: 16px;
	background: #CCFF33;
	color: #6c6c6c;
	float: left;
	
}

#projects_nav li#clients {
	margin-left: 3px;
	width: 276px;
	padding-left: 6px;
}

#projects_nav li ul {
	background-color: #CCFF33;
}

#projects_nav li ul li {
	background-image: none;
}

#projects_nav ul{
	display: none;
	padding: 0px;
}

#projects_nav li:hover ul{
	display: block;
}

#projects_nav ul li{
	float: none;
	clear: both;
	position: relative;
	border-top: 1px solid white;
	margin: 0;
	left: -6px;
	padding-left:6px;
}

#projects_nav a{
	color: #7e7e7e;
	text-transform:uppercase;
}

.content a {
	text-decoration: none;
	position: relative;
}



/* @end */

/* @group project boxes */

.whitebox {
	background-color: #fff;
	position: relative;
	margin-bottom: 10px;
	color: #000;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
}


.kunde a {
	color: #9f9f9f;
	text-decoration: none;
}

.ui-state-active a{
	color: black;
}
.whitebox_head-first{
	background-color: #fff;
	padding:50px 0 5px 20px;
	font-size: 14px;
}
.whitebox_head {
	background-color: #fff;
	padding:5px 0 5px 20px;
	font-size: 14px;
}
.whitebox_head-last{
	background-color: #fff;
	padding:5px 0 50px 20px;
	font-size: 14px;
}

.whitebox_head a:hover {
	color: #000;
}

.whitebox#on .nav {
	padding-top: 5px;
}

.whitebox#on img {
	padding-left: 7px;
	margin-top: 10px;
}

.whitebox#on p {
	padding-left: 7px;
	color: #000;
}
.slideshowContainer{

	color: #000000;
	font-size: 11px;
}

/* @group slideshows in accordion */

#projectsAccordion div.scrollable{
	position:relative;
	overflow:hidden;	 	
	width: 574px;	
	height:330px;
}

#projectsAccordion div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;
}

#projectsAccordion div.scrollable div.items div {
	float:left;
}
.item{
	margin:10px 10px 0 10px;
	
}
.projectsButtons{
	position: absolute;
	width: 170px;
	height: 300px;
	z-index: 100;
	cursor: pointer;
}


/* little buttons below images */

#projectsAccordion div.navi {
	
	position: relative;
	display: inline-block;
	top: 5px;
}


/* items inside navigator */

#projectsAccordion div.navi a {
	width:13px;
	height:10px;
	float:left;
	background:url(../images/navigator2.png) 0 0 no-repeat;
	display:block;
	font-size:6px;
	margin-right: 4px;
	color: #6c6c6c;
}


/* mouseover state */
#projectsAccordion div.navi a:hover {
	background-position:0 -10px;      
}

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


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

/* @end */



/* @group clients */

.content .clients{
	width: 800px;
}

.content .clients img{
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: -4px;
}

/* @end */

/* @group video */

div#item a{
	color: white;
	font-weight: bold;
	font-size: 17px;
	background: url(../images/play.gif) no-repeat;
	padding-left: 60px;
	padding-top: 15px;
	padding-bottom: 24px;
	float: left;
}