body{
margin:0 0 0 0;
padding:0 0 0 0;
background:url(jpg/background_00.jpg) top center no-repeat #FFFFFF;
font: 12px/20px arial, verdana, sans-serif;
}

a:link {
color:#CCCCCC;
	text-decoration: none;
}
a:visited {
color:#CCCCCC;
	text-decoration: none;
}
a:hover {
color: #FFFFFF;
	text-decoration: none;
}
a:active {
color:#CCCCCC;
	text-decoration: none;
}

#navibar{
position: fixed;
left:20px;
top:150px;
width:300px;
z-index:99;
text-align:right;
}

#topsection{
height: 226px;
}
#topbox {
position:relative;
width:760px;
height:230px;
left:50%;
z-index:1;
margin-left: -380px;
}
#down_01 {
position:absolute;
left:0px;
bottom:0px;
width:30px;
height:30px;
z-index:2;
}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
position:relative;
width:780px;
padding:10px;
height:auto;
left:50%;
z-index:1;
margin-left: -400px;
}
#footer{
clear: left;
width: 100%;
background:url(jpg/footerleiste.jpg) bottom center no-repeat #FFFFFF;
margin-bottom:-20px;
}
#footerbox {
position:relative;
width:760px;
left:50%;
z-index:1;
margin-left: -380px;
text-align:center;
}
#maincontainer{

}

.portfolio{
margin-bottom:10px;
}

#end{
margin-top:300px;
width:880px;
height:200px;
background-color:#00FF33;
}




/* FILTERABLE START */

:focus { outline: 0; }


a img{ border:none; }


/* Layout */
.boundingBox{width: 760px; }

/* Content */

#content{ margin-top:-25px; padding-left:10px; }

/* Content - Portfolio Listing */

ul#portfolio-filter{padding-left: 0px;}
ul#portfolio-filter li{ display: inline;}
ul#portfolio-filter a{ 
color: #3B3B3B; 
font: 17px/27px 'MisoLight', Arial, sans-serif; text-transform:uppercase; color: #666666; line-height:20px;
}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #CCCCCC; }
ul#portfolio-filter a.current{ background-color:transparent; }

ul#portfolio-list{ margin:40 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 760px; height: auto; display: block; float: left; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 760px; height: auto; overflow: hidden; }
ul#portfolio-list li p{ color: #666666;  
text-decoration: none; 
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
}




/* FILTERABLE END */




/* SCHRIFTEN */

.font_01{
color: #C0C0C0;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

.font_02{
color: #C0C0C0;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

.font_03{
color: #CCCCCC;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
/* SCHRIFTEN */



@font-face {
	font-family: 'MisoLight';
	src: url('fonts/miso-light-webfont.eot');
	src: local('?'), url('fonts/miso-light-webfont.woff') format('woff'), url('fonts/miso-light-webfont.ttf') format('truetype'), url('fonts/miso-light-webfont.svg#webfontR7AhzoT1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MisoRegular';
	src: url('fonts/miso-webfont.eot');
	src: local('?'), url('fonts/miso-webfont.woff') format('woff'), url('fonts/miso-webfont.ttf') format('truetype'), url('fonts/miso-webfont.svg#webfontPIkVXRCF') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MisoBold';
	src: url('fonts/miso-bold-webfont.eot');
	src: local('?'), url('fonts/miso-bold-webfont.woff') format('woff'), url('fonts/miso-bold-webfont.ttf') format('truetype'), url('fonts/miso-bold-webfont.svg#webfontkr2cXK5S') format('svg');
	font-weight: normal;
	font-style: normal;
}

.miso_head {font: 20px/68px 'MisoLight', Arial, sans-serif; text-transform:uppercase; color: #999999; line-height:30px;}
.miso_text {font: 14px/27px 'MisoLight', Arial, sans-serif; text-transform:uppercase; color: #999999;  line-height:25px;}
.miso_text_b {font: 17px/27px 'MisoLight', Arial, sans-serif; text-transform:uppercase; color: #CCCCCC; line-height:20px;}