/* =========================================
// Cascading Stylesheets für Bildschirm (screen) und Projektion (projection)
// Version: 2011-05-06
//
// Sektionen:
// 01 Container
// 02 Tabellen
// 03 Listen
// 04 Eingabe-Bereiche (Formulare und deren Elemente)
// 05 Headlines
// 06 Absaetze
// 07 Anker
// 08 Graphiken
// 09 Freie Klassen
// 10 Spezial-Auszeichnungen
// .........................................
*/

/* -----------------------------------------
// Sektion 01 Container
// --------------------------------------- */
body	{	
	margin:0px;
	padding:0px;
	
	background-color:white; /* Farbe Weiss */		
	background-image:url(./gra_sys/hgv_gelb_orange.jpg);
	background-repeat:repeat-x;
	background-position:0px -40px;
		
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	color:#555; /* Farbe Grau Tripel 5 */

	}

#agbCD,
#agbKK	{
	height:80px;
	overflow:auto;
	display:none;
	}


#kern {
	/* Für angemeldete Redakteure erscheint die Seite systembedingt versetzt */
	position:relative;
	top:0px;
	left:0px;
	
	width:950px;
	/*min-height:600px;*/

	margin-right:auto;
    margin-left:auto;

	background-image: url(./gra_sys/pattern_shadow_30y.png);
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	background-repeat: repeat-y;
	
	z-index:1;
}

#kern_kopf {
		height:260px;
		}

#kern_kopf_logo	{
		position:absolute;
		top:5px; /* ex 43px, 63px */
		left:26px; /* ex: 30px */
	
		width:230px; /* ex: 196px */
		}


#kern h1	{
		position:absolute;
		top:3px; /* ex 31px */
		left:252px; /* ex 35px; */
		
		/* font-family:times,"times new roman",serif; */
        font-family:arial,helvetica,sans-serif;
		font-size:18px;
		font-weight:500;
		text-transform:lowercase; /* ex uppercase  */
		color:#FFF; /* Farbe Weiss */
		background:transparent;
		}

#kern_kopf_rechts	{
		position:absolute;
		top:216px; /* ex 260px [280px, 43px] */
		left:250px; /* ex right:40px; */
		
		color:#FFF; /* Farbe Weiß */
		background-color:transparent;
		/* font-family:times,"times new roman",serif; */
		/* font-size:21px; */
		font-family:arial,helvetica,sans-serif;
		font-size:21px;
		font-weight:500;
		}
		
#kern_kopf_rechts_suche	{
		position:absolute;
		top:-6px; /*ex -17px [-7px] */
		left:462px;
		
		width:235px;
		}

#kern_kopf_schmuckbilder	{
		position:absolute;
		top:40px; /* ex 73px [93px] */
		left:248px;
		}
		
#kern_nav_links	{
		float:left;
        margin-top: 15px;
		width:210px;
}

#kern_nav_oben	{
		padding-top:4px;
		height:36px;
		}

#kern_schaufenster_hp	{
		float:right;
		
		margin-top:16px;
		margin-right:10px;
		width:180px;

		border-top:solid 1px #CCC; /* Farbe Grau BerlinIT */
		}
#kern_schaufenster_hp div.schaufmeldung h3 {
		font-size:12px;
        font-weight:bold;

        margin:0 0 0px 0;
        padding:0;
/*        font-style:italic; */
}


#kern_schaufenster_hp div.schaufmeldung
		{

		border-bottom:solid 1px #CCC; /* Farbe Grau BerlinIT */
		padding:4px 2px 4px 2px;
		}
		
#kern_zentrum_hp	{
		/* margins for non float style */
		/*margin:16px 203px 0 237px;*/
		
		/* float style */
		float:left; /* use float also for middle column to make sure it establishes a new Block
                       Formatting Context */
		margin:15px 0px 0 20px;

		width:510px;
		
		border-top:solid 1px #CCC; /* Farbe Grau BerlinIT */
		}
		
#kern_zentrum_hp_finale	{		
		clear:both;
		width:510px;

		margin-top:20px;

		border-top:solid 1px #CCC; /* Farbe Grau BerlinIT */
		padding-top:4px;
		text-align:center;
		}
		
