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



/* Site */

* {
	padding: 0;
	margin: 0;
}

img {
	border: 0px;
}
#wrapper { 
margin-left: 50px;
width: 889px;
}
a {
color:#333333;
text-decoration:underline;
}
a:hover {
color:#d4ba00;
text-decoration:none;
}
a:active {
color:#d4ba00;
text-decoration:underline;
}

h4 {
font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333;
padding:0;
text-transform: uppercase;
}
p {font: normal 10px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333;
padding-top:10px;
padding-left:0px;
width:870px;
float:left;
}

/***** HEADER *****/

#headerMainContainer {
position:absolute;
left:50px;
top:0px;
width:889px;
height:151px;
z-index:5;
}
#headerLine {
 float: right;
 color: gray;
 width: 889px;
 padding: 0px;
 height: 150px;
 border-bottom:1px dotted #fff;
}
#spaceLine {
 float: right;
 color: #d4ba00;
 width: 889px;
 padding: 0px;
 height: 15px;
 border-bottom:1px dotted #d4ba00;
}
#headerLogoContainer {
position:absolute;
left:0px;
top:0px;
width:170px;
height:150px;
}
#headerLogoContainer .logo {
border:none;
}
#headerWebadress {
font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #d4ba00;
position:absolute;
right:0px;
top:10px;
}
#headerCopy {
font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #7d7d7d;
position:absolute;
right:0px;top:132px;
}
#spacetop { 
float: left;
color: #333;
width: 889px;
margin-top: 18px;
padding: 0px;
display: inline;
position: relative;
}

#bigcolumn { 
float: left;
color: #333;
width: 889px;
margin-top: 8px;
padding: 0px;
display: inline;
position: relative;
}
.titelbig {
font: normal 40px/47px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333333;
padding-bottom:20px;
text-decoration:none;
}

/********************
	Nav
 ********************/
 
#box1{
width:199px;
float:left;
}
#column1{
/* border-top:2px solid #7d7d7d; */
padding-top:8px;
border-bottom:1px dotted #7d7d7d;
width:199px;
height:24px;
float:left;
}
#boxtext1{
font: 10px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333333;
padding-top:9px;
padding-left:3px;
width:196px;
float:left;
}
#box2{
margin-left: 31px;
width:199px;
float:left;
}
#column2{
/* border-top:2px solid #7d7d7d; */
padding-top:8px;
border-bottom:1px dotted #7d7d7d;
width:199px;
height:24px;
float:left;
}
#boxtext2{
font: 10px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333333;
padding-top:9px;
padding-left:3px;
width:196px;
float:left;
}
#box3{
margin-left: 31px;
width:199px;
float:left;
}
#column3{
/* border-top:2px solid #7d7d7d; */
padding-top:8px;
border-bottom:1px dotted #7d7d7d;
width:199px;
height:24px;
float:left;
}
#boxtext3{
font: 10px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333333;
padding-top:9px;
padding-left:3px;
width:196px;
float:left;
}
#box4{
margin-left: 31px;
width:199px;
float:left;
}
#column4{
/* border-top:2px solid #7d7d7d; */
padding-top:8px;
border-bottom:1px dotted #7d7d7d;
width:199px;
height:24px;
float:left;
}
#boxtext4{
font: 10px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333333;
padding-top:9px;
padding-left:3px;
width:196px;
float:left;
}
/* nav styles */
a.mainnav {
font: 16px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333333;
text-decoration:none;
padding-left:3px;
white-space:nowrap;
}
a.mainnav:active {
color:#333333;
text-decoration:underline;
}
a.mainnav:hover {
color:#fff;
background-color:#d4ba00;
text-decoration:none;
display: block;
height: 24px;
}
a.mainnavactive {
font: 16px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333333;
text-decoration: underline;
padding-left:3px;
}
/* subnavigation styles */
#boxsubnav{
width:889px;
padding-top:5px;
padding-left:3px;
float:left;
}
#SubLine {
float: left;
color: #333;
width: 889px;
height: 4px;
border-bottom:1px solid #7d7d7d;
}
#nav3 {
display:block;
width:880px;
clear:left;
}
.nav {
margin:0;
padding:0;
padding-top:1px;
list-style:none;
}
.nav_clear {
padding:0;
}
.nav li {
float:left;
}
#nav3 .nav a, #nav3 .nav a:visited{
padding: 0px 0px 0px 0px;
margin: 0 12px 3px 0;
display:block;
text-align:left;
color:#7d7d7d;
font-weight:normal;
text-decoration:none;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
font-size:11px;
font-weight:normal;
line-height:10px;
}
#nav3 .nav a:hover {
color: #d4ba00;
text-decoration:none;
line-height:10px;
}
#nav3 .nav a.selected {
color: #333333;
text-decoration:underline;
line-height:10px;
}

.slash {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-weight:normal;
}
/* Text WORK */

#Work{
padding-top:30px;
padding-left:3px;
width:870px;
float:left;
}

.titlejob {
font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333;
padding-left:0px;
float:left;
}
.jobbez {
font: 10px Georgia, "Times New Roman", Times, serif;
color: #7d7d7d;
font-weight:normal;
padding-top:3px;
padding-left:0px;
float:left;
}
.jobdesc {
font: normal 10px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333;
padding-top:10px;
padding-left:0px;
width:870px;
float:left;
}
.jobmore {
font: 11px Georgia, "Times New Roman", Times, serif;
color: #333;
font-weight:normal;
line-height:15px;
padding-left:0px;
width:200px;
float:left;
}
.jobmoreactive {
font: 11px Georgia, "Times New Roman", Times, serif;
color:#d4ba00;
font-weight:normal;
line-height:15px;
padding-left:0px;
text-decoration:none;
float:left;
}
/* Images */

