/* [0] reset all styles from default browser preferences */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img { border: 0px; }

/* HTML5 tags for IE */
header, section, footer, aside, nav, article, figure {display: block;}

/* fonts */

/**
 * @license
 * MyFonts Webfont Build ID 2695475, 2013-11-25T09:21:26-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Calibri Bold by Ascender
 * URL: http://www.myfonts.com/fonts/ascender/calibri/bold/
 *
 * Webfont: Calibri by Ascender
 * URL: http://www.myfonts.com/fonts/ascender/calibri/regular/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2695475
 * Licensed pageviews: 250,000
 * Webfonts copyright: © 2007 Microsoft Corporation. All Rights Reserved.
 *
 * © 2013 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("http://hello.myfonts.net/count/292133");
/*@font-face {font-family: 'Calibri-Bold'; src: url('http://domain.de/fileadmin/fonts/292133_0_0.eot');src: url('http://atelier30.de/fileadmin/fonts/292133_0_0.eot?#iefix') format('embedded-opentype'),url('http://atelier30.de/fileadmin/fonts/292133_0_0.woff') format('woff'),url('http://atelier30.de/fileadmin/fonts/292133_0_0.ttf') format('truetype');}*/
/*@font-face {font-family: 'Calibri'; src: url('http://domain.de/fileadmin/fonts/292133_1_0.eot');src: url('http://atelier30.de/fileadmin/fonts/292133_1_0.eot?#iefix') format('embedded-opentype'), url('http://atelier30.de/fileadmin/fonts/292133_1_0.woff') format('woff'),url('http://atelier30.de/fileadmin/fonts/292133_1_0.ttf') format('truetype');}*/

/*@font-face {font-family: 'LetterGotL-Med';src: url('../fonts/1FDB25_0_0.eot');src: url('../fonts/1FDB25_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/1FDB25_0_0.woff') format('woff'),url('../fonts/1FDB25_0_0.ttf') format('truetype');}*/
/*@font-face {font-family: 'LetterGotL-Bol';src: url('../fonts/1FDB25_1_0.eot');src: url('../fonts/1FDB25_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/1FDB25_1_0.woff') format('woff'),url('../fonts/1FDB25_1_0.ttf') format('truetype');}*/


body{
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

/* text styles */
p{
	font: 15px "Calibri", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	/*letter-spacing: 0.05em;*/
	color:#000;
	font-weight:normal;
}
h1{
	font: 17px "Calibri", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#000;
}
h2{
	font: 15px "Calibri-Bold", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	/*letter-spacing: 0.05em;*/
	color:#000;
}
h3{
	font: 15px "Calibri-Bold", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	/*letter-spacing: 0.05em;*/
	color:#000;
}
a{
	font: 15px "Calibri-Bold", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	/*letter-spacing: 0.05em;*/
	color:#000;
	text-decoration: none;
}
/* backup -only */
/*p{
	font: 13px "LetterGotL-Med", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#000;
}
h1{
	font: 17px "LetterGotL-Med", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#000;
}
h2{
	font: 13px "LetterGotL-Bol", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#000;
}
h3{
	font: 13px "LetterGotL-Bol", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#000;
}
a{
	font: 13px "LetterGotL-Med", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#000;
	text-decoration: none;
}*/
a:hover{
	color: rgb(225,14,21);
}
a.archiv{
	color: #ffffff;
}
a.archiv:hover{
	color: rgb(225,14,21);
}
.white, .bodytext{
	color:#fff;
}

.logo{
	position:absolute;
	display:block;
	top:10px;
	left:30px;
	font: 25px "Calibri-Bold", Helvetica, Arial, sans-serif;
	color:#fff;
}
/* site elements */

body{
	background-color:#000000;
}
header{
	position: fixed;
	width:100%;
	height:50px;
	top:0px;
	left:0px;
	z-index:9999;
	min-width:960px;
	color:#fff;
}
#header-bg-opaque{
	position: fixed;
	width:100%;
	height:50px;
	top:0px;
	left:0px;
	background-color: #000000;
	z-index:-100;
	min-width:800px;
}
#header-bg-trans{
	position: fixed;
	width:100%;
	height:50px;
	top:0px;
	left:0px;
	background-color: #000;
	z-index:-1;
	min-width:800px;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);
}
/*#nav{
	position:relative;
	float:right;
	margin-right:20px;
	margin-top:20px;
}

nav a{
	position:relative;
	float:left;
	font: 15px "Calibri", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#ffffff;
	text-decoration: none;
	margin-right:35px;
	height:18px;
}
nav a:hover, nav a.active{
	border-bottom: 2px solid rgb(225,14,21);
	color:rgb(225,14,21);
}*/
/*navigation neu als Liste*/
.nav{
	position:relative;
	float:right;
	margin-right:20px;
	margin-top:20px;
}
.nav li {
    list-style-type: none;
    float: left;
    }
