@charset "UTF-8";
/* CSS Document PoKoBi 2017
alte bg-Farbe: #fc6*/

.todo {
	color:#F3C;
}
.js, .jsinline {
	display:none;
}
* {margin:0; padding:0;}
/*Gitter nur auf index - für Geschlossen wegen Pandemie*/
#gitter {
	position:absolute;
	width:100%;
	height:100%;
	z-index:200;
	background-image:url(../bilder/gitterkachel01.png);
	text-align:center;
}
#gitter img {
	margin-top:330px;
	padding-left:150px;
}

body {
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	height:100%;
	background-color:#000;
}
h2 {font-size:1.2em; line-height:1.3; margin-bottom:8px;}
h3 {font-size:1.1em; line-height:1.3; margin-bottom:8px;}
h4 {margin-bottom:5px;}
p {margin-bottom:8px; line-height:1.4;}
/***** ALLGEMEINE KLASSEN ******/
.altebreite600 {width:600px; margin:0 auto;}
.bold {font-weight:bold;}
.braun {color:#630;}
.center {text-align:center;}
.clear {clear:both;}
.clearone {height:1px; font-size:1px; clear:both; display:block;}
.displaynone {display:none;}
.durchgestrichen {text-decoration:line-through;}
.grau {color:#999;}
.normaldick {font-weight:normal;}
.normalfarbe {color: #333;}
.punkteduenn {border-bottom:1px dotted #b08128;}
.quelle {font-size:0.9em; font-style:italic; color:#555;}
.italic {font-style:italic;}
.rechts {text-align:right;}
.rot, .red {color:#900;}
.unterueberschriftbold {margin-top:-4px; font-weight:bold; font-style:italic;}
.unterueberschriftnormal {margin-top:-4px; font-weight:normal; font-style:italic;}
.zwischenueberschrift {margin-top:8px; margin-bottom:6px; font-weight:bold; font-size:1.1em;}
.zitat {padding-left:20px; padding-right:20px; color:#555; font-style:italic;}
.zitatfliesstext {font-style:italic; color:#555;}
.zusammen {white-space:nowrap;}
/*für text()-Funktion Datenbank auslesen*/
.groesser {font-size:15px;}
.span8hoch {height:8px; font-size:8px; display:block;}

/*für die einzelnen Blocks*/
.unterzeile {
	padding-top:5px;
	padding-bottom:3px;
	margin-bottom:20px;
	font-size:0.85em;
	font-style:italic;
	text-align:right;
	border-bottom:1px dotted #b08128;
}

.datum {
	display:block; 
	width:auto; 
	padding-top:2px;
	float:right; 
	text-align:right;
	font-style:italic;
	font-size:0.9em;
	color:#630;
}
/*DIVERSE LINKS - pseudobotton s.weiter unten*/
a:link, a:visited {color:#900; text-decoration:none;}
a:hover {color:#630;}
/*tooltip für admin_aktion_eintrag z.B. kurztitel
Margin auf den Seiten selbst definieren*/
a .tooltip {
	position:relative;
}
a > div {
	cursor:pointer;
}
.tooltip span {
	display:none;
	z-index:0;
}
.tooltip:hover span {
	display:block;
	position:absolute;
	width:auto;
	padding:1px 2px;
	margin-top:-20px;
	margin-right:300px;
	border:1px solid #900;
	background-color:#Fc6;
	z-index:130;
}
/*--- ende tooltip---*/
a > img:hover, a > div > img:hover {
	filter: alpha(opacity=80);
	/* Mozilla 1.6 und frueher */
	-moz-opacity: 0.8;
	opacity: 0.8;
}
h2 > a:link, h2 > a:link {
	text-decoration:none;
	color:#333;
}
h2 > a:hover {color:#900;}
div.bildblock + h2 {
	margin-top:8px;
}
.weiter {
	padding:2px 24px 2px 0;
	background:url(../bilder/hand-WeiterNormal.gif) no-repeat right center;
	cursor:pointer;
	text-decoration:none;
}
.weiter:hover {
	background:url(../bilder/hand-WeiterHover.gif) no-repeat right center;
}
.zurueck {
	padding:2px 0 2px 24px;
	background:url(../bilder/hand-ZurueckNormal.gif) no-repeat left center;
	cursor:pointer;
	text-decoration:none;
}
.zurueck:hover {
	background:url(../bilder/hand-ZurueckHover.gif) no-repeat left center;
}
.schliessen {color:#900;}
.schliessen:hover {color:#630;}
.span-links {
	float:left;
	width:200px;
	z-index:10;
}
.span-rechts {
	float:right; 
	width:200px; 
	text-align:right;
	z-index:10;
}
.span-mitte {
	width:320px; 
	display:inline-block;
	text-align:center;
}
/***** Für alle Links, die als Button dargestell werden sollen *********/
.pseudobotton, .pseudobottontop, .zurueckbotton {
	width:auto;
	padding:1px 5px; 
	text-decoration:none; 
	font-size:11px; 
	border-bottom:1px solid #333333; 
	border-right:1px solid #333333; 
	border-top:1px solid #ffffff; 
	border-left:1px solid #ffffff; 
	background-color: #ffe696;
	cursor:pointer;
}
.pseudobotton:hover, .pseudobottontop:hover, .zurueckbotton {
	color:#900;
}
.divzu {
	background:url(../bilder/kreuz_grau.gif) no-repeat right;
	height:20px;
}
.divzu:hover {
	background:url(../bilder/kreuz_schwarz.gif) no-repeat right;
}
/*FÜR POPPUP - über click auf ein LINK mit der class popup wird das href dort gezeigt */
div.popp {
	position:absolute;
	width:auto;
	margin:10px auto;
	padding:10px;
	background-color:#ffe696;
	border:2px double #000;
	cursor:pointer;
	display:none;
	z-index:200;
}
/* - konzept.php, admin_bewerber_aktuell */
.einzel {
	position:absolute; 
	width:400px; 
	height:auto; 
	left:150px; 
	top:55px; 
	background-color:#ffe696; 
	border:3px solid #999999;
	padding:0px 20px 0px 20px;
	overflow:auto;
	overflow-x:hidden;
	z-index:60;
}
 /*******/
 /*div plusminus hat erst ein p - mit dem plus / Minus als background
 dann ein div mit class einblenden - wir über jquery ein und aus geblendet
 */
.plusminus > p {
	padding-left:20px;
	cursor:pointer;
}
.plusminus > p:hover {
	color:#900;
}
.plusminus > p img {
	position:absolute;
	float:left;
	margin-left:-20px;
	margin-top:2px;
	cursor:pointer;
}

.einblenden {
	display:none;
	padding-left:20px;
}
.plusminuszu { /* span mit dem Wort "schließen" auf rechter Seite*/
	position:absolute;
	display:block;
	width:57px;
	padding-left:20px;
	float:right;
	right:0px;
	background:url(../bilder/minus-rot.gif) 0 2px no-repeat;
	text-align:right;
}
.plusminuszu:hover { /* span mit dem Wort "schließen" auf rechter Seite*/
	background:url(../bilder/minus-hover.gif) 0 2px no-repeat;
	color:#999;
	cursor:pointer;
}
 /*******/

.blocktext {
	position:relative;
	padding-top:10px;
}
.blocktextschmal {
	position:relative;
	margin-top:-6px;
}.blocktextschmal .bildblock {
	margin-top:-4px;
}
.blocktextschmal .bildblock-rechts {
	margin-top:-4px;
}
.blocktextschmal .unterzeile {
	margin-top:-8px;
}

/*Bilder einbinden*/
.bildblock {
	float:left;
	position:relative;
	margin:8px 15px 8px 0;
	background-color:transparent;
}
.bildblock img, .bildblock iframe {
	border:1px solid #888;
}
.bildblock-rechts {
	float:right;
	position:relative;
	margin:8px 0 8px 15px;
	background-color:transparent;
}
.bildblock-rechts img {
	border:1px solid #ccc;
}
.bildblock-center {
	position:relative;
	margin:8px auto 8px auto;
	text-align:center;
	background-color:transparent;
}
.bildblock-center img {
	border:1px solid #ccc;
}
.bildblock p, .bildblock-rechts p {
	margin-bottom:2px;
	padding-top:2px;
	text-align:center;
	font-style:italic;
	color:#666;
	font-size:0.9em;
}
/*damit das Bild unter der Überschrift auf selber Höhe mit dem Text beginnt*/
h2 + .bildblock, h2 + .bildblock-rechts, h2 + .bildblock-center {margin-top:8px;}

/*unter: Formatierung der Leiste mit Links unter Einträgen (Admin, aufreger...)*/
div.unter {
	clear:both; 
	width:100%; 
	margin:5px 0 10px 0;
	padding:1px 0 1px 0;
	border-top:1px dotted #b08128;
	border-bottom:1px dotted #900;
	text-align:right;
	font-size:11px;
	color:#630;
}
div.unter a {
	padding:0 5px;
	color:#630;
	text-decoration:none;
}
div.unter a:hover {
	color:#900;
}
/*bei bildupload z.B. - admin_aktionen_eintrag*/
p.linksunter a {
	color:#900;
	text-decoration:none;
	cursor:pointer;
}
p.linksunter a:hover {
	color:#777;
}

/*Normale Liste - wegen Einrückungen*/
.normal {
	position:relative;
	display:inline-block;
	padding:0;
	margin-left:20px;
	margin-bottom:10px;
	background-color:transparent;
}
.normal li {
	line-height:1.3em;
	padding-bottom:3px;
	padding-top:1px;
}
.normal li.ueberschrift {
	list-style:none;
	font-weight:bold;
	margin-left:-12px;
}

.liste {
	padding:0;
	margin-left:20px;
	margin-bottom:10px;
	background-color:transparent;
}
.liste li {
	line-height:1.4em;
	padding-bottom:3px;
	padding-top:1px;
}
.liste li.ueberschrift {
	list-style:none;
	font-weight:bold;
	margin-left:-12px;
}

/*Formulare*/
form {margin:0; padding:5px;}
label {font-weight:bold;}
input, textarea {background-color:#FFFFCC;}
select {background-color:#FFFFCC;}
textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;}

/***********************************/
/****** FÜR BESTIMMTE SEITEN *******/
/***********************************/

/* Seite Tipps*/
.tippblock {
	padding:10px 10px 0 10px;
}
.tippblock .bild {
	float:left;
	margin-right:15px;
	margin-bottom:8px;
}
.tippblock .bild img {
	width:150px;
	border:1px solid #000;
}

/* Seite Pokobi-TV*/
.tvbild {
	float:left;
	position:relative;
	margin-right:15px;
	margin-bottom:8px;
}
.tvbild img {
	width:200px;
	border:1px solid #000;
}
.tvbild span {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:42;
}
.tvbild span img.pfeil {
	width:25px;
	border:none;
	z-index:42;
}

/*Seiten aktionen auch admin*/
/*UM BLOG- oder AKTIONS-Einträge farblich zu kennzeichenen*/
.b {
	color:#2e6170;
}
.a {
	color:#AB3613 !important;
}
a.b {
	color:#2e6170 !important;
	text-decoration:none;
}
a.a {
	text-decoration:none !important;
	color:#AB3613;
}
a.a:hover,a.b:hover {
	color:#900  !important;
}

#aktionen #content img {max-width:725px;}
/****** EBENEN *******/
/*Für Seitenüberschiften und die Inhalt-Botton*/
/*ist IM Content*/
/*Seitenabstand und oben ist durch Content bereits gemacht-dortiges Padding*/
/*.buttonp: per jquery sprunglinks*/
#content-top {
	position:relative;
	width:100%;
	height:30px;
	background:#ffe696 url(../bilder/bg-content-top.gif) center bottom repeat-x;
}
#content-top h1 {
	width:600px;
	float:left;
	font-size:1.3em;
	font-weight:bold;
}
#aufseite {    
	position:relative;
	float:right;
	margin-top:0px;
	text-align:right;
	z-index:30;
}
#aufseite a {    
	font-weight:bold;
	color:#333;
}
/*das Div, das sich öffnet, wenn maus über Link "#aufseite" kommt*/
#rollover {
	display:none;
	position:absolute;
	width:300px;
	max-height:400px;
	padding:5px 15px 5px 20px;
	margin-top:-3px;
	right:0px;
	border-left:1px solid #900;
	border-bottom:1px solid #900;
	background-color:#ffe696;
	text-align:right;
	z-index:30;
	font-weight:normal;
}
#rollover a {
	font-weight:normal;
	text-decoration:none;
}
#rollover a:hover, #rollover li:hover {
	color:#900;
}
#rolloverlinks li, #rollover li {
	list-style-position:inside;
	margin-bottom:5px;
	font-weight:normal;
}

/********************************/
/******************************************/
/*********** SEITEN EBENEN ***************/
/******************************************/
#wrapper {
	position:absolute;
	width:1260px;
	margin:0 auto;
	background:#000 url(../bilder/bg-body-1260x887.jpg) center top no-repeat;
}
#oben {
	position:relative;
	width:785px;
	height:210px;
	margin-left:315px;
	text-align:center;
	background:transparent url(../bilder/bg-oben-titel296x91.png) center 40px no-repeat;
	cursor:pointer;
}
#linkleiste {
	position:absolute;
	width:auto;
	right:0px;
	bottom:0;
	padding:30px 30px 4px 30px;
	background-color:transparent;
	color:#000;
	font-weight:bold;
}
#linkleiste a {
	text-decoration:none;
	color:#000;
}
#linkleiste a:hover {
	text-decoration:none;
	color:#ffe696;
}
#wappen {
	position:absolute;
	width:281px;
	height:205px;
	margin-left:75px;
	margin-top:10px;
	background:transparent url(../bilder/bg-wappen-281x205.png) center center no-repeat;
	z-index:10;
}
#navi {
	position:absolute;
	float:left;
	top:130px;
	margin-left:92px;
	width:260px; 
	padding:85px 0 150px 10px;
	background:transparent url(../bilder/bg-navi-268x490.png) center center no-repeat;
}
#navi p {
	width:100%; /*slider muss lŠnger!*/
	margin-left:30px;
	margin-bottom:12px;
	padding-left:15px;
	background-color:transparent;
}
#navi p.sub {
	margin-top:-9px;
	font-weight:normal;
}
#navi p a:link , #navi p a:visited {
	padding-left:4px; 
	padding-right:4px;
	font-weight:bold; 
	text-decoration:none; 
	color:#036; 
}
#navi p a:hover {
	color:#900;
	text-decoration:none; 
}

