html > img {
background:url(../images/background.png);
height:30px !important;
padding-right:21px !important;
width:0 !important;
}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}


#page-image-logo {position:fixed; top:0; left:0; width:100%; height:100%;}


#page-icons {position:fixed; top:0; left:0; width:100%; height:100%;}


/* #content {position:relative; z-index:1; } */

#overlay {
   position: fixed;
   z-index:-1;
   top: 0px;
   left: 0px;
   height:100%;
   width:100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
height:100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: bottom; 
}

table, caption, tbody, tfoot, thead, tr, th, td {
table-layout:fixed;
text-align: left;
width: 350px;
margin: 0;
padding: 0;
outline: 0;
vertical-align: center; 
/*  border-width:1px;
  border-style:solid;
  border-color:yellow; */
}

#table_row {
width: 650px;
height: 55px;
vertical-align: bottom;
}

#table_row_left {
width: 135px;
height: 55px;
vertical-align: top;
}


.wrapper {
min-height: 100%;
height: auto;
height: 100%;
margin: 0 auto -4em;
}


.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 200%;
color: #bbb;
clear: both;
text-transform:uppercase;
height: 4em;
padding: 10px 300px 0 300px;
}


body {
color:#8FF;
cursor:default;
font:84%/140% Verdana,Arial,Helvetica,sans-serif;
background-color:#0000dd;
height:100%;
overflow:auto;
margin:0;
padding:0;
}


/* ICONS on first page */
.icons img{
padding-top:20px;
width:640px;
height:20px;
display:block;
}

.icons a.about,.icons a.about:visited,.icons a.portfolio,.icons a.portfolio:visited,.icons a.referenz,.icons a.referenz:visited,.icons a.photo,.icons a.photo:visited,.icons a.video,.icons a.video:visited,.icons a.mail,.icons a.mail:visited {
position:absolute;
padding-top:85px;
width:200px;
height:100px; 
position:absolute;
display:block;
}

.icons a.about span,.icons a.about:visited span,.icons a.portfolio span,.icons a.portfolio:visited span,.icons a.referenz span,.icons a.referenz:visited span,.icons a.photo span,.icons a.photo:visited span,.icons a.video span,.icons a.video:visited span,.icons a.mail span,.icons a.mail:visited span {

padding-left:25px;
color:#aaa;
text-transform:uppercase;
font-size:80%;
}

.icons a.about,.icons a.about:visited {
top:115px;
left:90px;
background:transparent url(../images/wir.png) no-repeat 0 0;
background-position: 79px 7px;
}

.icons a.about:hover {
background:transparent url(../images/wir_hover.png) no-repeat 0 0;
background-position: 79px 7px;
}

.icons a.portfolio,.icons a.portfolio:visited {
top:150px;
left:220px;
background:transparent url(../images/info.png) no-repeat 0 0;
background-position: 68px 15px;
}

.icons a.portfolio:hover {
background:transparent url(../images/info_hover.png) no-repeat 0 0;
background-position: 68px 15px;
}

.icons a.referenz,.icons a.referenz:visited {
top:185px;
left:390px;
background:transparent url(../images/referenz.png) no-repeat 0 0;
background-position:37px 10px;
}

.icons a.referenz:hover {
background:transparent url(../images/referenz_hover.png) no-repeat 0 0;
background-position:37px 10px;
}

.icons a.photo,.icons a.photo:visited {
top:230px;
left:40px;
background:transparent url(../images/photo.png) no-repeat 0 0;
background-position: 20px 8px;
}

.icons a.photo:hover {
background:transparent url(../images/photo_hover.png) no-repeat 0 0;
background-position: 20px 8px;
}

.icons a.video,.icons a.video:visited {
top:275px;
left:190px;
background:transparent url(../images/video.png) no-repeat 0 0;
background-position: 36px 1px;
}

.icons a.video:hover {
background:transparent url(../images/video_hover.png) no-repeat 0 0;
background-position: 36px 1px;
}

.icons a.mail,.icons a.mail:visited {
top:310px;
left:340px;
background:transparent url(../images/mail.png) no-repeat 0 0;
background-position: 32px -2px;
}

.icons a.mail:hover {
background:transparent url(../images/mail_hover.png) no-repeat 0 0;
background-position: 32px -2px;
}