ul.nav li a{
	position:relative;
	display: block;
	font: 15px 'Calibri-Bold', Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height: 1.5em;
	color:#ffffff;
	text-decoration: none;
	margin-right:35px;
	height:18px;
	text-transform: uppercase;
}
.nav li a:hover, .nav li a.active, nav li a.current{
	border-bottom: 2px solid rgb(225,14,21);
	color:rgb(225,14,21);
}

.subnav{
	position: fixed;
	width:100%;
	height:30px;
	bottom:30px;
	left:0px;
	min-width:960px;
	background-color: #000000;
	z-index:99;
}
.subnav li{
    float: left;
    list-style-type: none;
}
.subnav li a{
	position:relative;
	display: block;
	font: 15px "Calibri-Bold", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#ffffff;
	text-decoration: none;
	margin-left:20px;
	margin-top:5px;
	height:18px;
	text-transform: uppercase;
}
.subnav li a:hover, .subnav li a.active, .subnav li a.current{
	border-bottom: 2px solid rgb(225,14,21);
	color:rgb(225,14,21);
}
footer{
	position: fixed;
	width:100%;
	height:50px;
	bottom:0px;
	left:0px;
	background-color: #000000;
	z-index:9999;
}
footer p.right{
	position:relative;
	float:right;
	font-size:14px;
	margin-right:20px;
	margin-top:15px;
	color:#fff;
}
footer a{
	font-size:14px;
	color:#fff;
}
#content{
	position:absolute;
	display:block;
	top:75px;
	left:0px;
	width:100%;
	min-width:960px;
/*	height:90%;*/
}
.content-end{
	display:block;
	clear:both;
	height:55px;
}
/* news */
.news{
	width:650px;
	float:right;
}
.news-item{
	position:relative;
	display:block;
	width:650px;
	/*left:180px;*/
	margin-bottom:35px;
	float:right;
	margin-right:42px;
}
.news-item-bg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background-color: #fff;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);
	z-index:-1;
}
.news-item-headline{
	position:relative;
	height:25px;
	padding:5px;
}
.news-item-content{
	position:relative;
	width: 650px;
	margin-bottom:10px;
}
.news-item-image{
	position:relative;
	width: 650px;
	margin-bottom:20px;
}
.news-item-text{
	position:relative;
	width: 640px;
	margin-bottom:20px;
	text-align: justify;
	padding:5px;
}
.news-item-text h1{
	font: 15px "Calibri-Bold", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#fff;
	margin-bottom:10px;
	font-weight: normal;
}
.news-item-text h2{
	font: 15px "Calibri-Bold", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#fff;
	margin-bottom:10px;
	font-weight: normal;
}
.teaser-text ul li, .news-text-wrap ul li{
	list-style-type: square;
	list-style-position: outside;
	text-align: justify;
	width: 630px;
	margin-left:15px;
	font: 15px "Calibri", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#fff;
}
.teaser-text ul li p, .news-text-wrap ul li p{
	color:#fff;
}
.teaser-text a{
	color:#fff;
}
.teaser-text a:hover{
	color: rgb(225,14,21);
}
div.header h3{
	color:#fff;
}
div.footer{
	display: none;
}
div.news-backlink-wrap a, .news-text-wrap a{
	color:#fff;
}
.news-text-wrap a:hover{
	color: rgb(225,14,21);
}
/*.news-item-text li{
	list-style-type: square;
	list-style-position: outside;
	text-align: justify;
	width: 630px;
	margin-left:15px;
	color:#fff;
}
.news-item-text li p{
	color:#fff;
}
.news-item-text a{
	color:#fff;
}
.news-item-text a:hover{
	color: rgb(225,14,21);
}*/
.news-image{

}
.news-item-footer{
	position:relative;
	padding:5px;
	padding-bottom:0px;
	clear:both;
	width: 100%;
	height:25px;
}
.news-item-text .csc-default{
	margin-bottom:35px;
}
/* top */
.top-subnav{
	position: fixed;
	width:100%;
	height:30px;
	bottom:30px;
	left:0px;
	min-width:960px;
	background-color: #000000;
	z-index:99;
}
.top-subnav a, .top-subnav p{
	position:relative;
	float:left;
	font: 15px "Calibri-Bold", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color:#ffffff;
	text-decoration: none;
	margin-left:20px;
	margin-top:5px;
	height:18px;
}
.top-subnav a:hover, .top-subnav a.active{
	color:rgb(225,14,21);
}
.top-overview{
	background: url(../images/uebersicht.png) no-repeat 0 -20px;
	text-indent: 22px;
	margin-right:20px;
}
.top-prev{
	width:20px;
	height:20px;
	background: url(../images/prev.png) no-repeat 0 -20px;
	overflow:hidden;
}
.top-next{
	width:20px;
	height:20px;
	background: url(../images/next.png) no-repeat 0 -20px;
	overflow:hidden;
}
.top-text{
	width:60px;
	height:20px;
	background: url(../images/text.png) no-repeat 0 -20px;
	text-indent: 20px;
	overflow:hidden;
}
.top-overview:hover, .top-prev:hover, .top-next:hover, .top-text:hover{
	background-position: 0px 0px;
}
.top-close{
	position:relative;
	display:block;
	width:13px;
	height:13px;
	background: url(../images/close.png) no-repeat 0 0;
	float:right;
	margin-top:3px;
}
.project-image{
	display:none;
}
.top-textfeld{
	position:relative;
	display:none;
	float:right;
	width:600px;
	margin-right:50px;
	margin-bottom:75px;
	background-color: rgba(255,255,255,0.8);
}
.top-textfeld-bg:after {
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	clear:both;
}
.top-textfeld-text{
	margin:5px;
}
.top-textfeld-close{
	display:block;
	width:580px;
	height:20px;
	text-align:right;
	margin-bottom:5px;
	clear:both;
}
.top-textfeld-bg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:-1;
	background-color: rgba(255,255,255,0.8) !important;
	/*background-color: #fff;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);*/
}

