/**
* CSS
* Template Felix Schulz
* 03/2013
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 0.02em;
	font-family: adelle-sans-n4, adelle-sans, Arial, Helvetica, sans-serif;
	background: #e8e8e8;
	color: #4a4a4a;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color:#4a4a4a; }
a:active { text-decoration: none; color:#4a4a4a;}
a:visited { text-decoration: none; color: #4a4a4a; }
a:hover { text-decoration: none; color:#4a4a4a;}

a img { border: none; padding:0px; margin:0px;}



#menu {
    width: 215px;
	padding: 0 10px 0 10px;
    overflow: auto;
    top: 0px;
	padding-top:50px;
    bottom: 0;
	left: 40px;
    position: fixed;
    height: 100%;
	background-image:url(img/menu_background.png);
	background-repeat:repeat;
	z-index: 90;
}

#menu ul {
	list-style: none;
	margin: 2px 0 0 0;
	letter-spacing: 0.06em;
text-transform:uppercase; font-family: adelle-sans-n8, adelle-sans, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 800;
}

#menu ul li {
	list-style: none;
	margin: 2px 0 0 0;
	text-transform:none; font-family: adelle-sans-n4, adelle-sans, Arial, Helvetica, sans-serif; font-weight: 400;
}

#menu ul li.section-title { text-transform:uppercase; letter-spacing: 0.06em; font-family: adelle-sans-n8, adelle-sans, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 800;}

#content {
    height: 100%;
    margin: 50px 0 50px 280px;
    top: 0;
}

.container {
    /* padding: 5px 5px 25px 5px; */
}

#content p { width: 400px; margin-bottom: 0px; }

/* Diese Klasse definiert Groesse und Positionierung der Container auf der Startseite */
.container_home {
	float:left; 
	height:205Px; 
	width:205Px; 
	margin-right:20px;
	padding:0px;
}

/* Diese ID definiert die Position des Copyright-Vermerkes */
#copyright {
	position:fixed;
	top: 633px;
	left:80px;
	height:40px;
	width: 180px;
	z-index:91;
}

#copyright-text {
	position:absolute;
	bottom:0px; font-family: adelle-sans-n8, adelle-sans, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 800; word-spacing:2px;
}

p {
    margin: 0 0 0px 0;
}

h1 { font-size:12px; text-transform:uppercase; letter-spacing: 0.06em; font-family: adelle-sans-n8, adelle-sans, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 800; }
h2 { font-size:12px; text-transform:uppercase; letter-spacing: 0.06em; font-family: adelle-sans-n8, adelle-sans, Arial, Helvetica, sans-serif;  font-style: normal; font-weight: 800; }
h3 { font-size:12px; }
h4 { font-size:12px; }

/* Diese Klassen beschreiben die Teaser-Elemente auf der Startseite */
.container_home img {
	display:block;
	overflow:hidden;
	height:149px;
	width:205px;
	margin-bottom:5px;
}

.project_name {
	display:block; position:relative; left:-1px; font-family: adelle-sans-n8, adelle-sans, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 800; 
}

.project_type {
	display:block; margin-top: 0px; position:relative; left:-1px; text-transform:uppercase; 
}

/* Zieht in der Horizontal-Gallery den Text 2 Pixel nach oben */
#text {
	position:relative;
	top: -4px;
}

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 0px 0; }


#once { clear: left; }