* {
	margin:0;
	padding:0;
	}

li {list-style:none;}

a {
	-moz-outline: none 0;
	outline: none 0;
	color:#666;
}

a:hover{color:#FFF;}

img {border:none;}

h1, h2, h3 {font-size:14px; color:#FFF;}

.clear {clear:both;}

body{
	background: #000 url(/images/static/bg-main.jpg) repeat-x 0 70px;
	color:#999;
	line-height:150%;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	}
	
html, body {
	height: 100%;
	}

#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
	}
	
#content-wrap{
	margin:0 auto;
	padding-top:30px;
	width:900px;
	}

#header-wrap{
	height:70px;
	background:url(/images/static/bg-header.jpg) repeat-x 0 0;
	}
	
#header{
	margin:0 auto;
	width:900px;
	}

#footer {
	clear:both;
	text-align:right;
	margin:0pt auto;
	position:relative;
	width:900px;
	color:#666;
	}
	
#footer, .push {
	height: 20px; /* .push must be the same height as .footer */
}
	
#logo{
	float:left;
	margin-top:25px;
	}

#menu{
	float:right;
	position:relative;
	top:42px;
	}	

#menu li{
	float:left;
	margin:0 20px;
	font-size:18px;
	}

#menu li a {color: #666; text-decoration:none;}
#menu li a:hover {color: #999;}
#menu li #selected {color: #333; background: url(/images/static/icon-nav-selected.gif) no-repeat left; padding-left:27px;}

#home-main {
	margin-bottom:30px;
	background:url(/images/static/portrait.jpg) no-repeat bottom right;
	}
	
#home-main img{
	float:left;
	padding-right:6px;
	margin-right:20px;
	background: url(/images/static/bild-shadow.jpg) no-repeat right 0;
	}

#categories-box{
	clear:both;
	border-top:1px solid #333;
	background: #000 url(/images/static/bg-categories.jpg) repeat-x 0 0;
	padding:20px;
	margin-bottom:30px;
	}	

#werke-box{
	margin-left:112px;
	width:754px;
	}
	
.previous{	
	background:url(/images/static/btn-previous.jpg) no-repeat 0 0;
	display:block;
	float:left;
	width:77px;
	height:79px;
	margin-top:140px;
	text-indent:-9999px;	
	text-decoration: none;
}	

.next{	
	background:url(/images/static/btn-next.jpg) no-repeat 0 0;	
	display:block;
	float:left;
	width:77px;
	height:79px;
	margin-top:140px;
	text-indent:-9999px;
	text-decoration:none;
}
	
.next:hover, .previous:hover {background-position: 0 -79px;}
.next.disabled, .previous.disabled {visibility: hidden;}

.jcarousellite {
	float: left;
}

.jcarousellite ul { 
	float: left;
	width: 500px;
	margin: 0 50px 30px 50px;
	}

.jcarousellite ul li{
	text-align:center;
	float:left;
	width:500px;
	}

.jcarousellite ul li img {margin-bottom:5px;}
.column-box{clear:both;}	
.column-a {
	float:left; 
	width:470px; 
	margin-left:75px;
	}

.column-b{
	float:left; 
	width:300px;
	}

.column-c{
	float:left; 
	width:410px;
	margin-right:40px;
	margin-bottom:30px;
	}


.contact-box label {
	width:100px;
	float:left;
	}
	
.contact-box input {
	float:left;
	}
	
.contact-box p{
	clear:both;
	margin-bottom:10px;
	}

.btn-send{
	margin-left:100px;
	}
	


/*---------------------------
MENU CATEGORY
---------------------------*/

#menu-cat li a{
	text-indent:-9999px;
	height:21px;
	width:111px;
	display:block;
	float:left;
	margin:0 15px 30px 0;
	}

#btn-intuition a{background:url(/images/static/btn-cat-intuition.jpg) no-repeat 0 0;}
#btn-leben a{background:url(/images/static/btn-cat-leben.jpg) no-repeat 0 0;}
#btn-portrait a{background:url(/images/static/btn-cat-portrait.jpg) no-repeat 0 0;}
#btn-natur a{background:url(/images/static/btn-cat-natur.jpg) no-repeat 0 0;}
#btn-stilleben a{background:url(/images/static/btn-cat-stilleben.jpg) no-repeat 0 0;}
#btn- a{background:url(/images/static/btn-cat-intuition.jpg) no-repeat 0 0;}

#menu-cat li a:hover {background-position: 0 -21px;}
#menu-cat li a#selected {background-position: 0 -21px;}

#menu-cat-top{margin:20px 0 30px 55px;}
#menu-cat-top li { float:left; margin-right:20px;}
#menu-cat-top li a {
	display:block;
	padding:5px;
	background:#333;
	}
#menu-cat-top li a:hover {background:#666;}
.btn-more{
	text-indent:-9999px;
	height:21px;
	width:111px;
	display:block;
	margin-top:10px;
	background:url(/images/static/btn-mehr.jpg) no-repeat 0 0;
	}
.btn-more:hover {background-position:0 -21px;}


/*---------------------------
CLEAR FLOATS
---------------------------*/

#home-main:after,
#menu:after,
#categories-box:after,
#menu-cat:after,
#menu-cat-top:after,
#werke-box:after,
.jcarousellite:after,
.contact-box p:after,
.column-box:after
	{
	content: '';
	display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }