/* 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;
z-index: 20;
}

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

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

#impr1 {
margin: 0 auto;
padding: 0px 10px 0px 0px;
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: 0px;
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 0px;
}

#portfolio h2{
margin-bottom: 0px;
}

#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 : 562px;
top : 73px;
}

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

#menu .impr {
width : 125px;
height : 37px;
background : url(images/impressum.jpg) no-repeat;
left : 875px;
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: 0px;
}

#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 : 246px;

}


#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: 0px;
}




/* Slideshow CSS */
.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;
}