html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    overflow:hidden;
    width:100%;
    font-family:Arial;
    font-style:normal;
}

/*******************************************************************************
----> Hintergrundgrafik
*******************************************************************************/

#bg div {
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
}

#bg td {
	text-align:center;
	vertical-align:middle;
}

#bg img {
	margin:0 auto;
	min-height:50%;
	min-width:50%;
	display:block;
}

/*******************************************************************************
----> Allgemeines
*******************************************************************************/

#cont {
    height:100%;
    overflow:hidden;
    width:100%;
    font-family:Arial;
    font-style:normal;
}

body {
    margin:0px;
    background:#fff;
    font-size:12px;
    color:#5e5e5e;
    overflow:hidden;
    line-height:150%;
}

ul {
    margin:0px;
    padding:0px;
}

ul li {
    color:#a8d202;
    font-weight:normal;
    font-size:11px;
    list-style:none;
}

a {
    color:#A8D202;
    text-decoration:none;
}

a:hover {
    /*text-decoration:underline;*/
    color:#5E5E5E;
}

a img {
	border:0px;
}

a#trigger_close {
	position:  absolute;
	right:  10px;
	font-weight: bold;
}

.clear {
    clear:both;
}

.wf_std_errorwindow {
	background:#fff;
	-moz-border-radius-bottomleft:17px;
	-moz-border-radius-bottomright:17px;
	-moz-border-radius-topleft:17px;
	-moz-border-radius-topright:17px;
	background:#FFFFFF none repeat scroll 0 0;
	padding:4px;
}

/*******************************************************************************
----> Allgemeines
*******************************************************************************/

div#overlay {
    border:10px solid #fff;
    width:100%;
    height:100%;
    position:absolute;
    z-index:1;
    left:0;
    top:0;
}

div#logo {
    float:left;
    height:128px;
}

div#bullet-navi img {
	cursor:pointer;
}

/*******************************************************************************
----> Content-Boxen
*******************************************************************************/

#box-content {
    color:#fff;
    position:absolute;
    width:475px;
    top:56px;
    left: 523px;
    float:left;
    z-index:200;
}

#box-content p {
    margin: 0 0 10px;
}

#box-content div.content {
    background:#A8D202 none repeat scroll 0 0;
    padding: 16px 24px 12px 16px;
    margin-top:3px;
}

#box-content b.headline,
#box-content p.headline{
    font-size:12px;
    font-weight: normal;
    text-transform: uppercase;
}

#box-content div.content.powertitel {
    background:#A8D202 none repeat scroll 0 0;
    padding: 16px;
    margin-top:3px;  
}

#box-content div.content.powertitel h1 {
    color:#FFF;
    line-height:100%;
    /*text-shadow: #5e5e5e 1px 1px 9px;*/
}
/*
#box-bottom {
    background:#FFFFFF none repeat scroll 0 0;
    color:#424242;
    padding:15px 20px 20px;
    position:absolute;
    width:480px;
    bottom:33px;
    padding-left:50px;
    height:101px;
    z-index:10001;
}
*/
#box-bottom {
    background:#FFFFFF none repeat scroll 0 0;
    color:#424242;
    padding:15px 10px 20px;
    position:absolute;
    width:490px;
    bottom:33px;
    padding-left:20px;
    height:101px;
    z-index:10001;
}

#box-bottom h2  {
	color: #888;
}

#box-bottom h3  {
	font-size: 26px;
    font-family: 'Georgia','Times New Roman';
    text-transform: lowercase;
    margin-bottom: 15px;
}
#box-bottom div#leistungs-slider ul li h3  {
	font-size: 12px;
	margin-right:14px;
}
#box-bottom div#leistungs-slider ul li h4  {
	font-size: 14px;
    color: #888888;
}

#box-bottom ul li {
    line-height: 140%;
    display: block;
    width: 140px;
    float: left;
}
#box-spacer {
    background:#FFFFFF none repeat scroll 0 0;
    bottom:33px;
    height:136px;
    left:1001px;
    position:absolute;
    width:50px;
    z-index:100;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

/*******************************************************************************
----> Überschriften
*******************************************************************************/

h1 {
    color:#5e5e5e;
    font-size:34px;
    font-family:'Georgia','Times New Roman';
    margin:0px;
    font-weight:normal;
    text-transform:lowercase;
}

h1 span {
    color:#A8D202;
}

h2 {
    font-family:'Georgia','Times New Roman';
    font-size:17px;
    font-weight:normal;
    margin:0px 0px 6px 0px;
    text-transform:lowercase;
}

h3 {
    color:#707070;
    font-size:12px;
    font-weight:normal;
    margin:2px 0 0px;
    text-transform: uppercase;
}

#content br {
    margin-bottom: 20px;
}

/*******************************************************************************
----> Columns
*******************************************************************************/

