/* CSS */
body {
background : #ffffff;
padding : 0;
margin : 0;
}

#header {
margin-top : 0;
background-image : url('images/header.jpg');
background-repeat : no-repeat;
width : 998px;
height : 124px;
}

#container {
margin : 0 auto;
background-image : url('images/bg.jpg');
background-repeat : repeat-x;
}

#main {
margin : 0 auto;
height : 410px;
width : 1000px;
}

#impr1 {
margin : 0 auto;
padding : 0 10px 0 0;
float : right;
width : 560px;
background-color : #000000;
color : #ffffff;
font-family : "Lucida Sans Unicode", sans-serif;
font-size : 12px;
}

#impr1 h1 {
text-transform : uppercase;
letter-spacing : -1px;
}

#about {
margin : 0 auto;
padding : 10px 5px 0 5px;
float : right;
width : 425px;
background-color : #000000;
color : #ffffff;
font-family : "Lucida Sans Unicode", sans-serif;
font-size : 12px;
}

#about h1 {
text-transform : uppercase;
letter-spacing : -1px;
}

#main .photo {
padding : 0;
margin : 22px 0 0 15px;
float : left;
}

#main .cond {
padding : 0;
margin : 30px 0 0 15px;
width : 477px;
float : left;
}

#kond {
margin : 0 auto;
padding : 10px 10px 0 10px;
float : right;
width : 480px;
background-color : #000000;
color : #ffffff;
font-family : "Lucida Sans Unicode", sans-serif;
font-size : 12px;
}

#kond h1 {
text-transform : uppercase;
letter-spacing : -1px;
}

#portfolio {
margin : 0 auto;
padding : 15px 0 0 0;
float : right;
width : 600px;
background-color : #000000;
color : #ffffff;
font-family : "Lucida Sans Unicode", sans-serif;
font-size : 12px;
}

#portfolio h1 {
font-size : 22px;
margin-top : 0;
text-transform : uppercase;
letter-spacing : -1px;
margin-bottom : 0;
}

#portfolio h2 {
margin-bottom : 0;
}

#index {
margin : 0 auto;
padding : 15px 0 0 0;
float : right;
width : 400px;
background-color : #000000;
color : #ffffff;
font-family : "Lucida Sans Unicode", sans-serif;
font-size : 12px;
}

#index h2 {
margin-bottom : 5px;
text-transform : uppercase;
}

#nav {
text-transform : uppercase;
font-size : 18px;
font-family : "Century Gothic", sans-serif;
color : #333333;
}

#nav a {
color : #333333;
text-decoration : none;
}

#menu {
list-style : none;
margin-top : -100px;
padding : 0;
width : 665px;
height : 100px;
position : relative;
}

#menu span {
display : none;
position : absolute;
}

#menu a {
display : block;
text-indent : -900%;
position : absolute;
outline : none;
}

#menu li {
width : 800px;
}

#menu a:hover {
background-position : left bottom;
}

#menu a:hover span {
display : block;
}

#menu .home {
width : 83px;
height : 37px;
background : url(images/home.jpg) no-repeat;
left : 340px;
top : 73px;
}

#menu .about {
width : 144px;
height : 37px;
background : url(images/about.jpg) no-repeat;
left : 423px;
top : 73px;
}

#menu .portf {
width : 145px;
height : 37px;
background : url(images/portfolio.jpg) no-repeat;
left : 567px;
top : 73px;
}

#menu .cond {
width : 168px;
height : 37px;
background : url(images/cond.jpg) no-repeat;
left : 712px;
top : 73px;
}

#menu .impr {
width : 125px;
height : 37px;
background : url(images/impressum.jpg) no-repeat;
left : 880px;
top : 73px;
}

#clean {
clear : both;
}

#footer {
background-color : #ffffff;
text-align : right;
float : right;
width : 450px;
padding-right : 20px;
color : #a6a6a6;
font-family : "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
font-size : 10px;
margin-top : 10px;
padding-bottom : 0;
}

#footer a:link, a:active, a:visited {
background-color : #ffffff;
color : #000000;
text-decoration : none;
}

#footer a:hover {
color : #f26f2f;
text-decoration : none;
}

#submenu {
margin : 0;
padding : 0;
float : left;
width : 500px;
}

#menu1 {
margin : 0;
padding : 0;
list-style-type : none;
padding : 0;
width : 665px;
height : 25px;
position : relative;
}

#menu1 a {
display : block;
text-indent : -900%;
position : absolute;
outline : none;
}

#menu1 li {
float : left;
width : 400px;
}

#menu1 a:hover {
background-position : left bottom;
}

#menu1 a:hover span {
display : block;
}

#menu1 .events {
width : 56px;
height : 25px;
background : url(images/events.jpg) no-repeat;
left : 25px;
}

#menu1 .portrait {
width : 88px;
height : 25px;
background : url(images/portrait.jpg) no-repeat;
left : 82px;
}

#menu1 .natur {
width : 71px;
height : 25px;
background : url(images/natur.jpg) no-repeat;
left : 170px;
}

#menu1 .selbst {
width : 112px;
height : 25px;
background : url(images/selbst.jpg) no-repeat;
left : 241px;
}

#kontakt {
margin : 0 auto;
padding : 10px 10px 10px 10px;
font-family : "Lucida Sans Unicode", sans-serif;
font-size : 12px;
}

.u {
text-decoration : underline;
}

h3 {
margin-bottom : 0;
}

/* styling gallery */
.stepcarousel {
margin : 0 auto;
position : relative;
overflow : scroll;
width : 998px;
height : 400px;
}

.stepcarousel .belt {
position : absolute;
left : 0;
top : 5px;
}

.stepcarousel .panel {
float : left;
overflow : hidden;
margin : 10px;
width : auto;
}

#fade {
float : left;
width : 570px;
top : 15px;
}


/* styling web form */
form {
margin-top : -10px;
}

input {
background-color : #000000;
color : #ffffff;
border : 1px solid #ffffff;
margin-bottom : 5px;
}

textarea {
background-color : #000000;
color : #ffffff;
border : 1px solid #ffffff;
margin-bottom : 5px;
}