/* 
.......................................................
Programming // Der Hersteller // www.der-hersteller.de
.......................................................  
   
*/


/*reset
............................................................................*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {
	margin:0;
	padding:0;
}
article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section {
	display:block;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img, abbr, acronym {
	border:0;
}
abbr, acronym {
	cursor:help;
	border-bottom:1px dotted;
}
em,i,cite,q,dfn,var {
	font-style:italic;
	font-weight:inherit;
}
strong,b,mark{
	font-style:inherit;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
a:focus,
embed:focus, 
object:focus {
	outline:none;
}
img, embed, object, legend {
	display:block;
}
img { 
	-ms-interpolation-mode: bicubic; 
}
sup {
	line-height:3px;
	vertical-align: top;
}
:focus {
	 outline-color: transparent;
	 outline-style: none;
}


/*@font
............................................................................*/
@font-face {
    font-family: 'AllerBold';
    src: url('../font/aller_bd-webfont.eot');
    src: url('../font/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aller_bd-webfont.woff') format('woff'),
         url('../font/aller_bd-webfont.ttf') format('truetype'),
         url('../font/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AllerItalic';
    src: url('../font/aller_it-webfont.eot');
    src: url('../font/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aller_it-webfont.woff') format('woff'),
         url('../font/aller_it-webfont.ttf') format('truetype'),
         url('../font/aller_it-webfont.svg#AllerItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AllerRegular';
    src: url('../font/aller_rg-webfont.eot');
    src: url('../font/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aller_rg-webfont.woff') format('woff'),
         url('../font/aller_rg-webfont.ttf') format('truetype'),
         url('../font/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*tag
............................................................................*/
body {
	font:95%/1.4 'AllerRegular', Arial, Helvetica, sans-serif;
	color:#3d3c3f;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
h1 {
	float:left;
	padding:112px 0 0 25px;	
	line-height:1.3em;
	font-size:14px;
}
h1 span {
	font-size:34px;
	line-height:1.5em;
}
h2 {
	font-size:16px;
	margin:0 0 15px 0;
}
h3 {
	font-size:14px;
	margin:30px 0 15px 0;
}
p {
	margin:0 0 15px 0;
}
p + ul {
	margin:-10px 0 0 15px !important;
}
strong, b {
	font-weight:normal;
	font-family:'AllerBold';
}
i {
	font-style:normal;
	font-family:'AllerItalic';
}
blockquote {
	font-family:'AllerItalic';
	color:#555;
}
blockquote span {
	display:block;
	font-family:'AllerRegular';
	font-size:11px;
	text-align:right;
}


/*class
............................................................................*/
.orange {
	color:#ee7f01;
}
.blue {
	color:#00b1e6;
}
.green {
	color:#c0ca00;
}
.fuchsia {
	color:#bd0160;
}
.himbeere {
	color:#e3006a;
}
.margintop {
	margin-top:35px;
}
.fontsize {
	font-size:14px;
}
.clear {
	clear: both;
}



/*layout
............................................................................*/
#container {
	margin:40px auto;
	/*width:920px;*/
	width:970px;
	background: url(../img/bg.png) repeat-y;
	-moz-box-shadow:0px 3px 8px 0 rgba(26,23,27,0.2);
	-webkit-box-shadow:0px 5px 8px 0 rgba(26,23,27,0.2);
	box-shadow:0px 3px 8px 0 rgba(26,23,27,0.2);
}

.section {
	clear:both;
	min-height:150px;
}
#content {
	float: left;
	width: 545px;
	margin:0 0 0 45px;
	padding:50px 0 50px 0;
	font-size:13px;
}
#content a {
	color:#3d3c3f;
}
#content.content-aktivitaeten {
	width: 645px;
}
.content-aktivitaeten .unifyRepeat {
	clear: both;
}
.content-aktivitaeten .sc-content h3 {
	color:#e3006a;
	margin:45px 0 10px 0;
}
.content-aktivitaeten .sc-content img {
	float: right;
	display: block;
	max-width: 125px;
	max-height: 150px;
	margin:0 0 25px 0;
}
.content-aktivitaeten .sc-content p {
	width: 475px;
}
#aside {
	float:left;
	width:230px;
	margin:0 0 0 25px;
	font-size:13px;
}
/*FIX IE6*/
* html #aside {
	margin:0 0 0 10px;
}
#aside img {
	display:block;
	margin:0 0 5px 25px;
}
#aside a {
	text-decoration:underline;
}
#aside a:hover {
	text-decoration:none;
}

#content ul {
	margin:0 0 0 15px;
}
#content ul li {
	padding:3px 0 0 0;
}


/*header_nav
............................................................................*/
#header {
	padding:20px 25px 20px 25px;
}

#nav {
	float:right;
	/*width:600px;*/
	width:650px;
	list-style:none;
}
#nav ul {
	list-style:none;
}
#nav ul li {
	float:right;
	/*width:145px;*/
	width:125px;
	height:250px;
	margin:0 0 0 5px;
}
#nav ul li a {
	display:block;
	/*width:133px;*/
	width:118px;
	padding:150px 0 0 7px;
	height:100px;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	font-family:AllerBold;
}
#nav ul li a:hover {
	color:#fffcee;
}
.leistung {
	background:url(../img/bg_leistung.png) no-repeat;
}
.leistung:hover, .leistung_current {	
	background:url(../img/bg_leistung_over.png);
}
.leben {
	background:url(../img/bg_leben.png) no-repeat;
}
.leben:hover, .leben_current {	
	background:url(../img/bg_leben_over.png);
}
.menschen {
	background:url(../img/bg_menschen.png) no-repeat;
}
.menschen:hover, .menschen_current {	
	background:url(../img/bg_menschen_over.png);
}
.geschichte {
	padding:169px 0 0 7px !important;
	height:81px !important;
	background:url(../img/bg_geschichte.png) no-repeat;
}
.geschichte:hover, .geschichte_current {	
	padding:169px 0 0 7px !important;
	height:81px !important;
	background:url(../img/bg_geschichte_over.png);
}
.aktivitaeten {
	padding:169px 0 0 7px !important;
	height:81px !important;
	background:url(../img/bg_aktivitaeten.png) no-repeat;
}
.aktivitaeten:hover, .aktivitaeten_current {	
	padding:169px 0 0 7px !important;
	height:81px !important;
	background:url(../img/bg_aktivitaeten_over.png);
}


/*footer
............................................................................*/
#footer {
	clear:both;
	height:36px;
	padding:75px 0 0 0;
	margin:0 0 0 0;
	background:url(../img/farbstreifen.png) left bottom no-repeat;
}
#footer ul {
	margin:0 0 0 290px;
}
#footer ul li {
	display:inline;
	margin:0 0 0 10px;
}
#footer ul li a {
	color:#ee7f01;
	text-decoration:none;
	font-size:13px;
}
#footer ul li a:hover,
#footer ul li a:active,
#footer ul li a.current {
	text-decoration:underline;
}