@import url("/gn/template/klassik/style/reset.css");
@import url("/gn/template/klassik/style/lightbox.css");
@import url("/test/tooltip_test.css");
@import url("/gn/template/klassik/style/hack.css");

html { overflow-y:scroll; } /* Prevent Firefox Scrollbar Jump */

body {
	font-family: Verdana, sans-serif;
	font-size: small;
}
.hfarbe {
	background-color:#241813;
}
.hfarbe2 {
	background-color:#FFFFF0;
}

.farbe {
	color:#FFFFF0;
}
.gesamtbreite {
	min-width:500px;
	max-width:900px;
}
.gesamtabstand {
	margin:0 auto 0 auto;
}
.unsichtbar, a span {
	position: absolute;
	left: -2000px;
	top: -2000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
.tooltip {
	padding:2px;
	border:1px solid black;
	background:#FFFFF0;
	max-width:250px;
	font-size:80%;
}
.noscreen {
	display:none;
}
/* ----------------------------------------------- */
/* wir sind radioaktiv, weil wir eine Botschaft haben, die sich hören lassen kann ... */
#wrap {
	width:100%;
	font-size:100%;
	/* Font-Size korrektur hier möglich */
}


/* --------------- HEADER -----------------------*/
#messagewrap {
	padding:0px 10px 0 10px;
	background: url( '/gn/template/klassik/image/bg.gif' ) repeat-x left bottom;
}
#suchewrap {
	padding:14px 0 14px 0;
	background:url( '/gn/template/klassik/image/power.gif' ) no-repeat right bottom;
}

#sucheformwrap {
	border:0px solid gray;
	background:url( '/gn/template/klassik/image/bgsuche.gif' ) no-repeat left center;
	padding-left:16px;
	padding-top:4px;
	padding-bottom:2px;

}
#suchewrap input {
	color:#AAA;
	width:100px;
	height:18px;
	border:0px solid red;
	outline:0;
	background:#342823;
}


#headerwrap {
	margin-top:0px;
	border-top:4px solid #EF7136;
	border-bottom:4px solid #EF7136;
	/*background-image:url('/gn/template/klassik/image/logo_bg_flowers.jpg' );*/
	background-repeat:repeat;
	background-position:center;
	background-image:url('/gn/template/klassik/image/logo_bg/flower_4s.jpg' );
}

#header {
	padding:24px 0 18px 0;
	height:170px;
}

#logo {
	cursor:pointer;
}
/* --------------- METANAVIGATION & SUCHE -----------------------*/


#metanavigationwrap {
	float:left;
	width:100%;
	padding:6px 0 8px 0;
	background:#342823 url( '/gn/template/klassik/image/bgnavi.gif' ) repeat-x left top;
	border-bottom:1px solid #30231E;
}

#metanavigation {
	font-family:Arial;
	font-weight:bold;
	line-height:170%;
	list-style:none;
	position:relative;
	left:-14px;
}

#metanavigation li {	
	float:left;
	color:#FFFFF0;
	text-transform:uppercase;
	padding:0 14px 0 14px;
	background:url('/gn/template/klassik/image/nav_trenner.png' ) no-repeat right center;
	/*border-right:1px solid #CCC;*/
	height:3.2em;
}

#metanavigation li a.aktuell {	/* aktuelle Seite */
	background-color:#EF7136;
	color:#FFFFF0;
	padding:10px 4px 2px 2px;
}

#metanavigation a {
	color:#CCC;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 4px 2px 0;
	border:0px solid #EF7136;
}
#metanavigation a:hover {
	text-decoration:underline;
}
#metanavigation a:focus {
	text-decoration:underline;
	border:0;
	outline:0;
}
/* ------- NEU HIER --------- */
#metanavigation li.neuhier {
	background:transparent;
}

