@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

*{margin:0px; padding:0px;}
img{border:none;}
a{text-decoration:none; outline:none;}
ul {list-style-type: none;}
html, body{width:100%; height:100%;}
body{
	font-family: Calibri, 'Roboto', sans-serif;
	font-weight:400;
	color:#696969;
	background-image: url(grafik/linie.png);
	background-repeat: repeat-x;
	background-position: 0px 140px;
	background-color:#ebebeb;
}
#wrapper_top, #wrapper_main {
	position: relative;
	width: 1020px;
}
#wrapper_top{padding-top:118px;}
#scrollbox {min-width:1020px; height:460px; overflow-y:auto; overflow-x:hidden; margin-top:-10px;}

/*------------------------------------------------- Navigation + Logo ---------------------------------------*/
#navi {padding-left:500px;}
#navi li {display:inline;}
#navi li + li {margin-left:6px;}
#navi a:link, #navi a:visited{
	text-align:left;
	color:#fff;
	font-size:14px;
	font-weight:700;
	line-height:11px;
	background-color:#c9c8b0;
	padding:6px 0 0 3px;
	display:inline-block;
	width:90px;
	height:15px;
	border: solid 1px #c9c8b0;
	border-bottom:none;
}
#navi a:hover{	
	color:#000;
	background-color:#c9c8b0;
	border: solid 1px #9fa796;
}
#navi a.current{	
	color:#000;
	background-color:#ebebeb;
	border: solid 1px #9fa796;
	border-bottom: solid 1px #ebebeb;
}
#sa {position:absolute; left:20px; top: 150px; font-size:18px;font-weight:400; color:#777878;}
#sa strong {font-weight:700;}

#datenschutz{position:fixed; top:10px; right:20px; font-size:14px; line-height:14px}
#datenschutz a{color:#696969; }
#datenschutz a:hover{color:#000;text-decoration:underline;}

/*------------------------------------------------- Content ---------------------------------------*/
#content {	
	margin-top: 70px;
	margin-left: 390px;
}
.projekte #content {margin-left: 190px;}
.portfolio #content, .projekte #content, .einzelprojektinfo #content{margin-top: 48px;}
h1{
	font-size: 15px;
	font-weight:400;
	clear:right;
	line-height:18px;
}
h2{
	font-size: 15px;
	font-weight:700;
}
h3{font-size: 15px; font-weight:400;}

p, ul, h2, h3, table{
	font-size: 15px;
	line-height:18px;
	margin-bottom: 10px;
}
td{vertical-align:top; padding-right:10px; padding-bottom:5px;}
h1, h1 + p, h1 + h3, .projekte #content ul {margin-top:16px;}
#content a:link, #content a:visited{color:#696969;text-decoration:underline;}
#content a:hover{color:#000;}
.portfolio #content ul{
	list-style-type: circle;
}
.portfolio #content h1{width:80px;float:left;}
.portfolio #content p, .portfolio #content h3{width:520px;float:right;}
.portfolio #content ul{width:505px;float:right;}

.projekte #content h1{width:280px;float:left; position:relative; top:-5px;  text-align:right;}
.projekte #content ul{width:520px;float:right;}
.projekte li{margin-bottom:10px;}
.projekte img{margin-right:6px;vertical-align:middle;}

.kontakt #content img{float:right;}
.kontakt #content p{width: 200px; float:left;}

.impressum #content img{float:right;}
.impressum #content h3{width:100px; clear:left; float:left;margin-right:10px;}
.impressum #content p{width:250px;float:left; }
.impressum #content p.breit {width:520px;}

.text-left{text-align:left;}
.text-right{text-align:right;}
.text-top{ vertical-align: text-top;}
.text-bottom{ vertical-align: text-bottom;}

.text-left img {margin-right:6px;}
.text-right img{margin-left:6px;}

.slideshowContainer{
	margin-top: 20px;
}
#sub_slideshow{text-align:right; position:relative; top:-10px; margin-right:62px;}
#bu, #info{display: inline-block;}
#info{margin-right:20px;}
#bu{font-size:15px; line-height:14px; font-weight:700; position:relative; top:-6px; margin-right:6px; margin-left:-300px;}
.zurueck{position:relative; text-align:right; top:-25px; margin-bottom:-10px;}