@charset "UTF-8";
/* CSS Document */

body {
	font-family: "Helvetica Neue UltraLight", Helvetica, sans-serif;
	font-size: 0.9em;
	color:#333333;
	background-color:#FFFFFF;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-position: 0 95px;
}

h1.projects {
	font-size: .8em;
	text-align: center;
	font-weight: normal;
	color: #000000;
	line-height: 1.2em;
	margin:0;
	padding-top:3px;
}
p {
	font-size: .8em;
	line-height: 17px;
	text-align:justify;
}
.right {
text-align: right;
}
p.home {
	font-size: .8em;
	line-height: 22px;
	color:#000000;
	text-align: justify;
}


p.contact {
	text-align: right;
	font-size: .8em;
	}
	
p.prev-next {
	text-align: right;
	z-index: 10;
	}

h1 {
	font-size: 1.1em;
	font-weight: bolder;
	color: #000000;
	margin: 0;
	text-align:right;
}
h1.left {
text-align:left;
padding-top: 20px
}
h2 {
	font-size: 1.1em;
}

.red {
	color:#990000;
}
.news {
text-align: left;
}
#wrapper {
	width: 800px;
	height: 100%; 
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

#header {
	background-image: url(images/sandra-krinner_architektur.png);
	height: 198px;
	background-repeat: no-repeat;
	background-position: center;
	}
	
#nav {
	padding:0;
	width: 830px;
	font-size:.9em;
	color:#000000;
	text-align: right;
}

/* projects layout */

#main {
width: 800px;
height: 380px;
}

#main-new {
float: left;
height: 380px;
width: 550px;
}

#left-column-about {
float: left;
width: 350px;
padding-top: 17px;
}

#right-column {
float: right;
width: 230px;
height: 380px;
}	

#right-column-about {
float: right;
width: 450px; 
height: 380px;
}
/* for all image rollovers */
a.rollover1 {
	display: block;
	width: 200px;
	height: 130px;
	text-decoration: none;
	background-image: url(projects/vacation-home-main.jpg);	
	}

a.rollover1:hover {
	background-position: 0 -130px;
	}
	
a.rollover2 {
	display: block;
	width: 200px;
	height: 130px;
	text-decoration: none;
	background-image: url(projects/contemporary-home-main.jpg);	
	}

a.rollover2:hover {
	background-position: 0 -130px;
	}

a.rollover3 {
	display: block;
	width: 200px;
	height: 130px;
	text-decoration: none;
	background-image: url(projects/victorian-home-main.jpg);	
	}

a.rollover3:hover {
	background-position: 0 -130px;
	}
	
a.rollover4 {
	display: block;
	width: 200px;
	height: 130px;
	text-decoration: none;
	background-image: url(projects/family-residence-main.jpg);	
	}

a.rollover4:hover {
	background-position: 0 -130px;
	}
	
a.rollover5 {
	display: block;
	width: 200px;
	height: 130px;
	text-decoration: none;
	background-image: url(projects/audi-main2.jpg);	
	}

a.rollover5:hover {
	background-position: 0 -130px;
	}
	
a.rollover6 {
	display: block;
	width: 200px;
	height: 130px;
	text-decoration: none;
	background-image: url(projects/audi-werkstatt-main.jpg);	
	}

a.rollover6:hover {
	background-position: 0 -130px;
	}
	
a.rollover7 {
	display: block;
	width: 200px;
	height: 130px;
	text-decoration: none;
	background-image: url(projects/krippe-main.jpg);	
	}

a.rollover7:hover {
	background-position: 0 -130px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

/* end */

#description {
	padding: 160px 0;
}

.alignleft {
float: left;
font-size: 0.8em;
line-height: 1.1em;
font-style: italic;
color: #000000;
margin: 0;
padding: 0;
}

.alignright {
float: right;
font-size: 0.7em;
line-height: 1.1em;
margin: 0;
padding: 0;
}	

.foot {
font-size: 0.7em;
line-height: 1.1em;
margin: 0;
padding: 0;
	}
	
#footer {
clear:both;
text-align: right;
height:50px;
padding-top: 83px;
}

#footer-projects {
clear:both;
text-align: right;
height:50px;
padding-top: 54px;
}

#footer-projects-main {
clear:both;
text-align: right;
height:50px;
padding-top: 145px;
}

#nav ul{
display: block;
list-style-type: none;
padding: 100px 0 10px 0;
margin: 3px;
line-height: 21px;
}

#nav ul li{
	display:inline;
	margin: 1px;
}

#nav ul li a {
	text-decoration: none;
	padding: 0 25px 0 0;
	letter-spacing: 1px;
}


#nav ul li a.active {
color:#666666;
}


#nav ul li a:hover {
	text-decoration: none;
	color:#999999;
}

li#slideshow {
	padding-right: 147px;
}

#home #nav-home a,
#about #nav-about a,
#projects #nav-projects a,
#news #nav-news a,
#contact #nav-contact a
{
	color:#666666;
}

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

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

a:hover {
	color:#999999;
}

a:active {
text-decoration: none;
color:#666666;
}