#metanavigation li a.neuhier {
	color:#CAA;
	background:url( '/gn/template/klassik/image/neuhier.png' ) no-repeat center !important;
	background:url( '/gn/template/klassik/image/neuhier.gif' ) no-repeat center;
	padding:8px;
}

/* ------------ SUBNAVIGATION -------------- */
#metanavigation ul.subnav {
	color:#CCC;
	text-transform:uppercase;
	font-weight:normal;
	line-height:120%;
	font-size:0.8em;
	padding:6px 0 0 0;
}

#metanavigation ul.subnav li {
	padding:0 8px 0 0;
	background:transparent;
	height:1em;
	border:0;
}
#metanavigation ul.subnav a.aktuell {	/* aktuelle Seite */
	color:#CCC;
	background-color:transparent;
}
#metanavigation ul.subnav a {
	color:#CCC;
	text-transform:uppercase;
	text-decoration:none;
	padding:0;
}
#metanavigation ul.subnav a:hover {
	text-decoration:underline;
}
/*
#metanavigation ul.subnav a:focus {
	text-decoration:underline;
	border:0;
	outline:0;
}*/


/* ---------------------------------------------------------------------------
--------------- MITTELTEIL mit CONTENT & SIDEBAR ---------------------
------------------------------------------------------------------------------ */
#contentwrapbg {
	float:left;
	width:100%;
	background:url( '/gn/template/klassik/image/bgfooter.gif' ) repeat-x bottom left;
	border-top:1px solid #271B16;	/* miniverlauf zu navi */
}
#contentwrap {
	padding-top:30px;
	width:100%;
	background:url( '/gn/template/klassik/image/bg_contentwrap.jpg' ) no-repeat left bottom;
	float:left;
	padding-bottom:60px;
}
#content {
	float:left;
	width:80%;
	padding-top:16px;
	/* --- Tooltip Hack für IE7 --- */
	position:relative;z-index:1;
}

#content .gutter {
	padding-right:25px;	/* Abstand zur Sidebar */
}

#content a {
	color:#EF7136;
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}
#content a:focus {
	outline:1px solid #EF7136;
	text-decoration:none;
}

#content a.druckvorschau {
	float:right;
	display:block;
	margin:1em 0 0 0;
	padding:0 0 48px 48px;
	background:#241813 url( '/gn/template/klassik/image/printer.png' ) no-repeat left center;
}

#content h2 {
	font-family:Georgia, serif;
	font-size:250%;
	font-weight:normal;
	padding:0 0 1.5em 0;
}
#content h4 {
	color:#EF7136;
	font-family:Arial;
	font-size:180%;
	font-weight:normal;
	padding:0 0 16px 0;
}
#content p, #content table.bankverbindung {
	margin:0 0 40px 0;
}


/* 	---------------------------------------
		MELDUNG 
	---------------------------------------
*/

#content dl.Meldung, #content dl.Veranstaltung, #content dl.Protokoll, #content dl.Wiki {
	margin:0 0 60px 0;
}
#content dl.Meldung:after, #content dl.Veranstaltung:after, #content dl.Protokoll:after, #content dl.Wiki:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#content dl.Meldung dt, #content dl.Veranstaltung dt, #content dl.Protokoll dt, #content dl.Wiki dt {
	font-weight:bold;
	padding:0 0 6px 0;
}
#content dl.Meldung dt.title,#content dl.Meldung dd h4, #content dl.Veranstaltung dt.title, #content dl.Protokoll dt.title, #content dl.Wiki dt.title {	/* Titel der Meldung */
	color:#EF7136;
	font-family:Georgia, serif;
	font-family:Arial;
	font-size:180%;
	font-weight:normal;
	padding-bottom:6px;
}
#content dl.Meldung dt.neu,#content dl.Veranstaltung dt.neu,#content dl.Protokoll dt.neu, #content dl.Wiki dt.neu {
	padding-left:36px;
	position:relative;
	left:-36px;
	background:url( '/gn/template/klassik/image/neu.png' ) no-repeat top left !important;
	background:url( '/gn/template/klassik/image/neu.gif' ) no-repeat top left;
}
#content dl.Meldung dd.description, #content dl.Veranstaltung dd.description, #content dl.Protokoll dd.description, #content dl.Wiki dd.description {
	margin:0 0 0 144px;
}

