@charset "ISO-8859-1";
@IMPORT url("reset.css");
@IMPORT url("gstyle.css");
@IMPORT url("fonts/raleway/raleway.css");


body {
	text-align:left;
	font-family: ProximaNova-Regular,Raleway,Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-family: Raleway,Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	
	font-size:16px;
	color:#376593;
	

	
	}	
	
font{
	color:#376593 !important;
	font-family: ProximaNova-Regular,Raleway,Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
	font-size:100%;
}

strong{
	font-weight:100;
}

/* Drucklayout */
@media print{
	body #wrapper #side,
	body #wrapper #add,
	body #wrapper #foot{
		display:none;
	}
	body #wrapper #main{
		float:left;
		width:1020px;
		border:0px solid red;
	}
	body .noPrint				{display:none;}
}	
	

	
/* Seite */
div#wrapper {
	position:relative;
	margin: 0px auto 0px auto;
	width: 99vw;
	height:100vh;
	
	min-width:800px;
	}	
	
/* innerer inhalt */
/*
div#wrapper #inner {
	margin:5px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	background:#ffffff;
	border-top:1px solid #555555;
	border-left:1px solid #888888;
	
	box-shadow: 0px 2px 8px #000000;
	-moz-box-shadow: 3px 3px 4px #000000;
	-webkit-box-shadow: 3px 3px 4px #000000;
	
	border-radius: 5px 5px 10px 10px;
	-moz-border-radius: 5px 5px 10px 10px;
	-webkit-border-radius: 5px 5px 10px 10px;
	}
*/	
	


/* Kopfzeile (Bild, Button) */
div#banner{
	position:relative;
	text-align:center;
	}
div#banner img{
	display:inline-block;
	margin-right:20px;
}
div#banner h1{
	display:inline-block;
	width:100%;
	margin:0px;
	text-align:center;
	font-family: verdana,arial, serif;
	font-size:4em;
	font-weight:100;
	text-shadow: -1px 0 #666666, 0 1px #666666, 1px 0 #666666, 0 -1px #666666;
	color:#af180c;
}	
div#banner div#menu{
	position:absolute;
	right:10px;
	top:5px;
	font-size:3em;	
}
	
/*Login*/
div.bnrlogin{
	float:right;
	padding:5px;
	font-size:0.8em;
}
div.bnrlogin a{
	text-decoration:none;
	color:#303030;
	}
	
div.bnrlogin span{
	padding-left:20px;
	background:url('images/user_suit.png') no-repeat 0px 0px ;
}

div.bnrlogin button {
	margin:2px auto;
	padding:0px 24px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
div.bnrlogin button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
div.bnrlogin button:active {
	position:relative;
	top:1px;
}


div#banner #bannerdoc div.bnrsrch{
	position:absolute;
	padding:3px;
	right: 20px;
	bottom: 5px;
	font-size:0.8em;
	color:#606060;
}
div#banner #bannerdoc div.bnrsrch input{
	border:none;
	color:#303030;
}	
div#banner #bannerdoc div.bnrsrch input:focus{
	font-size:2em;
	}
	
/* MAIN-CONTENT */
div#main {
		margin-bottom:20px;
	
}
/*Suchergebnis*/
div#main div#res ul{
	margin:5px 0px 20px 10px;
	}
div#main h4.headline{
	margin-bottom:15px;
}


div#main div#res ul li{
	padding:2px 0px 2px 0px;
	border-bottom:1px solid #e0e0e0;
}

div#add + div#main {
	margin:0px auto;
	width:870px;
	min-height:200px;
	border:0px solid blue;
	text-align:left;
	}	

div.side > div.add{
	float:left;
	width:95%;
	border:0px solid green;
	}
	
div.side > h4{	
	margin-bottom:50px;
	text-transform:uppercase;
}
	
div.side > div > div h4,	
div.add h4{
	padding:10px 10px 10px 10px;
	font-size:1em;
	weight:100;
	border:none;
	width:100%;
	}
/* senkr. Navigation */

