@charset "utf-8";
/* CSS Document */

@import url("normalisierung.css");

body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#003399;
		background-color:#f0f0f5;
}

/* Hauptnavigation */

div#navigation {
		width:100%;
		height:100px;
		position:fixed;
		top:0;
		z-index:100;
		overflow:visible;
}

div#navi-list {
		width:1250px;
		height:60px;
		background-image:url(../bilder/bg_navigation3.png);
		background-repeat:repeat-x;
		margin:0 auto;
		color:#ffffff;
		
}

ul#navigationsliste {
	height:50px;
	margin:0 0 0 187px;
}

ul#navigationsliste li{
			float:left;
			height:100%;
			margin:0;
}

ul#navigationsliste li.act{
			color:#506aa7;
			background-color:#f0f0f5;
			width:80px;
			height:36px;
			padding:12px 20px 0 20px;
			font-weight:400;
}

div#left-col {
	width:105px;
	height:600px;
	margin-top:0;
	background-image:url(../bilder/bg_workuta.jpg);
	background-repeat:no-repeat;
	background-color:#deb690;
}

div#inner-left-col {
	padding:44px 0 0 66px;
}

div#inner-left-col p{
	font-size:1em;
	font-weight:400;
	color:#ffffff;
}

.img-biografie {
	width:100px;
	padding-left:2px;
	padding-bottom:5px;
}

div#right-col {
	display:none;
}

div#wrapper {
		width:1250px;
		margin: 0 auto;
		position:relative;
		margin-top:50px;
}

div#content {
	width:900px;
	margin:0 auto;
	min-height:500px;
	position:relative;
	top:-160px;
	left:0px;
}

div#footer {
	height:20px;
	border-top:1px solid #506aa7;
	padding-top:5px;
	margin:80px 170px 0 180px;
}

div#footer p {
	float:left;
	font-size:.7em;
	padding:0 2px;
	color:#ffffff;
	background-color:#506aa7;
	position:relative;
	top:-70px;
	left:-35px;
}

/*** Dokumentengalerie ***/

div#previewContainer {
	width:920px;
	float:left;
	background-color:#dfdfdf;
	margin:5px;
	margin-top:-125px;
	position:relative;
	padding-bottom:30px;
}


div#counting {
	font-size:0.7em;
	margin-top:6px;
	width:120px;
	position:absolute;
	top:10px;
	left:740px;
	text-align:right;
}

div#counting span{
	font-weight:bold;
}

div#preview {
	width:900px;
	height:320px;
	background-color:#dfdfdf;
	margin-top:10px;
	padding-top:15px;
}

div#left {
	width:40px;
	height:200px;
	float:left;
	background-image:url(../images/arrow-left.png);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:158px;
	visibility:hidden;
}

div#left:hover {
	background-image:url(../images/arrow-left_hover.png);
}

div#right {
	width:40px;
	height:200px;
	float:left;
	background-image:url(../images/arrow-right.png);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:158px;
}

div#right:hover {
	background-image:url(../images/arrow-right_hover.png);
}

img.preview {
	height:120px;
	border:1px solid white;
	padding:7px;
	cursor:pointer;
}

img.preview.rahmen {
	border:1px solid white;
	padding:7px;
}

img.preview.rahmen:hover {
	border:1px solid #506aa7;
	padding:7px;
	cursor:pointer;
}

img.preview:hover {
	border:1px solid #506aa7;
	padding:7px;
}

div.preview-container {
	width:auto;
	float:left;
	margin-left:10px;
	margin-right:0;
	margin-top:10px;
	text-align:center;
	padding:5px 0 10px 0;
	border:1px solid white;
}

div.preview-container p {
	padding:10px 5px;
	font-size:.8em;
	font-weight:bold;
	color:#506aa7;
	text-align:center;
	display:none;
}

div#documentListing {
	display:none;
}


/*** GALLERY  ***/


div#gallery {
	width:1000px;
	padding:10px;
	position:absolute;
	z-index:101;
	top:6px;
	left:115px;
	background-color:#dfdfdf;
	border:1px solid #ffffff;
	display:none;
	background-image:url(../bilder/bg_popup5.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
}

div#imageGallery {
	width:900px;
	float:left;
	margin:10px 0 5px 7px;
	text-align:center;
}

img.rahmen {
	border:1px solid #dfdfdf;
	padding:2px;
}

div#imageGallery p{
	margin:25px 100px;
	font-size:.8em;
	font-weight:400;
	line-height:1.2em;
	text-align:left;
}

div#leftGallery {
	width:40px;
	height:500px;
	float:left;
	margin-left:0;
	margin-top:130px;
	background-image:url(../images/arrow-left.png);
	background-repeat:no-repeat;
	cursor:pointer;
	visibility:hidden;
}

div#leftGallery:hover {
	background-image:url(../images/arrow-left_hover.png);
	}

div#rightGallery {
	width:40px;
	height:500px;
	float:right;
	margin-top:130px;
	background-image:url(../images/arrow-right.png);
	background-repeat:no-repeat;
	cursor:pointer;
	visibility:hidden;
}

div#rightGallery:hover {
	background-image:url(../images/arrow-right_hover.png);
	}

div#closeDiv, div#closeDivList {
	width:100px;
	height:100px;
	cursor:pointer;
	position:absolute;
	top:2px;
	right:2px;
}


/*  Header  */

h1 {
	position:absolute;
	left:-9999px;
}

h2 {
	font-size:1.4em;
	color:#4f6aa7;
	margin:50px;
	margin-top:140px;
	font-weight:400;
}


div#previewContainer h2 {
	margin:15px 0 20px 27px;
	margin-top:;
}

#content .top h3 {

	margin-left:0px;

}

#content h4 {
	font-weight:400;
	font-size:1.1em;
	margin-left:50px;
}

div#inner-left-col h3 {
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2em;
	margin-top:6px;
}


/*  Links  */

a {
	color:#4f6aa7;
	text-decoration:none;
}

a:hover {
	color:#234b81;
	text-decoration:none;
}

ul#navigationsliste a {
	color:#f0f0f5;
	text-decoration:none;
	display:inline-block;
	min-width:80px;
	text-align:center;
	height:72%;
	background-color:#506aa7;
	padding:12px 20px 0 20px;
	border-left:1px solid #f0f0f5; 
}

ul#navigationsliste a:hover {
	color:#4f6aa7;
	background-color:#f0f0f5;
	text-decoration:none;
}

ul#navigationsliste a.act {
	color:#4e6086;
	background-color:#f0f0f5;
	font-weight:bold;
}

a.jpg {
	font-size:.9em;
	float:left;
	margin-left:0px;
	margin-top:3px;
	padding:4px;
	padding-left:25px;
	padding-right:5px;
	color:#ffffff;
	background-color:#4f6aa7;
	background-image:url(../images/pdf.png);
	background-repeat:no-repeat;
}

.navi_end {
	border-right:1px solid #f0f0f5; 
}

/* InfoBox  */

div#infobox {
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	font-size:.7em;
	text-align:left;
	width:100%;
	height:30px;
	padding:3px;
	color:#FFFFFF;
	border-top:3px solid white;
	background-color:#506aa7;
}

div#infobox p{
	width:400px;
	float:right;
	margin-right:30px;
}

div#infobox img {
	position:relative;
	top:-1px;
	left:425px;
	cursor:pointer;
	float:right;
}