@import url('reset.css');
@import url('print.css') print;

/***
main		0c6db5 (logo blau)
creme dk.	ecdfc1
creme hell	f9f5ec (features bg)
---			d7233b (logo rot, nur der info halber)
***/

/**********************************************************************/

body {
	background: url(../img/layout/bg_main.jpg) repeat-x #fff 0% 100px;
	font-family: Arial, Helvetica, sans-serif, sans;
	color: #0c6db5;
	font-size: 100.01%;
	}

p {
	margin-bottom: 24px;
	}

a {
	text-decoration: none;
	color: #0c6db5;
	}
a:hover {
	text-decoration: underline;
	}
a:focus {
	outline: 1px #0c6db5 dotted;
	}

b, strong {
	font-weight: bold;
	}
i, em {
	font-style: italic;
	}
tr, td {
	vertical-align: top;
	}

/**********************************************************************/

#container {
	width: 900px; margin: 295px auto 0 auto;
	}

/**********************************************************************/

#contentbereich {
	background: url(../img/layout/bg_contentbereich.jpg) repeat-y top right #fff;
	padding-bottom: 100px;
	}

/**********************************************************************/

#content {
	float: left; width: 630px;  margin-top: 24px;
	font-size: 80%;
	}

#content h1 {
	font-size: 150%; font-weight: bold;
	margin-bottom: 18px;
	}
#content h3 {
	font-size: 110%; font-weight: bold;
	margin-bottom: 3px;
	}

#content p {
	line-height: 1.5em;
	}

#content ul, #content ol {
	line-height: 1.4em;
	margin-bottom: 30px;
	}
#content ul li {
	background:url(../img/layout/bullit1.gif) no-repeat 0 6px;
	padding-left: 16px; margin: 0 0 12px 1px;
	
	}

#content p.section {
	font-style: italic;
	border-bottom: 1px #0c6db5 solid;
	margin-bottom: 9px;
	}

/**********************************************************************/


#news p.date {
	float: left; display: inline; margin: 0; margin-right: 9px;
	font-weight: bold;
	}

#news h2 {
	font-size: 120%; font-weight: bold;
	margin-bottom: 15px;
	}

.newsItem {
	border-bottom: 1px #0c6db5 dotted;
	margin-bottom: 30px;
	}

/**********************************************************************/

#features {
	float: right; width: 161px;
	padding: 16px; margin-top: 12px;
	
	font-size: 90%; 
	}

#features h4 {
	font-weight: bold;
	border-bottom: 2px #0c6db5 solid;
	margin-bottom: 18px;
	}

#features p {
	font-size: 80%;
	margin-bottom: 12px;
	}
#features .foerderbild {
	margin-bottom: 12px;
	border: 1px #595959 solid;
	}

.feature {
	margin: 12px 0 42px;
	}

.feature.socialmedia img {
	margin-right: 6px;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}
.feature.socialmedia img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

/**********************************************************************/

#footer {
	background: url(../img/layout/bg_footer.jpg) repeat-x #ecdfc1;
	height: 32px !important;
	font-size: 70%;
	}
#footer .inner {
	width: 900px; margin: 0 auto;
	padding-top: 8px;
	}
#footer p {
	margin:0;
	}
#footer1 {
	float: left; display: inline;
	}
#footer2 {
	float: right; display: inline; width: 193px; text-align: center;
	}
#footer2 a {
	padding: 0 6px;
	}

/**********************************************************************/

#logo, #suche, #sucheAusgabe, #topnavi, #navi, #aufmacherbild, #ticktack {
	position: absolute; left: 50%;
	}

#logo {
	width: 380px;
	top: 20px; margin-left: -450px;
	}
#suche {
	width: 400px;
	top: 18px; margin-left: 50px; text-align: right;
	}
#suchfeld input {
	background: url(../img/layout/bg_suche.jpg) repeat-x #136eb2;
	border: 1px #0c6db5 solid;
	width: 184px; height: 14px; padding: 3px;
	font-size: 0.7141em; color: #fff; font-style: italic;
	}

#sucheAusgabe {
	width: 200px;
	top: 18px; margin-left: 260px;
	}
	
#topnavi {
	width: 900px;
	top: 70px; margin-left: -450px; text-align: right;
	
	font-size: 70%;
	}

#topnavi a {
	padding: 0 4px;
	}

#topnavi a.navLogin, #topnavi a.navLogout {
	background: url(../img/layout/bg_navLogin.jpg) no-repeat;
	padding: 3px 20px 10px 20px;
	color: #fff;
	margin-left: 6px;
	}
#topnavi a.navLogout {
	color: #ddbf6f;
	}
	
#navi {
	width: 300px;
	top: 100px; margin-left: -460px;
	}
#navi ul {
	margin: 5px 15px 0 15px;
	}