#kern_kopf_rechts_suche button	{
		float:right;
		background:transparent;
		color:#FFF; /* Farbe Weiss */
		font-weight:600;
		border:none;
		}

#rand_unten	{		

		width:980px;
		height:30px;

		margin-left:auto;
		margin-right:auto;
		}
		
#kern_abschluss {
		clear:both;
		line-height:1px;
		}

div.suchfund	{
		padding-bottom:12px;
		margin-bottom:12px;
		border-bottom:dashed 1px #EEE; /* Farbe Grau Cziczeriny */
		}
/* -----------------------------------------
// Sektion 02 Tabellen
// --------------------------------------- */
th,td	{
	vertical-align:top;
	}

/* -----------------------------------------
// Sektion 03 Listen
// --------------------------------------- */
h2 ul	{
	list-style-type:none;
	}
		
/* -----------------------------------------
// Sektion 04 Eingabe-Bereiche
// --------------------------------------- */

#si_contact_form1 div textarea	{
		width:290px;
		height:80px;
		}
	
fieldset.rahmenlos	{
		border:none;
		display:flex;
		align-items:center;
		flex-direction:row-reverse;
		}


fieldset.rahmenlos button	{
		width:35px;
		font-size:11px;
		cursor:pointer;
		}

fieldset.rahmenlos input	{
		width:150px;
		font-size:11px;
		}

		
/* -----------------------------------------
// Sektion 05 Headlines
// --------------------------------------- */

#kern #kern_schaufenster_hp h2	{
		font-weight:300;
		font-size:16px;
		border-bottom:solid 1px #CCC; /* Farbe Grau BerlinIT */
		padding-top:0px;
		padding-bottom:7px; /* ex: 18px */
        margin-top:8px;
		margin-bottom:4px;
		}



p.dachzeile+h2	{
		margin-top:-10px;
		}

#kern #kern_zentrum_hp h2	{
		font-weight:300;
		/* font-family:times,"times new roman",serif; */
		font-family:arial,helvetica,sans-serif;
		font-size:20px;
		border-bottom:solid 1px #CCC; /* Farbe Grau BerlinIT */
        margin-top:10px;
        margin-bottom:10px;
		padding-bottom:7px;
		}

#kern #kern_zentrum_hp .top-hline-margin	{
        padding-top:12px;
		border-top:solid 1px #CCC; 
		}

#kern #kern_zentrum_hp div.suchfund h2	{
		font-family:arial,helvetica,sans-serif;
		font-size:15px;
		font-weight:500;
		border-bottom:none;
		padding-bottom:12px;
		}
		
#kern #kern_zentrum_hp h3.mit_abstand_oben	{
		clear:both;
		margin-top:70px;
		}

p+h3		{
		clear:both;
		}

p.mit_abstand_oben+h3,
p+h3.im_umfluss	{
		clear:none;
		}

h3.mit_linie_oben	{
		border-top:solid 1px #CCC; /* Farbe Grau BerlinIT */
		clear:both;
		}
/* -----------------------------------------
// Sektion 06 Absaetze
// --------------------------------------- */		
#kern #kern_zentrum_hp p 	{
		/* margin-right:25px; */
		}

p.mit_abstand_oben	{
	margin-top:35px;
	clear:both;
	}

h3+p+p.mit_abstand_oben	{
	margin-top:70px;
	}


#kern #kern_schaufenster_hp p.pseudolink	{
		color:#555; /* Farbe Grau Tripel 5 */
		background:transparent;
		border-bottom:solid 1px #CCC; /* Farbe Grau Berlin */

		padding:4px 2px 4px 2px;
		}

/* -----------------------------------------
// Sektion 07 Anker
// --------------------------------------- */

#kern_nav_links a  	{
		display:block;
		text-decoration:none;
		}
		
#kern_nav_links a.nav_rub	{
		color:#333; /* Farbe Grau Issos */
		font-size:16px;
		
		border-bottom:solid 1px #CCC; /* Farbe Grau BerlinIT */
		padding:5px 2px 5px 12px;
		}
		
