/*
	960 Grid System ~ Core CSS.
	
	Custum Child CSS

	designammain.de
*/

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

.startup {background-image: url(../img/start_teaserbg.jpg); background-repeat: no-repeat; background-position: 0px 140px; }
.subpage {background-image: url(../img/sub_teaserbg.jpg); background-repeat: no-repeat; background-position: 0px 140px;  }
.content {font: 12px/1.8 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; padding-bottom: 25px;}

.content a {border-bottom: 1px solid #d2d2d2;}
.content a img {border-bottom: 0px;}

/* `design
----------------------------------------------------------------------------------------------------*/

body {background: #405a7b url(../img/bg.jpg) repeat-x fixed; }

.container_16 {background-color:white; margin-top: 15px; 
-moz-box-shadow: 0px  0px 40px #486c97;
-webkit-box-shadow: 0px 0px 40px #486c97;
}

h1 {margin: 20px 0 10px; background-image: url(../img/logo_gp.jpg); background-repeat: no-repeat; width: 240px; height: 100px; color: transparent;}

h2 {margin: 10px 0 20px;}

#map span {display:none;}
#map {margin:0px; padding: 0px; background: grey; border:10px solid white; height:200px;width:860px;}

.shade_5 {-moz-box-shadow: 0px  0px 20px #C6C6C6; -webkit-box-shadow: 0px 0px 20px #C6C6C6;}
.shade_10 {	-moz-box-shadow: 0px  0px 40px #486c97;-webkit-box-shadow: 0px 0px 40px #486c97;}
.border {border:10px solid #fff;}

p img {margin: 10px 10px 10px 10px;}


/* `floats
----------------------------------------------------------------------------------------------------*/


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

.ptop_10	{padding-top: 10px;}


.mtop_10	{margin-top: 10px;}
.mtop_20	{margin-top: 20px;}


/* `header
----------------------------------------------------------------------------------------------------*/

.rainbow {background: url(../img/headbar.jpg); background-repeat: repeat-y; height:6px; padding:0px 6px 0px 14px; margin-left:0px;}

.logo {height:134px;}

.nav {padding-top: 40px;}
.nav ul {list-style-type:none; margin:0px; padding:0px;}
.nav li {float:left; padding-right:4px;
		font-size: 20px;}
.nav li a:hover span  {color:#444444;}

#home li a.navitem_1{border-bottom: 2px solid #5b88be;}

#ueber li a.navitem_2 {border-bottom: 2px solid #5b88be;}
#dienstl li a.navitem_3 {border-bottom: 2px solid #5b88be;}
#referenzen li a.navitem_4 {border-bottom: 2px solid #5b88be;}
#kontakt li a.navitem_5 {border-bottom: 2px solid #5b88be;}

.nav li span {font-size:12px; color:#a8a8a8; display:block;padding-top: 5px; border:none; border:0px;}
.nav span {font-size:12px; color:#a8a8a8; display:block;padding-top: 5px; border:none; border:0px;}

/* `teaser
----------------------------------------------------------------------------------------------------*/


.teaser {height:400px;}

.sliderbox {width:880px; height:330px; margin:25px;}
.sliderbox .cont {background-color: white; width:515px; height:290px;}
.sliderbox .nav  {background-color: white; width:515px; height:40px; margin-top: 5px;} 

#featured{ 
	width:880px; 

	position:relative; 

	height:330px; 

}

#featured h4 {color:white;}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:570px; 
	list-style:none; 
	padding:0; margin:0; 
	width:300px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	width:50px; height:40px;
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:12px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:50px; 
	color:#333; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background: url(../img/trans_selected.png);
}
#featured li.ui-tabs-selected{ 
	  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: url(../img/trans_selected.png);
	

}

#featured .ui-tabs-panel{ 
	width:580px; height:330px; padding:10px;
	background:#FFF; position:relative;
	-moz-box-shadow: 0px  0px 40px #486c97;
-webkit-box-shadow: 0px 0px 40px #486c97;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:260px; left:10; 
	height:70px; 
	background: url('img/transparent-bg.png'); 
}
#featured .info h2{ 
	 
	color:#444444; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:13px; 
	line-height:15px; color:#444444;
}
#featured .info a{ 
	text-decoration:none; 
	color:#5b88be; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/* `startseite
----------------------------------------------------------------------------------------------------*/


.s_sidebar .load {float:right;}
.s_sidebar p {font-size: 11px;;}
.s_sidebar h3 {line-height: 24px;}


/* `ueber uns
----------------------------------------------------------------------------------------------------*/

.team 		{border:10px solid white; z-index:1;}
.grid_16 .tip 			{z-index:100; background-image: url(../img/team_tip01.png); width:26px; height:26px;}
.grid_16 .tip:hover 	{z-index:100; background-image: url(../img/team_tip02.png); width:26px; height:26px;}

.grid_16 .rp 			{position:absolute; left: 300px; top: 250px; } 
.grid_16 .jg 			{position:absolute; left: 380px; top: 230px; }
.grid_16 .tg 			{position:absolute; left: 480px; top: 190px; }
.grid_16 .df 			{position:absolute; left: 630px; top: 230px; }

.team .grid_3 h4 {color:#444444;}
.team .grid_3 img {width:120px; height:70px;}


/* `ueber uns
----------------------------------------------------------------------------------------------------*/

.refs ul {list-style-type: none; margin:20px 0px 0px 0px; padding:0px; }
.refs li {border-bottom: 1px solid #c6c6c6; margin:3px 0px 3px 0px; padding-left:5px; color:#777777;}
.refs li:hover {color:#444444; border-bottom: 1px solid #444444;}

/* `dienstleistungen
----------------------------------------------------------------------------------------------------*/

.content .ditem {float:left; width:40%; margin-right:50px; margin-bottom: 10px;}
.content .ditem img {width:250px; height:110px; border: 0px; border: 0px;}
.content .ditem a img {border:0px;}



.content ul {list-style-type: inherit}

.subdienst ul {list-style-type: none; margin:20px 0px 0px 0px; padding:0px; }
.subdienst li {margin:3px 0px 3px 0px; padding-left:5px; color:#777777; padding-left:5px; margin-left: -5px;  width:200px; }
.subdienst .load {float:right;}
.subdienst p {font-size: 11px;;}
.subdienst h3 {line-height: 24px;}

.subdienst h3 {color:#3F5C7F;}

.subdienst .subnav { line-height: 3em;}
.subdienst .subnav li {border-bottom:1px solid #C6C6C6;}
li.highl {color: #999999; font-style: italic; }

blockquote {padding:5px 5px 15px 10px; font-size:15px; font-style: italic; color:#6191cb;}


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

#slideshow {
    display:inline; float:right; padding:0px 0px 10px 20px; height:190px; width:280px;}

#slideshow DIV {
    position:absolute; 
    top:200;
    left:400;
    z-index:8;
    height:190px;
    opacity:0.0;
    height: 100%; height:190px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10; height:190px;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9; height:190px;
}

#slideshow DIV IMG {
    height: 160px; border:10px solid #fff; 
    display: block;
    border: 0;
    margin-bottom: 8px;
}


/* `footer
----------------------------------------------------------------------------------------------------*/

.footer {padding-top: 20px;}


.footer .fnav ul {list-style-type:none; margin: 0px; padding:0px;}
.footer .fnav li {float:left; padding-right:5px; }

/* `form
----------------------------------------------------------------------------------------------------*/


.content div {

}
.content label {
	display:block;
	float:none;

	width:auto;
}
form#contactform input { width:80%;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:13px;
	color:#333;
}
form#contactform input:hover, form#contactform textarea:hover  {
	background-color:#F6F6F6;
}


form#contactform textarea {

	padding:0.6em 0.5em 0.7em; width:80%;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

form#contactform .go:hover {background-color:#5b88be; color:#fff}


/* `tooltips	 TipTip CSS - Version 1.2
----------------------------------------------------------------------------------------------------*/


#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #000;
		padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 6px #555;
	-webkit-box-shadow: 0 0 6px #555;
	-moz-box-shadow: 0 0 6px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(255,255,255);
	border-left-color: rgba(255,255,255,0.92);
}

/* accordion  
----------------------------------------------------------------------------------------------------*/

.sAccordion-open{
padding: 5px;
cursor: pointer;

margin: 0;
margin-bottom: 1px;
color: #7e7e7e;
}

.sAccordion-content p{
margin-left:33px;
}


.sAccordion-open:hover{

color: #3F5C7F; 
}

.sAccordion-open:before {
	padding-right: 15px;
	content: url(../img/acc_inactive.gif);
}

.sAccordion-open-actif{

color: #3F5C7F;
}

.sAccordion-open-actif:before {
	padding-right: 15px;
	content: url(../img/acc_active.gif);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}