#ImageHome{
padding-top:4px;
width:889px;
height:490px;
float:left;
}
#ImageContact{
padding-top:22px;
width:889px;
height:600px;
float:left;
}
#BottomHome{
width:889px;
padding-top:766px;
border-bottom:3px solid #000000;
}
#ImageWorkBig1{
padding-top:20px;
padding-left:3px;
width:572px;
height:437px;
float:left;
}
#LogoWork1{
padding-top:20px;
padding-left:30px;
width:200px;
height:437px;
float:left;
}
#ImageWorkSmallBox1{
padding-top:24px;
padding-left:3px;
width:889px;
height:81px;
float:left;
}
#ImageWorkSmallBox10{
padding-top:24px;
padding-left:3px;
width:849px;
height:150px;
float:left;
}
#ImageWorkSmallBox12{
padding-top:24px;
padding-left:3px;
width:849px;
height:150px;
float:left;
}
#ImageWorkSmallBox13{
padding-top:24px;
padding-left:3px;
width:889px;
height:150px;
float:left;
}
.ImageWorkSmall1{
padding-top:0px;
padding-left:20px;
}
.ImageWorkSmall10{
padding-top:0px;
padding-left:20px;
}
#ImageWorkBig2{
padding-top:20px;
padding-left:3px;
width:572px;
height:437px;
float:left;
}
#ImageWorkSmallBox2{
padding-top:24px;
padding-left:3px;
width:889px;
height:65px;
float:left;
}
.ImageWorkSmall2{
padding-top:0px;
padding-left:20px;
}
.puzzle{
font-size: 0.8em;
margin-top: 20px;
padding: 50px 0px 0px 0px;
color: #000000;
}
/* Portfolio Overview */
#content {
margin-top: 42px;
width: 880px;
overflow: hidden;
padding: 0 0 10px 0;
}
.column1 {
margin-top: 25px;
width: 267px;
float: left;
overflow: hidden;
}
.column2 {
margin-top: 25px;
width: 267px;
float: left;
overflow: hidden;
}
.column3 {
margin-top: 25px;
width: 267px;
float: left;
overflow: hidden;
}
.portjobbez {
width: 122px;
font: 10px Georgia, "Times New Roman", Times, serif;
color: #7d7d7d;
font-weight:normal;

padding-top:8px;
float:left;
}
.portjobtitle {
width: 122px;
font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333333;
padding-top:10px;
float:left;
}
.portjobtitlelink {
width: 122px;
font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333333;
text-decoration:underline;
padding-top:10px;
float:left;
}
.portjob {
width: 122px;
font: normal 10px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333333;
text-decoration:none ;
padding-top:3px;
float:left;
}
.ImagePortSmall1{
width: 125px;
padding-top:0px;
padding-left:0px;
}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
float: left;
margin-right: 10px;
height:110px;
}
/* Portfolio Detail */

.Image{
padding-top:20px;
padding-left:3px;
width:572px;
height:437px;
float:left;
}
.imagenavwrap{
padding-top:20px;
padding-left:3px;
width:572px;
height:437px;
float:left;
}
.slides {
margin-top:7px;
width:572px;
float:left;
}
/* Contact Detail */

/* neue Form */

div.row {
	background:#fff;
	border:1px dotted #7d7d7d;
	border-top: none;
	border-left: none;
	border-right: none;
	margin:0 0 5px 0;
	float:left;
	width:100%;
	padding:6px 0;}

div.row label {
	float:left;
	display:block;
	width:15em;
	font-weight:bold;
	padding:0 6px;}

div.row label:hover {
	color:#fff;
background-color:#d4ba00;
text-decoration:none;
	cursor:pointer;}

div.row fieldset {
	border:none;
	margin:0 6px;}
div.row fieldset span {
	display:block;}
div.row fieldset span label {
	float:none;
	display:inline;}
div.row fieldset legend {
	font-weight:bold;}
div.requiredRow {
	border:none;}

/* Footer */
#boxbottom{
width:889px;
padding-top:50px;
float:left;
}
.column_arrow {
padding-top:0px;
padding-left:3px;
width: 21px;
left:0px;
height: 15px;
}
.column_back {
padding-top:1px;
padding-left:25px;
width: 200px;
float: left;
}
#bottomLine {
float: right;
color: #333;
width: 889px;
padding: 0px;
height: 5px;
border-bottom:1px dotted #333333;
background: #FFFFFF;
}
#nav4 {
display:block;
width:880px;
clear:left;
}
.nav {
margin:0;
padding:0;
padding-top:1px;
list-style:none;
}
.nav_clear {
padding:0;
}
.nav li {
float:left;
}
#nav4 .nav a, #nav4 .nav a:visited{
padding: 0px 0px 0px 0px;
margin: 0 12px 3px 0;
display:block;
text-align:left;
color:#333333;
font-weight:normal;
text-decoration:none;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
font-size:9px;
font-weight:normal;
line-height:10px;
}
#nav4 .nav a:hover {
color: #d4ba00;
text-decoration:none;
line-height:10px;
}
#nav4 .nav a.selected {
color: #333333;
text-decoration:line-through;
line-height:10px;
}
#spacebottom { 
float: left;
color: #333;
width: 889px;
margin-top: 20px;
padding: 0px;
display: inline;
position: relative;
}
#bigspacebottom { 
float: left;
color: #333;
width: 889px;
margin-top: 400px;
padding: 0px;
display: inline;
position: relative;
}