/* reset */
@import "reset.css";

/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */


body {
	font-family: verdana;
	font-size: 10px;
	background: #d7d7d7;
	color: #000;
	text-align:center;
}

#wrapper{
	height:100%;
	width:100%;
	display: table;
	vertical-align:middle;

}
#container {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 750px;

}	
#inner {
	width: 980px;
 	background: #fff url(/files/logo_back.gif) no-repeat bottom center;
	height: 750px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	
}

/* ### hauptnavigation ######################################## */

#hauptnavigation {
	margin: 0;
	padding: 0;
}

#hauptnavigation ul {
	font-size: 10px;
}
#hauptnavigation ul li {
	display: block;
	width: 196px;
	font-weight: normal;
	text-align: center;
	float: left;
}
#hauptnavigation ul li a {
	display: block;
	font-size: 115%;
	color:#000;
	background: inherit;
	text-decoration: none;
	margin-top: 20px;
}


#hauptnavigation ul li a:link,
#hauptnavigation ul li a:visited {
	color:#000;
}
#hauptnavigation ul li a:hover,
#hauptnavigation ul li a:active,
#hauptnavigation ul li a:focus {
	color:#e3010e;
}
/* highlighted current element */
#hauptnavigation ul li strong {
	font-weight: normal;
}
#hauptnavigation ul li strong a {
	font-weight: normal;
}

em {
	font-style: normal;
}

#hauptnavigation ul li.logoaktiv a{
	background: url('/xfiles/logo_klein.jpg') no-repeat center center;
	width: 59px;
	height: 16px;
	text-indent: -2000em;
	margin: 18px 0 0 65px;
}



/* ### subnavigation ######################################## */

#subnavigation {
	margin: 0;
	padding: 0;
}

#subnavigation ul {
	font-size: 10px;
	list-style: none;
}
#subnavigation ul li {
	color: #000;
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 15px;
	line-height: 12px;
	list-style: none;
}
#subnavigation ul li a {
	text-decoration: none;
	padding: 0 0 0 12px;
	margin: 0 0 0 -12px;
 	background: url(/xfiles/pfeile.png) no-repeat 0px 4px;
}
#subnavigation ul li a:link,
#subnavigation ul li a:visited {
	color:#000;
}
#subnavigation ul li a:hover,
#subnavigation ul li a:active,
#subnavigation ul li a:focus {
	color:#e3010e;
	padding: 0 0 0 12px;
 	background: url(/xfiles/pfeile.png) no-repeat 0px -41px;	
}
/* highlighted current element */
#subnavigation ul li strong {
	font-weight: normal;
}
#subnavigation ul li strong a {
	font-weight: normal;
}

em {
	font-style: normal;
}


/* ### contentschmal ######################################### */

#contentschmal ul		{list-style: disc;}
#contentschmal ul li		{
	color: #000;
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 15px;
	line-height: 13px;
	margin: 0 0 0 15px;
	padding: 0 0 5px 0px;
}



#contentschmal {
	display: block;
	width: 196px;
 	background: #fff url(/files/bg_verlauf.jpg) no-repeat bottom center;
	padding: 100px 0 15px 0;
}

#contentschmalinhalt {
	font-size: 10px;
	padding: 15px;
}



#contentschmalinhalt p {
	color: #000;
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 15px;
	line-height: 1.5em;
}

#artikelname {
	font-size: 10px;
	margin: 15px 0 0 50px;
}

#contentnorm {
	width: 980px;
	margin: 20px 0 0 -603px;
	background-color: #fff;
	height: 590px;
	min-height: 590px;
}

/*Slideshow*/

pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics { display: block;height: 475px; width: 980px; padding:0; margin: 50px 0 0; }
.pics img { height: 475px; width: 980px;background-color: #f7f7f7;}

#nav {
	margin: 0 0 0 0;
	padding: 0;
	width: 980px;
	display: inline-block;
	text-align: center;
}

/*
#playstop {
	display: block;
	width: 50px;
	float: left;
	height: 18px;
	margin-top: 5px;
}

#playstop a.pause{
	padding:0;
	float: left;
	width: 17px;
	height: 18px;
	background-image: url(pause.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}


#playstop a.pause:hover{
	background-image: url(pause.gif);
	background-position: 0 -18px;
	background-repeat: no-repeat;
}


#playstop a.play{
	padding: 0;
	float: left;
	width: 17px;
	height: 18px;
	background-image: url(play.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}


#playstop a.play:hover{
	background-image: url(play.gif);
	background-position: 0 -18px;
	background-repeat: no-repeat;
}
*/


#nav a {
	display: inline-block;
	width: 196px;
	height: 64px;
}

#nav a:visited,
#nav a:link {

}

#nav a.activeSlide,
#nav a:focus,
#nav a:hover {
	background-image: none;
}

#output { }

#nav li { float: right; list-style: none; margin: 7px 0 0 0;}
#nav a.activeSlide { }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }

.abstand {
	clear: both;
	display: inline-block;
	min-height: 1px;
	width: 100%;
}

#pagingnavi {
	width: 50px;
	height: 10px;
	margin: -13px 0px 0 654px;
	
}

#pagingnavi a.pagingzurueck {
	background: url('/xfiles/pfeile2.png') no-repeat 0 -69px;
	display: block;
	float: left;
	width: 10px;
	height: 5px;
	margin: 0 10px 0 0;
}

#pagingnavi a.pagingzurueck:hover{
	background: url('/xfiles/pfeile2.png') no-repeat 0 -114px;
}


#pagingnavi a.pagingvor {
	float: left;
	background: url('/xfiles/pfeile2.png') no-repeat 0 0px;
	display: inline-block;
	width: 10px;
	height: 5px;
}

#pagingnavi a.pagingvor:hover{
	background: url('/xfiles/pfeile2.png') no-repeat 0 -45px;
}