@font-face{
    font-family:"Regular W01 Medium";
    src:url("../fonts/4fbd1471-cdf4-4979-b204-c157a2c3c9c5.eot?#iefix");
    src:url("../fonts/4fbd1471-cdf4-4979-b204-c157a2c3c9c5.eot?#iefix") format("eot"),url("../fonts/780fbfde-cd16-4985-b9a5-7c8121a64abf.woff2") format("woff2"),url("../fonts/f12e5939-449f-4caa-a590-9e1b40118f74.woff") format("woff"),url("../fonts/087aed7a-8f1e-44e2-81d1-4a534a6d4fc4.ttf") format("truetype");
}


/*
		b.Grafik css, Version 1.1
*/



/*_______________________________________________________________________________*/
/* 1. BASICS  */
/*-------------------------------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body {
	line-height: 1;
	color: #001030;
	/*font-family: Arial, Verdana, sans-serif;*/
	font-size: small;    
	background: #fff;	


	font-family:'Regular W01 Medium';

    
}


ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}




/* 1.1 LAYOUTS  */
/*-------------------------------------------------------------------------------*/


#header {
	height: 10px;
}




#seite {
	width: 995px;
	margin: 154px auto 0px auto;
	background: #fff;	
	padding: 0 20px;
}

#navigation {	
	float: left;
	width: 225px;	
}


#inhalt {
	float: right;
	width: 770px;
}

.links {
	float: left;
	width: 45%;	
}

.rechts {
	float: right;
	width: 45%;	
}


#logo {
	float: right;
	padding: 0 0 0 40px;
}

#footer {
	clear: both;
	height: 80px;
}



/*_______________________________________________________________________________*/
/* 2. STYLES */
/*-------------------------------------------------------------------------------*/

h1, h2, h3, h4, p, small, ul , li {
	color: #001030;
	
	text-transform: uppercase;


}

a { 
	color: #001030; 
	text-decoration: none;
 }

h1 {
	font-size: 180%;
	line-height: 2.2em;
}

h2 {
	font-size: 130%;
	line-height: 1.6em;
	padding: 0 0 0em 0;
}

h3 {
	font-size: 100%;
	line-height: 1.3em;	
}

.clearer {
	clear: both;
}



/* NEU */


article header {
	
/*
	padding-bottom: 10px;
*/
	margin-bottom:54px;
}




h2, h3, p, small, nav li a:hover, nav li a.aktiv {
	font-size: 100%;


	background-image: linear-gradient(to right, black 100%, transparent 100%);
	background-position: 0 1.2em;
	background-repeat: repeat-x;
	background-size: 8px 1px;





  	display: inline;

  	/*border: 1px solid black;*/
  	padding-bottom: 4px;

  	line-height: 1.4;
}

h2:after, p:after, small:after {
   	content: '';
    display: block;
 /*   clear: both;*/

 	visibility: hidden;
	line-height: 0;
	height: 0;
}

small, .nav-legal {
	font-size: 80%;
	background-position: 0 1.25em;
}

li.nav-topic {
	

}

h2, p, small {

	/*line-height: 1.4;*/

/*  text-decoration:none;
  color:green;
  border-style:solid;
  border-width: 0px 0px 1px 0px;
  transition: all .2s ease-in;
  padding-bottom: 1px;
  padding-top: 4px;

  display: block;

  text-decoration:underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under; 

  */
}

article .project-desc {
	width: 70%;
	margin-bottom:54px;
}
article .project-desc p, article .project-desc h3 {
	margin-bottom: 12px !important;
	display: block;
}
article .project-desc h3, article .project-desc p, article .project-desc small, article .quote p, article .quote small {
	text-transform: none !important;
	background-image: none;

}

article h2.content-head {
	
	
	

}

article .project-desc.content-page {
	
	margin-top:15px;
}


.quote { 



}
.block {
	width: 48%;
}

.block-left {
	float: left;


}



/* 2.1 NAVIGATION */
/*-------------------------------------------------------------------------------*/





#navigation nav ul {
	float: none;

	margin-top: 15px;
	margin-bottom: 15px;

	
	display: block;

	line-height: 1.4;
}



h3.nav-topic {

	
}





.toplink {
	position: fixed;
	bottom: 10px;
	width: 928px;
	text-align: right;
	
}


/*old*/

/*
#navigation ul{
	float:left;
	clear:both;
	margin-top: 1px;
	margin-bottom:12px;
}

#navigation ul *{
	float:left;
	clear:both;
}

#navigation ul li {
	padding: 0;
	margin: 0 0 5px 0;
}

#navigation li img {
	border-bottom: 1px solid;
	padding: 0 0 4px 0;
	margin:0;
}


#navigation li li img {
	border-bottom: none;
	clear:none;
}
#navigation .address li {
	margin: 0 0 8px 0;
}
#navigation li li .bottom-border{
	border-bottom:1px solid;
}

#navigation li li  {
}
#navigation li li a {
	display:block;
	padding: 0 0 3px 0;
}

#navigation li li.double-line a:hover {
   	background: white url(../img/nav/bg_hover.gif) repeat-x left 31px;
}

#navigation li li.double-line a.aktiv {
   	background: white url(../img/nav/bg_hover.gif) repeat-x left 31px;
}

#navigation li li a:hover {
   	background: white url(../img/nav/bg_hover.gif) repeat-x left 12px;
}

#navigation li li a.aktiv {
   	background: white url(../img/nav/bg_hover.gif) repeat-x left 12px;
}

#navigation ul ul {
	padding:0 0 0 0;
	margin: 20px 0 0 0;
}




*/
/* 2.2 INHALTS OBJEKTE */
/*-------------------------------------------------------------------------------*/


/* NEU */

#inhalt article img {
 
 margin-bottom:54px;

}

/*Headlines*/


.headlines {
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

.headlines img {
   	padding: 0 0 6px 0;
	margin: 0 0 0 0;
}

.headlines img.underline {
   	background: white url(../img/nav/bg_hover.gif) repeat-x left 12px;

}

img.tenpx {
	margin:1px 0;
}

.section-nav {
	padding: 0 0 0 0;
	margin: 18px 0 0 0;
}
.section-nav img {
	background: white url(../img/nav/bg_hover.gif) repeat-x bottom left;
	padding: 0 0 7px 0;
	margin: 0 0 0 0;
}

.section {
	margin-bottom:47px;
}
.news-home img {
	margin-bottom:54px;
}

.section a {
	display:block;
	padding: 0 0 0 0;
}

.section .section-header{
	margin: 0 0 0 0;
}

.section .section-header img{
   	padding: 0 0 7px 0;
	margin: 0 0 1px 0;
}

.section .section-header img.underline {
   	background: white url(../img/nav/bg_hover.gif) repeat-x bottom left;
}


.a-hover {
   	background: none;
}
.a-hover:hover {
   	background: white url(../img/nav/bg_hover.gif) repeat-x left 6px;
}