html, body { height:100%;}
body { font:62.5% Geneva, Trebuchet MS, Helvetica; line-height:18px; color:#000;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px;}

a, a:hover, a:visited{ text-decoration:none; cursor:pointer;}
a:hover{}
/* ***** Don't show dotted border in FF********* */
a:active, a:focus {outline:none;}

body { background:url(../images/bg_main_repeat.gif) top center;}

#guiWrapper { background:url(../images/bg_main_repeat_top.jpg) top center repeat-x; width:100%; height:100%;}
#guiWrapper980Outer { margin:0 auto; background:url(../images/bg_content_repeat.jpg) top center repeat-y; width:980px; height:100%;}
#guiWrapper980 { background:url(../images/bg_content_repeat.jpg) top center repeat-y; width:980px; float:left;}
#guiWrapper980Inner { background:url(../images/bg_content_top.jpg) top center no-repeat; width:980px; float:left;}
#guiWrapper960 { background-position:100px 100px; background:url(../images/bg_content960_top.jpg) top center no-repeat;	width:960px; float:left; margin:0 10px;}
.guiErrorPic {width: 960px; height:442px; position: relative;}
.guiErrorPic .wrapper { width: 960px; overflow:hidden; height: 460px; position: absolute; top: -18px; left: 0; }

/* ********** HEADER AND MENU 1 ******** */
#guiHeader { float:left; width:960px; height:48px; z-index:1; position:relative;}
#guiHeader ul { float:left; list-style: none; margin: 0 0 0 40px; padding: 15px 0 0 0; font-size:1.3em; vertical-align: middle; }
#guiHeader ul li { float:left; text-shadow:#fff 1px 1px 1px;}
#guiHeader ul a.menu1Off { text-decoration: none; display: block; padding: 0; margin-right:26px; color:#5F5E5F;  }
#guiHeader ul a.menu1On { height: 33px; text-decoration: none; display: block; padding: 0; margin-right:26px; background:url(../images/bg_menu1_active.gif) bottom repeat-x; color:#000}
#guiHeader ul a.menu1Off:hover,#guiHeader ul a.menu2Off:active,#guiHeader ul a.menu2Off:visited { color:#5F5E5F; text-decoration:none;}
#guiHeader ul a.menu1Off:hover { color:#000}

h3 { font-size:1.1em; float:right; padding:15px 40px 0 0; color:#999999; font-weight:normal;}

/* ************ CONTENT INDEX ********** */
#guiSlideshow { float:left;}
#guiContentIndex { background:url(../images/bg_content_bottom.jpg) bottom left no-repeat; float:left; width:960px; padding:18px 0 40px 0;}

#guiPortrait { float:left; width:332px; color:#5F5E61; height:174px; padding-left:40px; border-right: 1px solid #EDEDED;}
#guiPortrait h1{ font-weight:normal; color:#5F5E62; font-size:1.2em;}
#guiPortraitText{ padding-top:2px; float:left; width:190px; font-size:1.2em; line-height:15px;}
#guiPortraitList { float:left; margin-left:30px; font-size:1.2em;}
#guiPortraitList ul { list-style:none; margin:0px; padding:0px; }
#guiPortraitList ul li a {display:block; margin:0px; padding:0px; text-decoration:none; }
#guiPortraitList ul li a, #guiPortraitList ul li a:visited{ color:#666666; text-decoration:none; cursor:pointer;}
#guiPortraitList ul li a:hover {color:#000;}

/* ********** NEWS OVERVIEW ******** */
#guiNews { float:left; color:#5F5E62; width:587px; height:174px;}
#guiNews h1{ color:#5F5E62; font-weight:normal; font-size:1.2em;}
.Headline { color:#000; font-size:1.7em; margin-bottom:20px;}
.Headline a { color:#000;}
.HeadlineWhite { color:#E5E5E5;	font-size:1.7em; font-weight:normal; margin-bottom:20px;}
.HeadlineWhite a, .HeadlineWhite a:hover, .HeadlineWhite a:active, .HeadlineWhite a:visited { color:#E5E5E5;}
#guiNewsHeadline { float:left; width:78px; height:174px; padding:0 22px 0 22px;}
.guiNewsfeed { float:left; width:180px;	height:174px; padding:0 22px 0 22px; border-left: 1px solid #EDEDED;}

.guiNewsDate { float:left; width:100%; font-size:1.1em; margin-bottom:10px;}
.guiNewstext { float:left; width:100%; line-height:1.4em; margin-bottom:15px; font-size:1.1em;}
.guiNewstext a, .guiNewstext a:active, .guiNewstext a:visited{ color:#666666; text-decoration:none; cursor:pointer;}
.guiNewstext a:hover {color:#000;}
.guiNewsPic { float:left; line-height:0px;}
.guiNewsPic a, .guiNewsPic a:active, .guiNewsPic a:visited { display:block; border: 1px solid #EDEDED;}
.guiNewsPic a:hover { display:block; border: 1px solid #999999;}


#guiContentWrapper { background:url(../images/bg_content_bottom.jpg) bottom left no-repeat; float:left; width:960px; padding-bottom:35px;}
#guiContenthigh { background:url(../images/sujets_content/gb_1.jpg) top no-repeat; float:left; width:960px; padding-top:317px;}
#guiContentlow { background:url(../images/sujets_content/gb_1.jpg) top no-repeat; float:left; width:960px; padding-top:237px;}

#guiContentLeistungen { background:url(../images/sujets_content/gb_2.jpg) top no-repeat; float:left; width:960px; padding-top:237px;}


/* ********** CONTENT LEFT AND MENU2 ******** */
#guiContentLeft { float:left; width:236px; padding:5px 0; margin-top:10px;}
#guiContentLeft a, #guiContentLeft a:hover, #guiContentLeft a:visited{ color:#666666; text-decoration:none; cursor:pointer;}
#guiContentLeft a:hover{color:#000;}
#guiContentLeft h1 { color:#000; font-size:1.8em; margin-bottom:30px; padding:0 30px 0 40px; line-height:1.3em; font-weight:normal;}
#guiContentLeft h2 { color:#000; font-size:1.4em; margin:20px 0 16px 0; padding:0 30px 0 40px; line-height:1.2em; font-weight:normal;}
#guiContentLeft p { color:#5F5E61; font-size:1.2em; padding:0 30px 0 40px; line-height:1.3em;}

#guiContentLeft ul { float:left; list-style: none; margin: 0 0 0 36px; padding:0; font-size:1.8em; }
#guiContentLeft ul li { margin-bottom:8px; }
#guiContentLeft ul a.menu2Off { text-decoration: none; display: block; padding: 0; color:#5F5E5F;}
#guiContentLeft ul a.menu2On { text-decoration: none; display: block; padding: 0; color:#000;}
#guiContentLeft ul a.menu2Off:hover,#guiHeader ul a.menu2Off:active,#guiHeader ul a.menu2Off:visited {color: #5F5E5F; text-decoration:none;}
#guiContentLeft ul a.menu2Off:hover { color:#000; padding: 0;}

/* ********** CONTENT REGULAR ******** */
#guiContentMain { float:left; width:723px; border-left:1px solid #E7E7E7; margin-top:10px;}
#guiContentMain h2 { color:#000; font-size:1.4em; margin:20px 0 16px 0; line-height:1.2em; font-weight:normal;}

#guiHighlights { float:left; padding:0 30px 0 39px;}
#guiHighlights hr { width:644px; height:1px; color:#E7E7E7; background:#E7E7E7;	margin:20px 0; border:0;}

#guiShowroom { float:left; padding:0 30px 0 39px;}
#guiShowroom p { width:100%; padding:5px 0 20px 0; font-size:1.2em; color:#666666;}
#guiShowroom a, #guiShowroom a:active, #guiShowroom a:visited {color:#4A494D;}

.guiProjectPic { margin-top:5px;}
#guiProjectNav { float:left; padding:0 40px 20px 40px; width:880px;}
#guiProjectNav a, #guiProjectNav a:hover, #guiProjectNav a:visited{ color:#666666; text-decoration:none; cursor:pointer;}
#guiProjectNav a:hover{color:#000;}
#guiProjektNavToShowroom { float:left; font-size:1.2em;}
#guiProjektNavCat { float:left; width:236px; font-size:1.2em; color:#5F5E62}
#guiProjektNavNext, #guiProjektNavPrev { float:right; font-size:1.2em;}
#guiProjektNavNext { padding-left:20px;}

.guiContentText { float:left; font-size:1.2em; width:643px; padding:0 40px; color:#5F5E61; margin-bottom:30px;}
.guiContentText a, .guiContentText a:hover, .guiContentText a:visited{ color:#666666; text-decoration:none; cursor:pointer;}
.guiContentText a:hover{color:#000;}

.paddingLeft {width:683px; padding:0 0 0 40px;}
.guiContentPic { float:right; margin-left:25px;}
.guiContentText h1 { float:left; width:193px; line-height:1.4em; font-size:1.6em; color:#000; font-weight:normal; margin:0 23px 0 0;}
.guiContentText p { float:left; width:421px;}

.guiLeistungen { float:left; width: 193px; padding: 0 25px 0 0; }
.middle {margin-left:218px;}
.listRight { padding: 0; width:206px;}
.guiLeistungen h3 { width:100%;	text-align:left; font-size:1.3em; font-weight:normal; color:#000; margin:0; padding:0;}

.ListLeistungen { float:left; width:100%; margin-top:5px;}
.guiLeistungen ul { list-style: url(../images/item_list.gif) outside; padding-left:13px; font-size:1em;}
.guiLeistungen ul li { padding:0; margin:0;}

#guiKundenWrapper { float:left; padding:0 30px 0 39px;}
.guiKunden{ width: 208px; height: 140px; float:left; margin:5px 10px 5px 0; position:relative;}
.team { padding-right:30px; width:653px; }
#guiTeamWrapper { float:left; width:436px; }
.guiTeam{ width: 208px; height: 160px; float:left; margin:5px 10px 5px 0; position:relative;}
.guiTeamMember {float:left; width:218px;}
.guiTeamName {font-size: 1.1em; padding:2px 0 0 5px; color:#000;}
.guiTeamFunktion {padding:0 0 20px 5px;}


/* ********** FOOTER ******** */
#guiFooter { float:left; width:880px; padding:40px 40px 40px 40px; background:#181919 url(../images/bg_footer.jpg) top left no-repeat; font-size:1.2em; font-weight:normal; color:#58575D; }
#guiContact { float:left; height:100px; width:245px; border-right:1px solid #313233;}

#guiContact a:hover { color:#E5E5E5;}
#guiContact h2{ font-weight:normal;}
.ContactAddress { font-size:1.2em;}

.footerEmail {color:#58575D;}
#guiQuicklinks { float:left; width:155px; height:100px; padding:0 10px 0 20px; border-right:1px solid #313233; color:#58575D;}
#guiQuicklinks ul{ list-style:none; margin:0px;	padding:0px;}
#guiQuicklinks ul li a{ color:#58575D; display:block; margin:0px; text-decoration:none; left no-repeat;}
#guiQuicklinks ul li a:hover{ color:#E5E5E5;}

#guiClients { float:left; width:428px; height:100px; padding-left:20px;	background:url(../images/clients.jpg) right no-repeat;}
#guiClients h2 { font-weight:normal;}

#guiCopyright {	background:url(../images/bg_bottom.jpg) top center repeat-x; color:#999999; font-size:1em; float:left; text-align:right; width:875px; padding:15px 45px 15px 40px;}
#guiCopyright a, #guiCopyright a:active, #guiCopyright a:visited { color:#999999; }
#guiCopyright a:hover { color:#5F5E5F; }