#kern_nav_oben a 	{
		display:block;
		/* width:170px; */
		width:150px;
		height:30px;
		
		border-left:solid 1px #FFF; /* Farbe Weiss */
		
		padding-top:7px;
		
		text-align:center;
		
		color:#FFF; /* Farbe Weiss */
		background:transparent;
		text-decoration:none;
		font-size:15px;
		float:left;
        visibility:hidden;
		}
	
#kern_nav_oben a.ispez_enversion	{
		width:70px;
		
		padding-top:5px;
		text-align:right;
		
		/* border-left:solid 1px #FFF; */
		border-left:none;
        visibility:visible;
		}
		
#kern_nav_oben a.ispez_kontakt	{
		position:relative;
		top:0px;
		left:12px;
		
		/* width:235px; */
		width:165px;
		
		text-align:left;
		border-left:none;
        visibility:visible;
		}

#kern_nav_oben a.x_fb	{
		width:30px; /* ex 95px, davor: 44px */
		
		padding-top:5px;
		text-align:right;
		border-left:none;
        visibility:visible;
		}
#kern_nav_oben a.x_ig	{
		width:30px; /* ex 95px, davor: 44px */
		
		padding-top:5px;
		text-align:right;
		border-left:none;
        visibility:visible;
		}
#kern_nav_oben a.x_yt	{
		width:40px; /* ex 95px, davor: 44px */
		
		padding-top:5px;
		text-align:right;
		border-left:none;
        visibility:visible;
		}

#kern_nav_oben a:hover	{
    /* color:rgb(248,215,126); */
    color:rgb(244,198,90);
	/* color:rgb(238,168,68); */
}

#bereich_labor a.aktuteaser	{
		display:block;
		text-decoration:none;
		color:#555; /* Farbe Grau Tripel 5 */
		background:transparent;
		}

#kern_schaufenster_hp a {
    text-decoration:underline;
		color:#111C5D; /* Farbe Blau Hyperlink ehemals 39 4e 79 */
/*	    color:#000;  */
}

#kern #kern_zentrum_hp div.suchfund a	{
		font-family:arial,helvetica,sans-serif;
		text-decoration:none;
		}

#kern_zentrum_hp ul { 
    overflow: hidden; 
    padding-left:20px;
}

#kern_zentrum_hp ol { 
    overflow: hidden; 
    padding-left:20px;
}


/* Fix ics calendar */
#kern_zentrum_hp .ics-calendar ul {
    overflow: visible;
    padding-left:0px;
}

#kern_zentrum_hp .ics-calendar-month-grid li.event {
    font-size: 125%;
    padding: 3px 3px;
}


#kern_zentrum_hp p.player a	{
		display:none;
		}

#kern_zentrum_hp a.ad_singulum	{
		display:block;
		font-size:16px;
		margin-bottom:30px;
		color:#000; /* Farbe Schwarz */
		text-decoration:none;
		}

#kern_zentrum_hp a	{
		color:#111C5D; /* Farbe Blau Hyperlink ehemals 39 4e 79 */
		text-decoration:underline;
		}

#kern_zentrum_hp a[name]	{
		color:#555; /* Farbe Grau Tripel 5 */
		text-decoration:none;
		}

#kern_zentrum_hp_finale a 	{
		text-decoration:none;
		margin-right:20px;
		color:#000; /* Farbe Schwarz */
		}

#kern_zentrum_hp a.musik	{
	display:none;
	}

/* -----------------------------------------
// Sektion 08 Graphiken
// --------------------------------------- */	
#kern_kopf_schmuckbilder img	{
		margin-left:4px;
		}

/* #kern #kern_zentrum_hp p img.alignright	{ */
/* 	position:relative; */
/* 	top:0px; */
/* 	left:25px; */
/* 	} */

#rand_unten img	{
	padding-left:8px;
	}

a img	{
		border:none;
		}

div.betterplace	{
    text-align:center;
    color: black;
    font-size:14px;
	width:180px;
	margin-top:20px;
	margin-left:15px;
}
div.betterplace a:link,
div.betterplace a:visited {
    color: black;
}


div.bildungsspender	{
    text-align:center;
    color: black;
    font-size:14px;
	width:180px;
	margin-top:20px;
	margin-left:15px;
}
div.bildungsspender a:link,
div.bildungsspender a:visited {
    color: black;
}