/* Ersetzt durch projekte.css!
.top-thumbs{
	position:relative;
	display:block;
	float:right;
	width:920px;
	min-width:920px;
	margin-right:20px;
	margin-bottom:15px;
}
.top-thumb{
	position:relative;
	display:block;
	float:left;
	width:210px;
	height:180px;
	margin-right:20px;
	margin-bottom:20px;
}
.top-thumb-b{
	position:relative;
	display:block;
	float:left;
	width:210px;
	height:120px;
	margin-right:20px;
	margin-bottom:20px;
}
.top-thumb-bg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:-100;
	background-color: #fff;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);
}
.top-projectthumb{
	position: relative;
	width:210px;
	height:150px;
	overflow:hidden;
}
.top-projectthumb-b{
	position: relative;
	width:200px;
	height:95px;
	overflow:hidden;
	left:5px;
	top:5px;
	margin-bottom:5px;
}
.top-projectthumb-image{
	position:absolute;
	left:0px;
}
.top-projectthumb-image-b{
	position:absolute;
	left:0px;
}
.top-project-name{
	margin-top:2px;
	margin-left:2px;
	font-size: 11px;
}
.top-project-name-b{
	margin-top:5px;
	margin-left:7px;
}
*/
/* project-list */
.project-listitem{
	position:relative;
	display:block;
	width:940px;
	min-width:940px;
	margin-bottom:10px;
	float:right;
	margin-right:40px;
}
.project-listitem-bg:after {
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	clear:both;
}
.project-listitem-bg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:-100;
	background-color: #fff;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);
}
.project-listitem-name{
	width:255px;
	margin-right:20px;
	float:left;
	margin-left:5px;
	margin-top:3px;
	font-family: "LetterGotL-Bol", Helvetica, Arial, sans-serif;
}
.project-listitem-date{
	width:40px;
	margin-right:20px;
	margin-top:3px;
	float:left;
}
.project-listitem-description{
	width:595px;
	margin-right:5px;
	margin-top:3px;
	float:left;
}
/*Projekt Liste als Tabelle neu*/
.contenttable{
	border-collapse: collapse;
	position:relative;
	display:block;
	width:820px;
	float:right;
	margin-right:20px;
	margin-bottom:25px;
}
td{
    font-size: 13px;
	font-family: "Calibri-Bold", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	vertical-align: top;

	}
.td-0{
	/*width:230px;*/
	/*width:820px;*/
	width: 920px;
	padding-right:20px;

	padding-left:5px;
	padding-top:3px;
	}
.td-1{
	width:590px;
	/*width:20px;*/
	padding-right:20px;
	padding-top:3px;

}
.td-2{
	width:590px;
	padding-right:5px;
	padding-top:3px;

}

tr{
	margin-bottom: 10px;
	display: block;
	background-color: #fff;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);

}
/* kontakt */
/*neu gemacht*/
.csc-frame-frame1{
	position:relative;
	display:block;
	float:right;
	width:920px;
	min-width:920px;
	margin-right:40px;
	padding:5px;
/*	margin-bottom:60px;*/
/*	background-color: #fff;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);*/
	background-color: rgba(255,255,255,0.8);

}
.csc-frame-frame1 tr{
	display: block;
	background: none;
	-moz-opacity:1; -khtml-opacity:1; opacity:1;
	filter:alpha(opacity=100);
}
.csc-frame-frame1 p{
	color: #000000;
}