#navi a {
	padding: 12px 0 12px 13px; display: block;
	font-weight: bold; color: #fff; font-size: 90%;
	border-bottom: 1px #88b4d4 solid;
	background: url(../img/layout/bg_nav_item.gif) no-repeat 0 14px;
	}
#navi a.last { /* für IE, ansonsten ginge natürlich auch last-child */
	border: 0px;
	}
#navi a:hover, #navi a.aktiv, #navi a:focus {
	color: #ddbf6f;
	text-decoration: none;
	}
#navi a:focus {
	outline: none;
	}

#aufmacherbild {
	width: 600px;
	top: 101px; margin-left: -210px;
	z-index: 100;
	}


#ticktack {
	width: 215px;
	top: 278px; margin-left: 240px;
	font-size: 65%; text-align: center;
	}
#ticktack2 {
    font-size:65%;
    left:50%;
    margin-left:-450px;
    position:absolute;
    top:278px;
    width:250px;
}
	

/**********************************************************************/

#navRollover  {
	position: absolute; top: 90px; left: 50%; margin-left: -220px;
	background-image: url(../img/layout/bg_nav-rollover.png);
	z-index: 110;
	width: 150px !important; height: 192px !important;
	visibility: hidden;
	}
#navRollover img {
	border: 1px #595959 solid;
	margin: 14px 0 0 14px;
	}


/**********************************************************************/

a.superButton1 {
	width: 224px !important; height: 29px !important; overflow: hidden;
	background:url(../img/addi/bigbutton1_0.jpg) #0a5b98 no-repeat;
	display: block;
	color: #fff; font-size: 140%; font-weight: bold;
	padding: 10px 0 0 40px;
	}
a.superButton1:hover  {
	background-image:url(../img/addi/bigbutton1_1.jpg);
	color: #ddbf6f; text-decoration: none;
	}
	
a.superButton2 {
	width: 168px !important; height: 20px !important; overflow: hidden;
	background:url(../img/addi/bigbutton2_0.jpg) #0a5b98 no-repeat;
	display: block;
	color: #fff; font-size: 70%;
	padding: 8px 0 0 24px;
	}
a.superButton2:hover  {
	background-image:url(../img/addi/bigbutton2_1.jpg);
	color: #ddbf6f; text-decoration: none;
	}
	
/**********************************************************************/

#suchSeite ol {
	list-style-type: decimal;
	padding-left: 18px;
	}
#suchSeite ol li {
	margin-bottom: 9px;
	font-style: italic;
	}

#suchSeite #output a {
	font-weight: bold;
	font-style: normal;
	}

/**********************************************************************/

#ausgabe {
	width: 628px; height: 650px;
	margin-bottom: 24px;
	border: 1px #336bb3 dotted;
	}
	
#ausgabeALT {
	width: 890x; height: 650px;
	margin-bottom: 24px;
	border: 1px #336bb3 dotted;
	}


/**********************************************************************/

.tableContent1 th, td {
	padding: 9px;
	}

.tableContent1 th {
	background: #efe7d4;
	border-bottom: 1px #0c6db5 solid;
	}
.tableContent1 .odd {
	background: #f3edde;
	}

/**********************************************************************/

form.formular1, form.formular2 {
	background: #0c6db5;
	color: #fff;
	padding: 12px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}

form.formular1 input, form.formular2 input, form.formular2 select {
	background: #fff; border: 0;
	padding: 3px;
	color: #0c6db5; font-weight: bold;
	font-family: Arial, Helvetica, sans-serif, sans;
	font-size: 13px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
form.formular1 label, form.formular2 label {
	font-style: italic;
	}

form.formular1 {
	width: 50%;
	}
form.formular1 input {
	width: 200px;
	}

form.formular2 {
	width: 75%;
	}
form.formular2 input {
	width: 300px;
	}

.error {
	color: maroon;
	}

/**********************************************************************/

#archiv {
	}
	
#archiv .issue {
	width: 200px; height: 195px; overflow: hidden;
	background: #f9f5ec; border: 1px #bca26c dotted;
	text-align: center; padding-top: 15px;
	float: left; margin: 0 6px 6px 0;
	}
#archiv .issue:hover {
	background: #f1eada; border: 1px #bca26c solid;
	}
#archiv .issue img {
	border: 1px #f9f5ec solid;
	}
#archiv .issue:hover img {
	border-color:#bca26c;
	}
#archiv .issue p {
	margin: 0;
	}

/**********************************************************************/

ul#stellenanzeigen {
	background: #f3f3f3;
	padding: 20px; margin: 20px 0px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	}

ul#stellenanzeigen li {
	background-position: 0 6px;
	background: url(../img/addi/icon_pdf.gif) no-repeat 0 2px;
	padding-left: 18px; margin: 0; 	margin-bottom: 21px;
	}
	
/**********************************************************************/

.stellenuebersicht1 {
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	background: #0c6db5;
	margin-bottom: 45px;
	}

.stellenuebersicht1 thead {
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	}
.stellenuebersicht1 th {
	font-weight: bold;
	vertical-align: middle;
	padding: 12px 9px;
	}