/* ----------- FOTO -------------- */
#content dl.Meldung dd img, #content dl.Veranstaltung dd img, #content dl.Protokoll dd img, #content dl.Wiki dd img {	
	float:left;
	width:120px;
	padding:4px;

	border:2px solid #CCC;
	margin:4px 12px 0 0;

	 -moz-border-radius:3px; 
	-webkit-border-radius:3px; 

	-webkit-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
	-moz-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
	box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
}

#content dl.Meldung dd img:hover {
	/* This should make your navigation links zoom slightly on hover */
	/*
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	*/
}

.drehung {
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	transform: rotate(1deg);
}
.gegendrehung {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

/* 	---------------------------------------------------------------------------- 
		Meldung Zusatzinfos (Quelle, etc.) 
	---------------------------------------------------------------------------- 
*/
#content dl.Meldung dl.info, #content dl.Veranstaltung dl.info, #content dl.Protokoll dl.info, #content dl.Wiki dl.info, #content ol.suchergebniss dl.info {
	font-size:80%;
	margin:0 0 10px 0;
}
#content dl.Meldung dl.info dt, #content dl.Veranstaltung dl.info dt, #content dl.Protokoll dl.info dt, #content dl.Wiki dl.info dt, #content ol.suchergebniss dl.info dt {
	display:inline;
	font-weight:normal;
}
#content dl.Meldung dl.info dd, #content dl.Veranstaltung dl.info dd, #content dl.Protokoll dl.info dd, #content dl.Wiki dl.info dd, #content ol.suchergebniss dl.info dd {
	display:inline;
	margin:0 10px 0 4px;
	font-weight:normal;
	/*font-weight:bold;*/
	font-style:italic;
	/*color:#FFE1A6;*/
	/*color:#EF7136;*/
}

/* 	---------------------------------------------------------------------------- 
		Meldung DETAIL-Zusatzinfos (Quelle, etc.) 
	---------------------------------------------------------------------------- 
*/
#content dl.Meldung dl.detailinfo, #content dl.Veranstaltung dl.detailinfo, #content dl.Protokoll dl.detailinfo, #content dl.Wiki dl.detailinfo {
	font-size:80%;
	margin:0 0 20px 0;
}
#content dl.Meldung dl.detailinfo dt, #content dl.Veranstaltung dl.detailinfo dt, #content dl.Protokoll dl.detailinfo dt, #content dl.Wiki dl.detailinfo dt {
	float:left;
	font-weight:normal;
	width:7em;
	margin:0;
	padding:0;

}
#content dl.Meldung dl.detailinfo dd, #content dl.Veranstaltung dl.detailinfo dd, #content dl.Protokoll dl.detailinfo dd, #content dl.Wiki dl.detailinfo dd {
	/*margin:0 0px 0 4px;*/
	margin:0 0 0 7em;
	padding:0;
	font-weight:normal;
	font-style:italic;
}

/* 	---------------------------------------------------------------------------- 
	ZUSATZKOMMANDOS --- Meldung bearbeiten/löschen/etc.
	---------------------------------------------------------------------------- 
*/
#content ul.kommando {
	margin:8px 0 0 0;
}
#content ul.kommando li {
	display:inline;
	padding:0 8px 0 0;
}


/* 	---------------------------------- 
	    Dateianhänge 
	----------------------------------
*/
#content dl.enclosure {
	border:0px solid #FFF;
	float:left;
	margin:0 8px 8px 0;
	padding:2px;
	background:#342823;
}