#content {
	position:relative;
	width:725px;
	min-height:600px;
	left:315px;
	margin-top:0;
	padding:15px 30px 0px 30px;
	background-color:#ffe696;
}
#scroll {
	position:relative;
	width:100%;
	height:570px;
	margin:0;
	padding:0 30px 20px 0;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	z-index:20;
	background-color:#ffe696;
}
#scroll.noscroll {
	overflow:hidden !important;
}
/*FÜr eine "Überzeile, in der z.B. weiter und zurück links sind*/
#scroll-top {
	position:fixed;
	left:315px;
	width:725px;
	height:20px; 
	margin:-25px 0 5px 30px;
	font-weight:bold;
	background-color:#ffe696;
	z-index:30;
}
#scroll-footer {
	height:20px; 
	margin:5px 0;
	background-color:#ffe696;
}
#footer {
	position:relative;
	width:725px;
	left:315px;
	margin-top:3px;
	color:#ccc;
	font-style:italic;
}
#footer a:link, #footer a:visited {
	color:#CCC;
}
/******************************************/
/*********** ENDE EBENEN ***************/
/******************************************/
/*Softscroll-button*/
#back-to-top {
    position:fixed; /* Wichtig! */  
    top:805px;  
	left:330px;
    cursor:pointer;  
    padding:2px 4px 2px 14px;  
    background:#fc6 url(../bilder/toppfeil-grau.gif) no-repeat 5px center;  /*d8ddd5*/
    border-radius:2px;  
    color:#666;
	border-color:#ccc;
	font-weight:bold;
    display:none; 
	z-index:40;
}
#back-to-top:hover {
	background:#e5b75c url(../bilder/toppfeil-weiss.gif) no-repeat 5px center; /*Wie Linie unter content-top*/
	color:#fff;
}
.fuelldiv {
	height:700px;
}