.icons a.about:hover span,.icons a.portfolio:hover span,.icons a.referenz:hover span,.icons a.photo:hover span,.icons a.video:hover span,.icons a.mail:hover span,.colorfff,body.gallery a.blink:hover,body.gallery a.blink:hover,body.home a.blink:hover,body.links a.blink:hover,.gallery .current b {
color:#fff;
}


/* menus */
.menus {
/* Set rules for menu */
/* width:135px; */
}

.menus img {
padding-left:15px;
 height:30px; 
display:block;
}

.menus a.home,.menus a.home:visited,.menus a.about,.menus a.about:visited,.menus a.portfolio,.menus a.portfolio:visited,.menus a.referenzen,.menus a.referenzen:visited,.menus a.photo,.menus a.photo:visited,.menus a.video,.menus a.video:visited,.menus a.mail,.menus a.mail:visited {
 display:block; 
}

.menus a.home span,.menus a.home:visited span,.menus a.about span,.menus a.about:visited span,.menus a.portfolio span,.menus a.portfolio:visited span,.menus a.referenzen span,.menus a.referenzen:visited span,.menus a.photo span,.menus a.photo:visited span,.menus a.video span,.menus a.video:visited span,.menus a.mail span,.menus a.mail:visited span {
display:block;
padding-top:7px;
padding-left:10px;
color:#4cc;
/*text-transform:uppercase; */
font-size:84%;
}

.menus a.home:link, menus a.home,.menus a.home:visited {
background: url(../images/home.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.home:hover {
background: url(../images/home_hover.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.about:link, .menus a.about,.menus a.about:visited {
background: url(../images/wir.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.about:hover {
background:transparent url(../images/wir_hover.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.portfolio:link, .menus a.portfolio,.menus a.portfolio:visited {
background: url(../images/info.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.portfolio:hover {
background:transparent url(../images/info_hover.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.referenzen:link, .menus a.referenzen,.menus a.referenzen:visited {
background: url(../images/referenz.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}


.menus a.referenzen:hover {
background:transparent url(../images/referenz_hover.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.photo:link, .menus a.photo,.menus a.photo:visited {
background: url(../images/photo.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}


.menus a.photo:hover {
background:transparent url(../images/photo_hover.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.video:link, .menus a.video,.menus a.video:visited {
background: url(../images/video.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.video:hover {
background:transparent url(../images/video_hover.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.mail:link, .menus a.mail,.menus a.mail:visited {
background: url(../images/mail.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.mail:hover {
background:transparent url(../images/mail_hover.png) no-repeat 0 0;
background-position: 16px 10px;
background-size: 45px ;
}

.menus a.home:hover span,.menus a.about:hover span,.menus a.portfolio:hover span,.menus a.referenzen:hover span,.menus a.photo:hover span,.menus a.video:hover span,.menus a.mail:hover span,.colorfff,body.gallery a.blink:hover,body.gallery a.blink:hover,body.home a.blink:hover,.gallery .current b {
color:#fff;
}



a:link,a:active,a:visited {
color:#ceebeb;
text-decoration:none;
}



h1 {
color:#aaa;
font:normal 200%/1em "Harlow Solid","Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
margin:0;
padding:0;
}



h2 {
color:#aaa;
font:normal 300%/1.8em "Harlow Solid Italic","Trebuchet MS",Arial,Helvetica,sans-serif;
width:580px;
display:block;
bottom:0;
float:left;
margin:0;
padding:0;
text-align: center;
}







input, textarea {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e2e2e2;
	padding: 4px;
	background: #fdfdfd url('../images/input_gradient.png') repeat-x 0 0;
}

input:focus,textarea:focus {
background-color:#f9f9f9;
}
/*
form a.submit:link,form a.submit:visited {
border:2px solid #ddd;
color:#111;
font-weight:700;
margin:0;
padding:3px 8px;
}

form a.submit:hover {
border:2px solid #bbb;
}

.mailform label,.mailform input,.mailform textarea {
display:block;
width:250px;
float:left;
margin-bottom:10px;
font-size:100%;
line-height:120%;
}

.mailform .radiobutton {
width:auto;
}
*/
.mailform label {
text-align:right;
width:100px;
padding-right:5px;
}
/*
.mailform .error {
color:red;
}
*/
.mailform br {
clear:left;
}