.columns {
    clear:both;
}

.col33 {
    width:33%;
    float:left;
}
.col30 {
    width:175px;
    float:left;
}
.col13 {
    float:left;
    width:175px;
}
.f_right {

}

/*******************************************************************************
----> Navigationen
*******************************************************************************/

div#menu {
    left:10px;
    line-height:12px;
    position:absolute;
    top:50px;
    width:500px;
    z-index:10001;
}

div#menu ul#layer_one li a,
#menu ul#layer_two li a,
#menu ul#layer_three li a {
    font-weight:normal;
    text-decoration:none;
    font-size:13px;
    color:#5e5e5e;
    font-size:13px;
}

div#menu ul#layer_one li a:hover,
#menu ul#layer_two li a:hover,
#menu ul#layer_three li a:hover {
    color:#A8D202;
}

div#menu ul#layer_one li, #menu ul#layer_two li, #menu ul#layer_three li {
	padding:1px 0;
}

div#menu-shadow-one {
    background:transparent url(../bilder/bg-layer-one.png) no-repeat scroll right center;
    float:left;
    height:128px;
    padding:10px 10px 10px 0;
}

div#menu-shadow-two {
    background:transparent url(../bilder/bg-layer-two.png) no-repeat scroll right center;
    height:128px;
    margin-left:345px;
    padding:10px 10px 10px 0;
/*    width:160px;*/
    width: 169px;
}

*+html div#menu-shadow-two {
    position: relative;
    top: -148px;
    left: 345px;
    margin-left: 0px;

    float: left;
}
div#menu-shadow-three {
    background:transparent url(../bilder/bg-layer-two.png) no-repeat scroll right center;
    height:128px;
    margin-left:510px;
    margin-top:-148px;
    padding:10px 10px 10px 0;
    width:160px;
}

*+html div#menu-shadow-three {
    position: relative;
    /*top: -148px;*/
    top: 0;
    left: 345px;
    margin-left: 0px;
    display: block;
}

div#menu ul#layer_one {
    background:#FFFFFF none repeat scroll 0 0;
    float:left;
    height:117px;
    list-style:none;
    margin:0;
    padding-top:11px;
    width:112px;
}
div#menu ul#layer_one li {
    text-align:right;
    padding:1px 16px 1px 0;
}

div#menu ul#layer_one li a {
    color:#5e5e5e;
    font-size:13px;
}

div#menu ul#layer_one li.active a,
div#menu ul#layer_two li.active a,
div#menu ul#layer_three li.active a {
    color:#a8d202;
}

div#menu ul#layer_two {
    float:left;
    margin:0;
    padding:10px;
    list-style:none;
    min-width: 120px;
}

div#menu ul#layer_two li {
    text-align: right;
}
div#menu ul#layer_three {
    float:left;
    margin:0;
    padding:10px;
    list-style:none;
    min-width: 120px;
}

div#menu ul#layer_three li {
    text-align: right;
}

div#cont {
	left:0;
	overflow:auto;
	position:absolute;
	top:0;
	z-index:50;
    overflow:auto;
}

#bg div {
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
}

#bg td {
	text-align:center;
	vertical-align:middle;
}

#bg img {
	margin:0 auto;
	min-height:50%;
	min-width:50%;
	display:block;
}


/*
#bullet-navi {
	width:400px;
	margin:0 auto;
	text-align:center;
}
*/

#bullet-navi {
	float:left;
	margin:0 0 0 -5px;
	text-align:left;
	width:400px;
}



/*******************************************************************************
----> Projekte Startseite
*******************************************************************************/

div.project {
    height:240px;
    margin-bottom:30px;
    position:relative;
}

img.project-logo {
    float:left;
    width:135px;
    height:36px;
    margin-top:11px;
}
/*
div.project-content {
    position:absolute;
    top:190px;
}
*/
div#project-overview {
    display:none;
}

div#project-current-wrap {
    position:relative;
}

*+html div.content div#project-current-wrap {
    width: 100%;
}

div#project-current-wrap div#project-prev,
div#project-current-wrap div#project-next {
    margin-left:-12px;
    position:absolute;
    z-index:102;
    cursor:pointer;
    height:188px;
    margin-right:-12px;
    width:27px;
}

div#project-current-wrap div#project-next {
    background:transparent url(../bilder/vor_1.jpg) no-repeat scroll right center;
    right:-35px;
}

div#project-current-wrap div#project-prev {
    background:transparent url(../bilder/zurueck_1.jpg) no-repeat scroll left center;
    left:-27px;
}

div#project-current-wrap div#project-next:hover {
    background:transparent url(../bilder/vor_1g.jpg) no-repeat scroll right center;
}

div#project-current-wrap div#project-prev:hover {
    background:transparent url(../bilder/zurueck_1g.jpg) no-repeat scroll left center;
}