#content dl.enclosure dt {
	width:70px;
	height:1em;
	font-size:70%;
	font-weight:normal;
	overflow:hidden;
}
#content dl.enclosure dd {
	width:70px;
	height:70px;
	overflow:hidden;
	padding:0;
	text-align:center;
}
#content dl.enclosure dd img {
	width:70px;
	/*--- muss bleiben, um vorheriges zu überschreiben ---*/
	float:none;
	padding:0;
	border:0px;
}

#content dl.enclosure dd a {
	color:#FFFFF0;
	text-decoration:none;
	font-size:200%;
	line-height:200%;
	text-transform:uppercase;
}
#content dl.enclosure dd a:hover {
	text-decoration:underline;
}


/* --- PAGINATION --- */
#content div.seitexvony {
	float:right;
	padding:9px 0 0 12px;
}
#content ul.pagination {
	font-size:120%;
	border:0px solid black;
}
#content ul.pagination li {
	margin:0 10px 0 0;
	padding:0 3px 0 3px;
	width:2em;
	display:inline;
}
#content ul.pagination li.current {	/* aktuelle Seite */
	border:0px solid #EF7136; /* #877065 */
	color:#241813;
	background-color:#EF7136;
}


/*	----------------------------------
	--- div "meine Aufgaben"  ---
	----------------------------------
*/
#aufgaben {
}
#aufgaben p.foto {
	float:right;
	padding:6px;
	border:1px solid #342823;
	 -moz-border-radius:6px; -webkit-border-radius:6px; 
}
#aufgaben p.foto img {
	width:80px;
	border:1px solid #CCC;
	padding:4px;
}
#aufgaben h4 {
	padding:0 0 0.3em 0;
	margin:0;
}
#aufgaben ul {
	padding:0 0 2em 1em;
	margin:0;
	list-style-position:inside;
	list-style-type:circle;
}



/*	----------------------------------
	--- Suchergebnisse ---
	----------------------------------
*/
#content ul.suchergebniss {
	list-style-type:decimal;
	list-style-type:none;
	list-style-position:outside;
}
#content ul.suchergebniss a.title {
	font-size:110%;
	padding-bottom:4px;
	display:block;
}
#content ul.suchergebniss li {
	padding:2px 2px 20px 0;
	margin-bottom:0px;
}
#content ul.suchergebniss big {		/* Nummer Suchtreffer */
	float:left;
	padding-right:1em;
	font-weight:bold;
}
#content ul.suchergebniss li img {
	width:120px;
	padding:4px;
	border:1px solid #CCC;
	margin:0 8px 0 0;
}
#content ul.seitentreffer {
	list-style-type:disc;
	list-style-position:outside;
	padding:1em 0 60px 3em;
}
#content ul.seitentreffer li {
	margin:0;
	padding:0 0 0.3em 0;
}
#content ul.seitentreffer li strong, #content dd.suchtreffer strong {
	/*color:#9C877F;*/
	border-bottom:1px dotted #9C877F;
}



/*	=====================
		 SIDEBAR 
	=====================
*/

#sidebar {
	float:right;
	width:20%;
	background:#342823;
                   -moz-border-radius:10px;
                    -webkit-border-radius:10px;

	-webkit-box-shadow: 2px 2px 3px rgba(52, 40, 35, 0.4), -2px -2px 3px rgba(52, 40, 35, 0.4);
	-moz-box-shadow: 2px 2px 3px rgba(52, 40, 35, 0.4), -2px -2px 3px rgba(52, 40, 35, 0.4);
	box-shadow: 2px 2px 3px rgba(52, 40, 35, 0.4), -2px -2px 3px rgba(52, 40, 35, 0.4);
}
#sidebar:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#sidebar .gutter {
	padding:20px 25px 20px 25px;
	/*border-left:1px solid #30231E;*/
}

#sidebar h4 {
	color:#EF7136;
	font-family:Arial;
	font-size:150%;
	font-weight:normal;
	padding:0 0 16px 0;
}

