*{
	margin:0;
	padding:0;
	list-style: none;
	border: none;
	text-decoration:none;
}

/*Schriftart wird eingebunden*/
@font-face {
	    font-family: 'DINWeb';
	    src: url('http://umspannwerk-kreuzberg.de/fonts/DINWEb-Light.eot');
	    src: url('../fonts/DINComp-Light.ttf') format('truetype');
}

/*erzwingt einen vertikalen Scollbalken und verhindert ein hüpfen der Seite*/
html{height:101%;}

body {
	width:100%;
	height:100%;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 12px;
	color:#333;
}


/*Container der kompletten Seite zum Positionieren*/
#site{
	width:805px;
	margin-left:150px;
	z-index:99;
	position:relative;
}


/*Alle Überschriften in DINWeb-Font*/
h1 {
	font-family: 'DINWeb',  sans-serif; font-weight:normal; line-height: 30px;
}

h2 {
	font-family: 'DINWeb',  sans-serif; font-weight:normal; line-height: 20px;
}

h3 {
	font-family: 'DINWeb',  sans-serif; font-weight:normal; line-height: 20px;
}

h4 {
	font-family: 'DINWeb',  sans-serif; font-weight:normal; line-height: 20px;
}

	 
li.content { list-style-type:square; line-height: 20px; margin-left: 18px;
	
	}
	
li.number { list-style-type:decimal; line-height: 20px; margin-left: 18px;
	
	}
	
li.alpha { list-style-type:lower-alpha; line-height: 20px; margin-left: 18px;
	
	}
	
ol { list-style:decimal; list-style-type:decimal; line-height: 20px; margin-left: 18px;
	
	}

a {
	color:#900;
}

a:hover {
	text-decoration:none;
}


header{
	width:805px;
	height:180px;
}

#logo{
	width:80px;
	height:174px;
	padding-top:6px;
	float:left;
}


/*Navigation*/
nav{
	font-family: 'Asap', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	width:725px;
	height:180px;
	float:right;
}


/*Links in Navigationen*/
nav a{
	color:#fff;
}

nav a:hover{
	border-bottom:1px solid #fff;
}


/*Listitems in Navigationen*/
nav ul li{
	float:left;
}


/*META Navigation*/
#meta_navigation{
	padding-top:9px;
	float: right;
	font-size:10px;
}

#meta_navigation ul li{
	padding:0px 4px;
}

#meta_navigation ul li:last-child{
	padding-right:0px;
}

#meta_navigation ul li.lang{
	padding:0px 20px;
	display: block;
}

/*aktiver META-Menüpunkt*/
#meta_navigation ul li.cur a{
	border-bottom: 1px solid #fff;
}
/*META Navigation end*/


/*Hauptnavigation*/
#above_navigation {
	clear:right;
	margin-top:100px;
	height: 10px;
	margin-left:27px;
}
#navigation{
	clear:right;
	/*margin-top:110px; nho*/
	margin-left:27px;
	font-size:16px;
}

#navigation > ul > li{
		padding:0px 16px 9px 16px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #navigation > ul > li{
    	padding:0px 15px 9px 16px;
    }
}

#navigation ul li:first-child{
	padding-left:0px;
}


#navigation > ul > li:last-child{
	padding:0px;
	padding-bottom: 9px;‚
}

#navigation > ul > li > a{
	padding-bottom:5px;
}

/*aktiver Hauptnavigationspunkt und Elternelement von Subnavigation*/
#navigation ul li.cur > a, #navigation ul li.act > a, .anylinkcss li.cur a{
	border-bottom:1px solid #fff;
}

/* SUBMENUS müssen via margin-left jeweils angepasst werden */
#anchorclass0{
	margin-left:15px;
}

#anchorclass1{
	margin-left:15px;
}

#anchorclass2{
	margin-left:553px;
}

#anchorclass3{
	margin-left:360px;
}

div.anylinkcss li.last { padding-right:0; }


/*Hauptnavigation end*/


/*die Formatierung für die Submenus, ist in der menu.css zu finden*/


/*Content*/
#content{
	clear:both;
	width: 805px;
}

#content article{
	width:464px;
	padding:27px;
	background:url('../images/background_article.png') repeat;
	min-height: 334px;
	float:left;
	margin-bottom: 9px;
}

#content article h1{
	font-size:24px;
	padding-bottom:5px;
}

#content article p{
	line-height: 18px;
	margin-top:24px;
	margin-bottom:0px;
}
/*Content end*/


/*Slider*/
#content aside{
	width:224px;
	padding:27px;
	margin-bottom: 3px;
	background:url('../images/background_article.png') repeat;
	float:right;
}

#content aside h1{
	font-size:24px;
	padding-bottom:5px;
}

#content aside p{
	line-height: 24px;
	margin-top:24px;
	margin-bottom:-11px;
}

#content aside a{
	color:#990000;
}
/*Slider end*/


/*Footer*/
footer{
	clear:both;
	background:#000;
	padding:5px 18px;
	color:#fff;
	width: 482px;
}

footer .street, footer .city{
	font-size:13px;
	margin-right:60px;
}
/*Footer end*/

.slideshow,
	.slideshow:after {
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
				z-index: 0;
			}
			
	.slideshow:after {
				content: '';
				background: transparent url(http://umspannwerk-kreuzberg.de/css/images/pattern.png) repeat top left;
			}
			
	.slideshow li span {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0px;
				left: 0px;
				background-size: cover;
				background-position: 50% 50%;
				background-repeat: no-repeat;
				opacity: 0;
				z-index: 0;
			}
			
	.slideshow li div {
				z-index: 1000;
				position: absolute;
				bottom: 10px;
				left: 0px;
				width: 100%;
				text-align: right;
				opacity: 0;
			}
			
	.slideshow li div h3 {
				font-size: 160px;
				padding: 0 30px;
				line-height: 120px;
				color: #fff;
				font-family: 'DINWeb',  sans-serif;
			}
			
	#slider_control {
				position: relative;
				height: 10px;
				top: 45px;
				margin-right:-27px;
				float: right;
			}
			
	#slider_control li {
				width: 10px;
				height: 10px;
				background: #fff;
				float: left;
				margin-left: 5px;
				cursor: pointer;
			}
			
	#slider_control li.act {
				background: #999;
			}

	/* dAd 04.09.2013 */		
	#navigation li > ul { display: none; }
	#navigation li.act > ul {display:block;position:absolute;padding-top:24px;font-size:12px;left:95px;}		
	#navigation li.act > ul li {padding: 0px 8px 0px 12px;}
	#navigation li.act > ul li.cur a{padding-bottom:3px;}
	#navigation li.act > ul.left {left:95px;}
	#navigation li.act > ul.right {right:0;}