#amznCharityBanner {
    width: 180px;
    height: 149px;
    padding: 0;
    overflow: hidden;
	margin-top:10px;
	margin-left:15px;
}

#amznCharityBannerFrame {
    width: 310px;
    height: 256px;
    border: 0;

    -ms-transform: scale(0.58);
    -moz-transform: scale(0.58);
    -o-transform: scale(0.58);
    -webkit-transform: scale(0.58);
    transform: scale(0.58);

    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}


#musikpreis	{
    color: black;
	font-size:12px;
 /*   font-weight:bold;*/
    text-align:center;
	width:180px;
	margin-top:0px;
	margin-left:0px;
}
#musikpreis img {
    margin-top:5px;
}

#musikpreis a:link,
#musikpreis a:visited {
    text-decoration:none;
    color: #555;
}


/* Version fuer links:
div.musikpreis	{
    color: black;
	font-size:14px;
    text-align:center;
	width:180px;
	margin-top:20px;
	margin-left:15px;
}
div.musikpreis img {
    margin-top:5px;
}

div.musikpreis a:link,
div.musikpreis a:visited {
    color: black;
}
*/

div.tpb_login_links	{
	width:180px;
	margin-top:15px;
	margin-left:15px;
    margin-bottom:70px;
}

div.tpb_login_rechts	{
	width:180px;
	margin-top:15px;
	margin-left:0px;
    margin-bottom:70px;
}



div.film_links	{

		margin-top:40px;
		margin-left:15px;
        margin-bottom:15px;
        width:180px;

		}

div.film_rechts	{

		margin-top:40px;
		margin-left:0px;
        margin-bottom:15px;
        width:180px;

		}


div.platzhalter	{
		width:160px;
		height:160px;
		background-color:#EEE; /* Farbe Grau Cziczeriny */
		color:#666; /* Farbe Diabolus in Musica */

		margin-top:40px;
		margin-left:20px;
		display:none;
		}

div.platzhalter_rechts	{
		border-top:solid 1px #CCC; /* Farbe Grau BerlinIT */
		margin-top:60px;
		}

div.trennstrich	{
		border-top:solid 1px #CCC; /* Farbe Grau BerlinIT */
		}



/* news auf startseite */


.news_aktuelles .news_item {
    clear:both;
}

.news_aktuelles .news_title {
    margin-bottom:5px;
    width:385px;
    display:block;
    float:left;
    font-weight:bold;
    /* background-color:red; */
}

.news_aktuelles .news_date {
    margin-bottom:5px;
    width:125px;
    text-align:right;
    display:block;
    float:right;
    /* background-color:blue; */
}

.news_aktuelles .news_content_p {
    clear:both;
    margin-bottom:0px;
}
.news_aktuelles .news_content_p  img {
    float:left;
    margin:0px 5px 5px 0px;
    width:100px;
    height:100px;
}

.news_aktuelles .news_excerpt {
    /* background-color:yellow; */
    /* padding-top:3px; */
}

.news_aktuelles .news_separator {
    clear:both;
    height:15px;
    border-top:dashed 1px #E8E8E8;
    margin-top:5px;
}

.news_aktuelles .news_more_link {
    /* float:right; */
    /* margin-bottom:5px; */
}


div.quicklinks a {
    /* background-color:#969696; */
    background-color:#F0F0F0;
    border: solid 1px #E8E8E8;
    display:block;
    font-size: 12px;
    font-weight: normal;
    color: black !important;
    margin:5px 0px;
    padding:5px 5px;
    text-decoration:none !important;
}

div.quicklinks a img {
    float:right;
}

div.quicklinks a:hover {
	background-color:#FFCE5C;
    border-color:rgb(238,168,68);
    /* color:rgb(238,168,68) !important; */
}

.wichtige_termine {
    /* padding-left:50px; */
    /* width:190px; */
    /* float:right; */
}

.wichtige_termine ul {
    padding-left:20px;
    list-style-position:outside;
}



/* Fix height of player. we don't show images. */
#kern_zentrum_hp .wp-playlist-current-item {
    height: auto;
}