#sidebar ul {
	font-family:Arial;
	margin:0 0 38px 0;
}
#sidebar ul li {
	/*padding:0 0 8px 0;*/
	padding:4px 0 4px 0;
	font-size:85%;
}
#sidebar ul li.aktuell {

}
#sidebar ul li a {
	color:#FFFFF0;
	font-family:Arial;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
#sidebar ul li a.aktuell, #sidebar ul li span {
	color:#EF7136;
	/*background-color:#241813;*/
	font-weight:bold;
}

#sidebar ul li a:hover {
	text-decoration:underline;
}

#sidebar ul.rssfeed li a {
	padding-left:20px;
	padding-top:1px;
	background:#342823 url( '/gn/template/klassik/image/rss.gif' ) no-repeat left center;
}

#sidebar form {
	font-family:Arial;
	margin:0 0 38px 0;
}


/* -------------------- LOGIN -------------------------------- */
#loginformular  a {
	color:#9C877F;
	background:#312520 url( '/gn/template/klassik/image/bglogin.gif' ) no-repeat top right;
	padding:4px;
	font-family:Arial;
	font-weight:normal;
	font-size:85%;
	text-decoration:none;
	display:block;
}
#loginformular input.login {
	width:100%;
	color:#FFFFF0;
	background:#312520 url( '/gn/template/klassik/image/bglogin.gif' ) no-repeat top right;
	border:0;
	outline:0;
	display:block;
	margin-bottom:4px;
}
#loginformular input.submit {
	color:#9C877F;
	background:#312520 url( '/gn/template/klassik/image/bglogin.gif' ) no-repeat top right;
	border:0;
	outline:0;
	display:block;
	padding:2px;
}
#loginformular input.login:focus, #loginformular input.login:hover {
	outline:0;
	background-color:#811A0D;
	/*cursor:pointer;*/
}
#loginformular input.submit:focus, #loginformular input.submit:hover {
	outline:0;
	/*background-color:#811A0D;*/
	cursor:pointer;
}

/* --------------- FOOTER -----------------------*/
#footerwrap {
	clear:both;
	width:100%;
	padding:0px 0 1px 0;
}

#footer {
	width:100%;
	font-size: 90%;
	padding:25px 0 50px 0;
	color: #9C877F;
	background:#443833;
}
#footer a {
	color:#9C877F;
	text-decoration:none;
}
#footer a:hover {
	color:#EF7136;
	text-decoration:underline;
}
#footercontent {
	padding:0 0 2em 0;
}
#footercontent:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#footercontent ul li  {
	height:58px;
	margin:0 0 8px 0;
}
#footer div.spalte {
	min-height:320px;
	padding:2px;
	margin-right:20px;
	float:left;
}
#footer div.spalte h4 {
	margin-bottom:1.5em;
	font-size:140%;
	font-weight:bold;
	font-family:Arial;
	color:#EF7136;
}

/*--------------- RSS FEEDS -------------------*/
#footer ul.rssfeed li a {
	padding:0 0 0 20px;
	background:url( '/gn/template/klassik/image/rss.gif' ) no-repeat left center;
}

/*------------ MOSTPOPULAR ----------------*/
#footer div.mostpopular {
	width:28%;
}

/* ---------- RADIOS ---------------------*/
#footer div ul.radios li img {
	width:50px;
	margin:0 4px 0 0;
	vertical-align:top;
	border:4px solid #241813;
	border:3px solid #9C877F;
	-moz-border-radius:3px; -webkit-border-radius:3px; 
}
#footer div ul.radios li a:hover img {
	border:3px solid #EF7136;
}
/*------------ EMPFEHLUNGEN ----------------*/
#footer div.empfehlungen {
	width:26%;
}
#footer ul.empfehlungen li {
	overflow:hidden;
}
#footer ul.empfehlungen li p {
	font-size:80%;
	padding:4px 0 0 0;
}