body {
font-family:Helvetica, Arial;
font-size: 11px;
color: #FFFFFF;

background-color: #00464d;
background-image:  url("../images/green/bg_site-pattern.gif");
background-attachment:fixed;

margin-left: 15px;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 40px;}

/* #00464d dark green H185 S100 B30 */
/* #1d6c73 light green H185 S75 B45*/
/* #004c53 bg green H185 S100 B33 */

img {
border: none;}

#page{
width:775px;
margin-left:auto;
margin-right:auto;
padding:10px;
background-color: #00464d;}

h1 {font-size: 11px; margin:0px;}
h2 {font-size: 11px; margin:0px;}
h3 {font-size: 11px; margin:0px;}
h4 {font-size: 9px; margin:0px;}

a:link {
color: #00FF00;
text-decoration: none;}

a:visited {
color: #00FF00;
text-decoration: none;}

a:hover {
color: #00464d;
text-decoration: none;
background-color: #00FF00;}

a:active {
color: #00464d;
text-decoration: none;
background-color: #00FF00;}


.boldgreen {
font-weight: bold;
color: #00FF00;}

.small {
font-size: 9px;}

.subinfo {
color: #1d6c73;
font-size: 9px;
text-transform: uppercase;
background-color: #00464d;}

.subinfolink {
color: #00FF00;
font-size: 9px;
text-transform: uppercase;
background-color: #00464d;}

.headline {
color: #00464d;
font-weight: bold;
background-color: #00FF00;
cursor:pointer;}

.subheadline {
color: #00464d;
font-weight: bold;
background-color: #1d6c73;
cursor:pointer;}

.topline{
border-top:1px solid #00FF00;
height:6px;
overflow:hidden;
}

.bottomline{
visibility:hidden;
height:1px;
overflow:hidden;
}

#pageheader{
background-image:  url("../images/green/bg_header_space-dark.gif");
height:85px;
 }
 
.universum{
background-color:#00464d;} 
 
.stars{
background-color:#80a3a6;}  
 
#pageheadercontent{
padding-top:6px;
padding-bottom:3px;
position:absolute;
z-index:2;
width:775px;
 }

.siteinfo{
width:300px;
float:left;}

.headfunctions{
width:auto;
float:right;}

.sitefunctions{
width:300px;
float:right;
text-align:right;}

#sitemenu{
width:775px;
border-top:1px solid #00FF00;
border-bottom:1px solid #00FF00;
padding-top:9px;
padding-bottom:9px;
margin-top:6px;
margin-bottom:6px;}

.menupunkt{
cursor:pointer;
float:left;}

.number{
width:100px;
float:right;
text-align:right;}

.container{
width:775px;
border-top:1px solid #00FF00;
border-bottom:1px solid #00FF00;
padding-top:15px;
padding-bottom:15px;
margin-top:6px;
margin-bottom:6px;}

.collum250{
width:250px;
float:left;
border-bottom:1px solid #1d6c73;
padding-bottom:15px;}

.collum245{
width:245px;
float:left;
border-bottom:1px solid #1d6c73;
padding-bottom:15px;}

.collum510{
width:510px;
float:left;
border-bottom:1px solid #1d6c73;
padding-bottom:15px;}

.collumspacer{
float:left;
width:15px;
height:40px}

.collumclear{
clear:left;
height:1px;
overflow:hidden;}

.collumheader{
padding-top:5px;
border-top:1px solid #1d6c73;
text-align:right;}

.gallery{
height:543px;}

.gfxdetail{
height:400px;}

.inactiveproject {
color: #00FF00;
text-decoration: none;
cursor:pointer;}

.activeproject {
color: #00464d;
text-decoration: none;
background-color: #00FF00;
cursor:pointer;}

#graphiccontainer{
height:385px;
margin-top:10px;
background-image: url("../images/green/bg_projects.gif");
}

#gallerycontainer{
height:370px; }

.thumbnail{
background-image:url(../images/green/bg_thumbnail.gif);
width:103px;
height:103px;
float:left;
margin-top:10px;
margin-bottom:5px;
border:6px solid;
cursor:pointer;}

.active{
border-color:#FFFFFF;}

.inactive{
border-color:#00FF00;}

.thumbspacer{
width:15px;
height:100px;
float:left;}

.ppsubmit{
float:left;
width:4px;
height:7px;
overflow:hidden;
margin-top:5px;
background-image:url(../images/green/arrow_right_full.gif)}

.ppbutton{
font-family:Helvetica, Arial;
font-size: 11px;
color:#00FF00;
border:0;
background-color:#00464d;
cursor:pointer;
}

.ppbutton_a{
font-family:Helvetica, Arial;
font-size: 11px;
color:#00464d;
border:0;
background-color:#00FF00;
cursor:pointer;
}

#projectimages{
margin-top:15px;}

.projecticon{
cursor:pointer;
float:left;
margin-right:1px;}

#gallerymenu{
margin-top:35px;}

#gallerymenuleft{
width:100px;
float:left;
text-align:left;}

#gallerymenucenter{
width:70px;
float:left;
text-align:center;}

#gallerymenuright{
width:80px;
float:left;
text-align:right;}

.zoomdetailactive{
border:12px solid #00FF00;
background-color: #00FF00;}

.zoomdetailinactive{
border:12px solid #FFFFFF;
background-color: #FFFFFF;}

.contact{
height:285px;}

.contacttitle{
width:55px;
float:left;}

.eingabefeld{
font-family: Helvetica, Arial;
font-size: 11px;
color:#ffffff;

border:1px solid #1d6c73;
background-color:#00464d;
padding:4px;}

#absender{
margin-top:6px;}

#name{
width: 213px;}

#surname{
width: 213px;}

#adresse{
margin-top:2px;}

#email{
width: 440px;}

#betreff{
margin-top:2px;}

#subject{
width: 440px;}

#nachricht{
margin-top:2px;}

#message{
width: 440px;}

#mailer{
margin-top:15px;}

.sendmail {
height:15px;
width:71px;
border:0;}

.links{
height:500px;}

#imprintcontent{
border-bottom:none;}

.imprint{
height:125px;
}

#semacode{
height:32px;
width:32px;
float:left;
margin-top:20px;
margin-right:10px;}

#hinweis{
margin-top:20px;}

#fusszeile{
padding-top:3px;
}


#pagefunctions{
position:absolute;
z-index:3;
top:6px;
right:6px;
width:75px;
height:auto;}

#colorselect{
padding:6px;
margin:0px;
background-color:#00464d;}

#effectselect{
padding:6px;
margin:4px 0px 0px 0px;
background-color:#00464d;}

.function_head{
margin-bottom:4px;}