div#project-current-wrap span.abteilung {
    padding-left:5px;
	color:#A8D202;
	font-size:11px;
}

/*******************************************************************************
----> Agentur -> Team
*******************************************************************************/

div.team-item {
    width:215px;
    float:left;
    margin-right:10px;
    cursor:pointer;
}

div.team-item h3 {
    margin-bottom:0px;
}

div.team-item p {
    margin-top:0px;
}

div.team-item .contact {
    color:#a8d202;
    font-weight:bold;
    font-size:11px;
}

div.team-item .contact span {
    color:#5e5e5e;
    font-weight:normal;
    display:block;
    float:left;
    width:30px;
}

/*******************************************************************************
----> Sonstiges / jQuery Plugins
*******************************************************************************/

#tooltip {
    display:none;
	position: absolute;
	z-index: 3000;
    width:120px;
	border: 1px solid #A8D202;
    color:#5E5E5E;
	background-color: #fff;
	padding: 5px;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
}

div#leistungs-slider, div#leistungs-slider li {
    height:97px;
    overflow:hidden;
    width:450px;
}

span#nextBtn a {
    background:transparent url(../bilder/vor.jpg) no-repeat scroll right bottom;
    height:20px;
    position:absolute;
    right:10px;
    top:60px;
    width:20px;
}

span#prevBtn a {
    background:transparent url(../bilder/zurueck.jpg) no-repeat scroll right bottom;
    height:20px;
    left:10px;
    position:absolute;
    top:60px;
    width:20px;
}

span#nextBtn a:hover, span#prevBtn a:hover {
    background-position:right top;
}

div#leistungs-slider ul li {
    color:#5E5E5E;
}

div#leistungs-slider ul li h3 {
    margin:0px;
    color: #888;
}

div#leistungs-slider ul li p {
    margin:0px;
}

div#leistungs-slider ul li img {
    float:left;
    margin-right:10px; 
}

/*******************************************************************************
----> Alternativer Style
*******************************************************************************/


#box-content div.content.powertitel { background-color: #fff; }
#box-content div.content.powertitel h1 { color: #b4e61b; }
#box-content div.content.powertitel h1 { color: #b5ea11; }
#box-content div.content.powertitel h1 { color: #888; }


/*#box-content div.content.powertitel h1 { color: #aae101; }*/
/*#box-content div.content.powertitel h1 { color: #707070; }*/


#box-content div.content { background-color: #fff; }
#box-content { color: #707070; }


/* ========================================================================== */
/* Wrapper fuer umlaufenden Frame */
#north,
#south,
#west,
#east,
#northwest,
#northeast,
#southwest,
#southeast { position: fixed;  margin: 0; padding: 0; display: none; }

#north { height: 60px; left: 60px; top: 0px; background: url(../bilder/sprite-x.png) repeat-x 0 0; }
#south { height: 60px; left: 60px; bottom: 0px; background: url(../bilder/sprite-x.png) repeat-x 0 -60px; }
#west { width: 60px; left: 0px; top: 60px; background: url(../bilder/sprite-y.png) repeat-y 0 0; }
#east { width: 60px; right: 0px; top: 60px; background: url(../bilder/sprite-y.png) repeat-y -60px 0; }

#northwest { height: 60px; width: 60px; left: 0px; top: 0px; background: url(../bilder/sprite-corner.png) no-repeat 0 0; }
#northeast { height: 60px; width: 60px; right: 0px; top: 0px; background: url(../bilder/sprite-corner.png) no-repeat -60px 0; }
#southwest { height: 60px; width: 60px; left: 0px; bottom: 0px; background: url(../bilder/sprite-corner.png) no-repeat 0 -60px; }
#southeast { height: 60px; width: 60px; right: 0px; bottom: 0px; background: url(../bilder/sprite-corner.png) no-repeat -60px -60px; }

/* ========================================================================== */

#facebook {
/*    text-align: right;*/
    background: #FFF;
    width: 160px;
    overflow: hidden;
    height: 67px;
    /*
    position: absolute;
    bottom: 190px;
    left: -395px;
    padding: 20px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    */
}
/*
#facebook:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}
*/

#box-bottom h2 {
    color: #A8D202;
}
#box-bottom li.branchmenu a {
    color: #707070;
    font-size: 13px;
}
#box-bottom ul li.branchmenu {
    width: 155px;
}
#box-bottom ul li.branchmenu a:hover {
    color: #A8D202;
}

#bullet-navi {
    float: right;
    width: 57%;
    text-align: right;
    margin-bottom: 22px;
}

span.flip_title {
    font-family: 'Georgia','Times New Roman';
    font-size: 30px;
    color: #A8D202;
    text-transform: lowercase;
}

#ls_container {
    padding-left: 40px;
}