.csc-frame-frame2{
	position:relative;
	display:block;
	float:right;
	width:625px;
	min-width:625px;
	height:655px;
	margin-right:40px;
	padding:5px;
/*	background-color: #fff;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);*/
	background-color: rgba(255,255,255,0.8);

}
.csc-frame-frame2 p{
	color: #000000;
}
.csc-textpic, .csc-textpic-imagewrap, .csc-textpic-single-image{
	-moz-opacity:1; -khtml-opacity:1; opacity:1;
	filter:alpha(opacity=100);
}

.buero-textfeld{
	position:relative;
	display:block;
	float:right;
	width:920px;
	min-width:920px;
	margin-right:40px;
	padding:5px;
	margin-bottom:15px;
}
.buero-textfeld:after {
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	clear:both;
}
.buero-textfeld-bg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:-100;
	background-color: #fff;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);
}
.buero-publikation-image{
	float:left;
	margin-right:20px;
}
.buero-team-thumbs{
	position:relative;
	display:block;
	float:right;
	width:920px;
	min-width:920px;
	margin-right:20px;
	margin-bottom:35px;
}
.buero-team{
	position:relative;
	display:block;
	float:left;
	width:210px;
	height:180px;
	margin-right:20px;
	margin-bottom:20px;
}
.buero-team-bg, .buero-team-vita-feld-bg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:-100;
	background-color: #fff;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);
}
.buero-team-name{
	font: 13px "Calibri", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	text-indent: 5px;
	color: rgb(225,14,21);
}
.buero-team-function{
	font: 13px "Calibri", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	text-indent: 5px;
	color: rgb(225,14,21);
}
.buero-team-vita-feld{
	position:relative;
	display:block;
	float:left;
	width:690px;
	margin-bottom:20px;
}
.buero-team-vita-feld:after {
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	clear:both;
}
.buero-team-vita-feld-fullwidth{
	position:relative;
	display:block;
	float:left;
	width:690px;
	margin-bottom:10px;
}
.buero-team-vita-feld-left{
	position:relative;
	display:block;
	float:left;
	width:100px;
	margin-right:20px;
}
.buero-team-vita-feld-right{
	position:relative;
	display:block;
	float:right;
	width:570px;
}
.buero-team-vita-feld-fullwidth p, .buero-team-vita-feld-left p, .buero-team-vita-feld-right p{
	margin-top:5px;
	margin-left:5px;
}
#slideshow, #slideshow img{
	display:none;
}
/* kontakt */
.kontakt-field{
	position:relative;
	display:block;
	float:right;
	width:625px;
	min-width:625px;
	height:625px;
	margin-right:40px;
	padding:5px;
}
.kontakt-field:after {
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	clear:both;
}
.kontakt-field-image, .kontakt-field-text{
	position:relative;
	margin-left:5px;
}
.kontakt-field-bg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:-100;
	background-color: #fff;
	-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	filter:alpha(opacity=80);
}
.kontakt-right{
	position:absolute;
	left:65px;
}
/*Tabelle für die Teammitglieder*/
.teamtbl{
border-collapse: collapse;

}
.teamtbl tr {
	background: none;

}
.teamtbl .td-1{
	width: 100px;
}
.teamtbl .td-2{
	width: 570px;
}
/*kontaktfeld*/
#c7 p{
    margin-left: 10px;}
    /*Transparenz beim Bild austellen*/

#c7.csc-frame-frame2 img{



}
.csc-default table{
	clear:both;
	border-collapse: collapse;
	position:relative;
	display:block;
	width:920px;
	float:right;
	margin-right:20px;
	margin-bottom:15px;
}
.csc-default tr{
	display: block;
	/*width: 820px;*/
	width: 920px;
}
.csc-default td{
	padding:2px;
	padding-left:4px;
}

#logo-big{
	position:absolute;
	display:block;
	width:100%;
	height:33%;
	bottom:30px;
	/*background: rgba(0,0,0,0.5);*/
}
#logo-big h1{
	margin-top:5%;
	font-size: 62px;
	color:rgb(255,255,255);
	text-align:right;
	margin-right:40px;
}
#logo-big p{
	font-size: 21px;
	color:rgb(255,255,255);
	text-align:right;
	margin-right:40px;
}
#logo-big a{
	font-size: 25px;
	color:rgb(255,255,255);
}
#logo-big a:hover{
	color: rgb(225,14,21);
}