* {
margin:0;
padding:0;
}

html, body {
background-color:#333333;
background-image:url(../images/back.jpg);
background-repeat:no-repeat;
background-position:center;
font-size:12px;
font-family:Arial;
text-align:center;
color:#999999;
height: 100%;
padding: 0;
margin: 0; 
}

DIV.page
{
background-image:url(../images/back.jpg);
background-repeat:no-repeat;
background-position:center;
position: absolute;
left: 50%;
top: 50%;
width: 780px;
height: 500px;
margin-left: -391px; /* half of width */
margin-top: -250px;  /* half of height */
}

.pageNOJS
{
background:#333333;
width: 780px;
margin:auto;
}

#header {
height:50px;
width:765px;
padding-left:15px;
}

#header .left {
float:left;
width:350px;
height:40px;
padding-top:15px;
display:block;
text-align:left;
}

#header .right {
float:right;
width:400px;
height:40px;
display:block;
text-align:right;
padding-top:15px;
padding-right:15px;
}

h1, h1 a, h1 a:hover {
font-size:24px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

h1 a span {
font-weight:normal;
color:#676767;
text-decoration:none;
padding-left:2px;
}

#header h2 {
font-size:14px;
font-weight:bold;
color:#555555;
}

#portfoliowrap {
clear:both;
}

#portfolio {
width:680px;
height:415px;
overflow:hidden; 
position: relative;
float:left;
z-index:10;
padding-left:15px;
}

#portfolioNOJS {
width:100%;
padding-left:5px;
clear:both;
display:table;
}

a.portfolioarrowright {
width:35px;
float:right;
height:280px;
background-image:url(../images/portfolioarrow1.jpg);
}

a.portfolioarrowright:hover {
}

a.portfolioarrowleft {
width:35px;
float:left;
height:280px;
background-image:url(../images/portfolioarrow0.jpg);
margin-right:5px;
}

a.portfolioarrowleft:hover {
}

.box {
width:715px;
height:435px;
float:left;
left:750px;
position:absolute;
margin-right:35px;
}

#portfolioNOJS .box {
margin-bottom:20px;
}

.box .top {
height:285px;
}

.box .top .left {
width:475px;
padding-right:10px;
float:left;
}

.box .top .right {
width:230px;
float:left;
}

.box .top img {
border:2px solid #555555;
}

.box .top .right .top {
padding-bottom:9px;
height:135px;
padding-left:1px;
text-align:left;
}

.box .top .right .bottom {
height:135px;
padding-left:1px;
}

.box .bottom {
height:135px;
text-align:left;
}



.pageNOJS .box {
clear:both;
position:static;
left:0px;
width:735px;
height:405px;
overflow:hidden;
padding-left:10px;
}

h2 {
color:#FFFFFF;
font-weight:normal;
font-size:20px;
padding-bottom:5px;
padding-top:2px;
}

h2 span {
color:#676767;
padding-left:3px;
}

p {
line-height:20px;
padding-bottom:8px;
}

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

a:hover {
color:#999999;
text-decoration:underline;
}

.footerbuttons {
float:right;
background:url(../images/footerbuttons.jpg) no-repeat bottom left;
height:32px;
padding-left:20px;
margin-top:-2px;
z-index:100;
width:315px;
}

.footerbuttons a {
padding-left:12px;
padding-top:10px;
padding-right:12px;
float:left;
color:#CCCCCC;
}

.footerbuttons a:hover {
color:#FFFFFF;
}

.headerbuttons {
float:right;
height:32px;
padding-left:20px;
z-index:100;
width:340px;
}

.headerbuttons a {
padding-left:12px;
padding-top:0px;
padding-right:12px;
float:left;
color:#CCCCCC;
}

.headerbuttons a:hover {
color:#FFFFFF;
}

a.exit {
background-image:url(../images/exit.jpg);
float:right;
width:25px;
height:25px;
}

a.exit:hover {
background-image:url(../images/exit1.jpg);
}

#Leistungen, #Agentur, #Impressum {
z-index:1000;
background-image:url(../images/pageback.jpg);
position: absolute;
left: 50%;
top: 50%;
width: 781px;
height: 500px;
margin-left: -391px; /* half of width */
margin-top: -250px;  /* half of height */
text-align:left;
display:none;
}

.pageNOJS .pageArea  {
text-align:left;
clear:both;
margin-top:20px;
}

.content {
padding:20px;
text-align:left;
}

.pageNOJS .content {
padding-left:10px;
}

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }


ul.subsection_tabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:20px;
	clear:both;
}

ul.subsection_tabs li {
	float:left;
	margin-right:7px;
	text-align:center;
}

ul.subsection_tabs li a {
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	background-color:#fff;
	color:#666;
	width:80px;
}

ul.subsection_tabs li a:hover {
	color:#666;
}

ul.subsection_tabs li a.active {
	background-color:#ddd;
}

ul.register_tabs {
	border-bottom:none;
}

ul.register_tabs li a.active {
	background-color:#6d7a81;
	color:#fff;
}





#contactback, #contactbackSHARE {
z-index:1000;
background-image:url(../images/contactback.jpg);
filter:alpha(opacity=95);
opacity: 0.95;
-moz-opacity:0.95;
position: absolute;
left: 50%;
top: 50%;
width: 780px;
height: 500px;
margin-left: -390px; /* half of width */
margin-top: -250px;  /* half of height */
display:none;
}

#contacttop, #contacttopSHARE{
z-index:1001;
background-image:url(../images/contacttop.jpg);
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: absolute;
left: 50%;
top: 50%;
width: 468px;
height: 300px;
margin-left: -234px; /* half of width */
margin-top: -150px;  /* half of height */
text-align:left;
}

#contacttop p, #contacttopSHARE p {
width:420px;
text-align:left;
line-height:18px;
padding-left:10px;
padding-bottom:0px;
}

#contacttop h2, #contacttopSHARE h2 {
padding-top:10px;
padding-left:10px;
}

#contactform {
font-size:12px;
color:#FFFFFF;
padding-top:10px;
padding-left:10px;
}

#contactform .line {
clear:both;
padding-top:5px;
padding-bottom:5px;
}

.input {
background-color:#FFFFFF;
border:1px solid #666666;
float:left;
width:300px;
padding:4px;
height:14px;
}

.textarea {
background-color:#FFFFFF;
border:1px solid #666666;
float:left;
width:300px;
padding:4px;
}

#sendbutton {
background-color:#333333;
border:1px solid #666666;
color:#FFFFFF;
width:100px;
font-family:Arial;
font-size:12px;
padding:4px;
margin-top:5px;
float:left;
margin-left:315px;
margin-right:42px;
}

#sendbutton:hover {
background-color:#333333;
color:#CCCCCC;
}

.input_caption {
float:left;
width:100px;
text-align:right;
padding-top:5px;
padding-bottom:5px;
padding-right:6px;
color:#999999;
}

#footer {
width:100%;
padding-top:20px;
margin-top:10px;
height:30px;
text-align:left;
padding-bottom:300px;
}