.stellenuebersicht1 th.first {
	-moz-border-radius-topleft: 6px;;
	}
.stellenuebersicht1 th.last {
	-moz-border-radius-topright: 6px;;
	}
.stellenuebersicht1 th.header:hover {
	background-color: #6cacdc;
	}
	
.stellenuebersicht1 th.icon , td.icon{
	text-align: center;
	}
.stellenuebersicht1 tbody {
	background-color: #fff;
	}
.stellenuebersicht1 tbody td {
	border-bottom: 1px blue dotted;
	}
.stellenuebersicht1 tbody tr:hover {
	background: #f9f5ec;
	cursor: pointer;
	}

#stellenanzeige {
	border: 1px #0c6db5 solid;
	padding: 21px; margin-bottom: 45px;
	}

#stellenanzeige .saLogo {
	border-bottom: 1px #0c6db5 solid;
	margin-bottom: 12px; padding-bottom: 6px;
	}
#stellenanzeige .saDaten {
	border-bottom: 1px #0c6db5 solid;
	margin-bottom: 18px;
	color: #777;
	}	
#stellenanzeige .saAnhang  {
	border-top: 1px #0c6db5 solid;
	padding-top: 15px;
	}
#stellenanzeige .saAnhang a {
	background: no-repeat 0 2px;
	padding-left: 18px; margin: 0; 	margin-bottom: 21px;
	}

#stellenanzeige .saAnhang a.pdf {
	background-image: url(../img/addi/icon_pdf.gif);
	}
#stellenanzeige .saAnhang a.doc {
	background-image: url(../img/addi/icon_doc.gif);
	}
#stellenanzeige .saAnhang a.rtf {
	background-image: url(../img/addi/icon_doc.gif);
	}
#stellenanzeige .saAnhang a.txt {
	background-image: url(../img/addi/icon_txt.gif);
	}

/**********************************************************************/

#suchformular {
	background: #f9f5ec;
	padding: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-bottom: 30px;
	}
#suchformular input.term {
	background: #fff; border: 1px #000 solid;
	width: 184px; padding: 2px;
	color: #0c6db5;
	}
#suchformular input.submit {
	background: #ccc; border: 1px #000 solid;
	padding: 1px 3px;
	}

#suchformular input.option {
	vertical-align: middle;
	}

div.ausgabeSucheErgebnis acronym { /* Suche i.d. Ausgaben: Suchbegriff hervorheben */
	background-color: #D5FFAA;
}
div.ausgabeSucheErgebnis {
	border-bottom: 1px #0c6db5 dotted;
	margin-bottom: 30px;
	}

/**********************************************************************/

.floatbreaker {
	clear: both;
	}

.block {
	clear: both;
	margin-bottom: 45px;
	}

.rahmen {
	border: 1px #595959 solid;
	}

.rechts {
	float: right; margin: 3px 0px 15px 15px;
	}

.links {
	float: left; margin: 3px 15px 15px 0px;
	}
.rArr {
	background: url(../img/layout/bg_rArr.gif) no-repeat 0px 4px;
	padding-left: 9px; margin-left: 3px;
	}
a.rArr {
	background: url(../img/layout/bg_rArr.gif) no-repeat 0px 4px;
	padding-left: 9px; margin-left: 3px;
	}
a.lArr {
	background: url(../img/layout/bg_lArr.gif) no-repeat 0px 4px;
	padding-left: 9px; margin-left: 3px;
	}
a.rArr.external, #news a.rArr.external {
	background: url(../img/addi/icon_ext.gif) no-repeat 0 2px;
	padding-left: 18px; margin: 0;
	}
a.rArr.mailto, #news a.rArr.mailto {
	background: url(../img/addi/icon_email.gif) no-repeat 0 5px;
	padding-left: 15px; margin: 0;
	}
a.pdf {
	background: url(../img/addi/icon_pdf.gif) no-repeat 0 2px;
	padding-left: 18px; margin: 0;
	}

a.dlPDF {
	background: url(../img/addi/icon_pdf.gif) no-repeat 0 2px;
	padding-left: 18px; margin: 0;
	}
a.dlDOC {
	background: url(../img/addi/icon_doc.gif) no-repeat 0 2px;
	padding-left: 18px; margin: 0;
	}
a.dlJPG {
	background: url(../img/addi/icon_jpg.gif) no-repeat 0 2px;
	padding-left: 18px; margin: 0;
	}
a.dlEPS {
	background: url(../img/addi/icon_eps.gif) no-repeat 0 2px;
	padding-left: 18px; margin: 0;
	}

#news a.rArr {
	background: url(../img/layout/bg_rArr_news.gif) no-repeat 0px 6px;
	padding-left: 9px; margin-left: 3px;
	font-style: italic;
	}

.infobox1 {
	border: 1px #0c6db5 solid;
	padding: 15px;
	}

/**********************************************************************/