/* NOEBV */



/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-weight:500;
	src: url('fonts/Roboto.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/Roboto.woff') format('woff'), /* Modern Browsers */
	url('fonts/Roboto.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/Roboto.svg#Roboto') format('svg'); /* Legacy iOS */
}



body, input {
	font-family: Roboto, Arial, Sans-Serif;
	color:#444444;
	font-size:140%;
}


h1 {
	font-weight:500;
	font-size:220%;
	text-transform:uppercase;
	color: #172C64;
	margin-top:25px;
	margin-bottom:10px;
}

h2 {
	font-weight:400;
	font-size: 140%;
	line-height: 120%;
	color:#172C64;
	margin-bottom:10px;
}

h3 {
	font-weight:bold;
	font-size: 120%;
	color:#555555;
	margin-bottom:5px;
}


h4 {
	font-weight:normal;
	font-size: 120%;
	color:#555555;
	margin-bottom:5px;
}


h5 {
	font-weight:normal;
	font-size: 120%;
	color:#172C64;
	margin-bottom:5px;
}



a            { text-decoration: none; } 
a:link		 { color: #172C64; text-decoration: none }
a:visited	 { color: #172C64 }
a:active	 { color: #555555 }
a:hover		 { color: #555555; text-decoration: none; }
a:focus { outline: none }
	


.news_text img { max-width:100%; height:auto }
.news_text { text-align:justify }
 

.content-box {
/* border-top: 1px solid #172C64; */
margin-left:0px;
margin-bottom:30px;
}


.content-box li { margin-left:20px; list-style-type: square }


.auswahl_aktuelles { margin:0px; padding:6px; padding-left:10px; color:#FFFFFF; background-color:#172C64 }
.auswahl_aktuelles_kopf { font-size:130%; font-weight:bold; text-transform:uppercase }
.auswahl_aktuelles_text { font-size:100% }


.reiter { float:left; margin-right:8px; color:#FFFFFF; background-color:#AAAAAA; font-weight:bold; font-size:13px; text-transform:uppercase; letter-spacing:1px; border:0px; margin-top:3px; padding:5px; padding-left:7px; padding-right:7px; border-radius:3px 3px 0px 0px }
.reiter_akt { background-color:#192859 } 
a.reiter:link, a.reiter:visited { color:#FFFFFF }





.footer {
    background-color:#FFFFFF;
	color:#BBBBBB;
    font-size: 100%;
	line-height:140%;
    margin-top: 10px;
	margin-bottom: 20px;
    padding: 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	height:150%;
}






.mail:before { font-family:'Glyphicons Halflings'; content: "\2709"; position:relative; top:2px; left:1px; margin-right:4px }
.maillink:before { font-family:'Glyphicons Halflings'; content: "\2709"; position:relative; top:2px; left:1px; margin-right:4px }

.weblink:before { font-family:'Glyphicons Halflings'; content: "\e080"; position:relative; top:2px; left:0px; margin-right:3px; padding:0px; line-height:110% }


.pdf:before  { content:url(/noebv/grafik/icon_pdf.gif); position:relative; top:2px; left:1px; margin-right:4px }
.pdf_g   { display:block; width:250px; line-height:65px; padding-left: 70px;  font-size:17px; border: 1px solid #DFDFDF;  background-image:url(/noebv/grafik/icon_pdf_g.gif); background-position:10px 10px; background-repeat:no-repeat }

.xls:before  { content:url(/noebv/grafik/icon_xls.gif); position:relative; top:2px; left:1px; margin-right:4px }
.lsx:before  { content:url(/noebv/grafik/icon_xls.gif); position:relative; top:2px; left:1px; margin-right:4px }
.jpg:before  { content:url(/noebv/grafik/icon_jpg.gif); position:relative; top:2px; left:1px; margin-right:4px }
.doc:before  { content:url(/noebv/grafik/icon_doc.gif); position:relative; top:2px; left:1px; margin-right:4px }
.ocx:before  { content:url(/noebv/grafik/icon_doc.gif); position:relative; top:2px; left:1px; margin-right:4px }
.mp3:before  { content:url(/noebv/grafik/icon_mp3.gif); position:relative; top:2px; left:1px; margin-right:4px }




.button { color:#FFFFFF; text-align:center; background-color:#172C64; font-weight:bold; font-size:13px; text-transform:uppercase; letter-spacing:1px; border:0px; padding:5px; padding-left:7px; padding-right:7px; border-radius:0px; margin-top:0px;}

.weiter { color:#FFFFFF; background-color:#172C64; font-weight:bold; font-size:13px; text-transform:uppercase; letter-spacing:1px; border:0px; padding:5px; padding-left:7px; padding-right:7px; border-radius:0px; margin-top:0px;}
a.weiter:link, a.weiter:visited { color:#FFFFFF }

.zurueck { color:#FFFFFF; background-color:#172C64; font-weight:bold; font-size:13px; text-transform:uppercase; letter-spacing:1px; border:0px; padding:5px; padding-left:7px; padding-right:7px; border-radius:0px; margin-top:0px }
a.zurueck:link, a.zurueck:visited { color:#FFFFFF }


.greyed { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%) }


/* Zebra Tabelle mit Hover, Rauch */

.tabelle { width: 100%; border-collapse:collapse; }
.tabelle td, .tabelle th { padding: 2px 10px; border-bottom: 0px; text-align:left; vertical-align: text-top }
.tabelle th { background-color: #172C64; color: #FFFFFF; font-weight:bold }
.tabelle tr:nth-child(1n+2) { background-color: #F4F4F4; color: #000000 }
.tabelle tr:nth-child(2n+3) { background-color: #DCDCDC; color: #000000 }
.tabelle tr:hover { background-color: #CCCCCC; color: #000000 }