/* Informationsbereich */
div.side{
	position:relative;
	padding-left:7%;
	margin-bottom:20px;
	float:left;
	width:93%;
	min-width:200px;
	border:0px solid red;
}

div.side > div:not(.add) {
	float:left;
	width: 95%;
}

div.side > div:.add{
	width:100%;
}


/* Spaltenbreite wenn Viewport>1300 px*/
@media(min-width:1000px){
	div.side > div:not(.add) {
		width: 55%;
		min-width: 400px;
		margin-right:10%;
		/*background-color:red;*/
	}
	
		div.side.fullw > div:not(.add) {
			width:100%;
		}
	
	
	div.side > div.add {
		/*background-color:yellow;*/
		width:20%;
		min-width:300px;
		
	}
	
}


/* Navigation */
div#navigation{
	position:fixed;
	z-index:200;
	right:0px;
	top:0px;
	bottom:0px;
	min-width:350px;
	border: 1px solid red;
	display:none;
	background-color:#ed701f;
	color:#ffffff;
	text-align:left;
	overflow:auto;
	font-family:ProximaNova-Bold;
}
div#navigation > ul{
	margin:80px 20px 20px 20px;
	text-transform:uppercase;
}
div#navigation > ul li{
	margin-bottom:10px;
}
div#navigation > ul li a{
	display:block;
	padding:10px;
	width:95%;
	color:#ffffff;
	border:2px solid #ffffff;
	text-decoration:none;
}

div#navigation > ul li a:hover{
	background-color:#fbb78b;
}

div#navigation > ul ul{
	margin-left:20px;
}

/* BOTTOM */
div.bottom{
	margin-left:7%;
	width:93%;
}




/* FOOTER */
div#foot{
	/*position:absolute;
	bottom:0px;*/
	width:99vw;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px solid green;
	background: #ed701f;
	height:2vh;
	min-height:40px;
	overflow:hidden;
	}
div#foot ul{
	float:right;
	margin:5px 0px 0px 0px;
	border:0px solid red;
	
	}	
div#foot ul li{
	float:left;
	margin: 0px 20px 0px 0px;
	}	
div#foot ul li a{
	float:left;
	color:#ffffff;;
	text-decoration:none;
	display:block;
	height:20px;	
}

/* Kenntnisnahme */
p.signinfo{
	padding:3px 0px 3px 25px;
	background:url(images/flag_red.png) no-repeat 5px 2px #fed9fd;
	font-size:0.8em;
}
p.signinfo span{
	font-size:0.8em;
	}
div.docsign{
	padding:3px 3px 3px 3px;
	background:#fed9fd;
	font-size:0.8em;
	}
div.docsign button{
	border:1px solid #666666;
	background:#eeeeee;
	}
div.docsign .signreturn{
	background:#ff657b;
	}
p.signremark{
	margin:10px 0px 0px 0px;
	height:20px;
	padding:0px 0px 0px 25px;
	background:url(images/tag_yellow.png) no-repeat 5px 1px;
	font-size:0.7em;
	color:#aaaaaa;
	}


/* Navigationssymbol */
h4 div.menu{
	position:absolute;
	z-index:100;
	top:5px;
	right:30px;
	width:50px;
	height:50px;
	background:url(images/menusymbol.png) no-repeat;
}

div.menuws{
	position:absolute;
	z-index:100;
	top:20px;
	right:20px;
	width:50px;
	height:50px;
	background:url(images/menusymbol_ws.png) no-repeat;
}


/* Text mit orangem linken Rand */
div.orangeborder{
	padding-left:5px ;
	border-left: 3px solid #ed701f;
}

p a.intlnk{
	color:#376593;
	font-weight:100;
	text-decoration:none;
	display:block;
	padding:10px;
	width:180px;
	border:2px solid #376593;
	text-align:center;
	font-size:1.1em;
	text-transform:uppercase;
}

.selected{
	background-color:#f8e8da;
}

a.intlnk{
	display:inline-block;
	margin:12px 0px 12px 0px;
}