/* @override http://ao2010.adam-online-magazin.de/fileadmin/templates/ao.css */

/*
-----------------------------------------------
Projekt: adam-online-magazin.de
Autor:   Peter R. Mueller - www.prmueller.de
Version: 24. Juni 2009
----------------------------------------------- */



/* Basics */
*	{
	margin: 0;
	padding: 0;
	}

html {
	background: rgb(245,245,255) url(bilder/HiGruVersetzt.jpg);
	}

/* IE5-Hack wegen zentriertem Container: */
body {
	text-align: center;
    position: relative;
    background: transparent url(bilder/kopfhigru.jpg) top left repeat-x;
	}

/* --------------------------------------------
   Body - Container
----------------------------------------------- */

#container {
	position: relative;
	width: 940px;
	margin: 0px auto 0px auto;
	/* IE5-Hack wegen zentriertem Container (hebt den body-Hack wieder auf): */
	text-align: left;
	height: 800px;
	overflow: visible;
	}
	
/* Kopfbereich */
	
#kopfbox {
	position: relative;
	background: rgb(62,109,151) url(bilder/AOLogo.gif) no-repeat 30px 30px;
	height: 225px;
	padding: 15px 0px 0px 10px;
	/* IE5-Hack wegen zentriertem Container (hebt den body-Hack wieder auf): */
	text-align: left;
	}

#heftbild {
	position: absolute;
	/* Bild fuer Heft sollte 100x142px haben */
	width: 150px;
	height: 160px;
	top: 15px;
	left: 810px;
	}
	
#seitentitel {
	position: absolute;
	width: 500px;
	height: 25px;
	top: 177px;
	left: 410px;
	padding: 0;
	margin:0;
	}
#seitentitel p {
	font: bold 1.2em verdana, arial, sans-serif;
	color: rgb(200,200,200);
	letter-spacing: 1px;
	text-align: right;
	padding: 0;
	margin:0;
	}

#nav2 {
	position: absolute;
	width: 300px;
	height: 20px;
	top: 215px;
	left: 610px;
	text-align: right;
	}
	
/* Trennlinie */
	
hr 	{
	height: 4px;
	color: rgb(214,1,57);
	background-color: rgb(214,1,57);
	border: 1px solid rgb(214,1,57);
	}
/* IE hack fuer Abstand der Linie vom horizontalen Menue*/
* html hr {
	margin-top: 7px;
	}
	
	
/* Rechtes Menue */

#nav1 {
	position: absolute;
	width: 150px;
	background: rgb(214,1,57) url(bilder/menueleiste.jpg) no-repeat top left;
	margin: 30px 0px 0px 0px;
	border-top: 1px solid rgb(62,109,151);
	border-left: 1px solid rgb(62,109,151);
	border-right: 1px solid rgb(62,109,151);
	}
	/* rgb(225,225,225)
	rgb(62,109,151) */
	
/* Textbereich */

#text {
	position: relative;
	left: 155px;
	margin: 0px 0px 30px 7px;
	padding: 30px 0px 0px 15px;
	/* background-color: rgb(62,109,151); */
	}

/* IE float hack, including Holly Hack - hides from IE-mac \*/
* html #text {height:0;}
/* End hide from IE-mac */

#hauptinhalt {
	position: absolute;
	width: 550px;
	background-color: rgb(245,245,255)
	}

#rechtebox {
	position: absolute;
	width: 179px;
	left: 585px;
	margin-bottom: 20px;
	}
	
#rechteboxinnen {
	background-color: rgb(220,220,220);
	width: 100%;
	padding: 0px;
	}

/* news-catemenu fuer tt_news Kategorienmenue im Archiv */
.archivbox, .news-catmenu {
	background-color: rgb(220,220,220);
	/* border: 1px solid rgb(250,250,250); */
	width: 169px;
	padding: 5px;
	margin-bottom: 6px;
	font: 0.9em/1.4 verdana, arial, sans-serif;
	}
	
/* Dimensionen entsprechen dem "Wide Skyscraper"-Modell (160x600) von Google */
#adsense {
	border-top: 4px solid rgb(214,1,57);
	padding-top: 7px;
	margin: 5px 7px 0px 7px;
	width: 160px;
	height: 611px;
	}
	
#footer {	
	clear: both;
	height: 3em;
	margin-top: 2em;
	}



/* --------------------------------------------
   Navigation
----------------------------------------------- */

/* Navigation 1 (Linkes Menue) */


#nav1 a {
	font: bold 0.75em thahoma, verdana, sans-serif;
	color: rgb(225,225,225);
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;
	display: block;
	vertical-align: -5px;
	height: 24px;
	padding: 13px 2px 0px 5px;
	border-bottom: 1px solid rgb(62,109,151);
	}

#nav1 a:hover {
	background: rgb(238,98,111) url(bilder/menue_hover.jpg) repeat-x;
	}

#nav1 a:active {
	background: rgb(180,23,64) url(bilder/menue_aktiv.jpg) repeat-x;
	}

 #nav1 a.hier {
	color: rgb(50,50,50);
	}


/* Navigation 2 (horizontal)) */

#nav2 a, #nav2 a:hover, #nav2 a:visited {
	font: normal 0.7em verdana, arial, sans-serif;
	color: rgb(200,200,200);
	text-align: right;
	text-decoration: none;
	}

#nav2 a:hover {
	color: rgb(150,150,150);
	}

#nav2 a:active {
	color: rgb(214,1,57);	
	}


/* #nav2 p {
	font: 0.9em/1.4 verdana, arial, sans-serif;
	color: rgb(180,180,180);
	}
*/



/* --------------------------------------------
   Schriftstile
----------------------------------------------- */


p, .li, li, .archivbox p  {
	font: 0.8em/1.35 verdana, arial, sans-serif;
	color: rgb(0,0,0);
    margin-top: 1em;
	}
p.bodytext em {
	font-style: italic;
	font-weight: normal;
}
	
/* Fuer die Fusszeile */
.footer {
	text-align: center;
	font: 0.7em/1.4 verdana, arial, sans-serif;
	color: rgb(0,0,0);
    margin-top: 2em;
	}
	
/* Liste bei "Mitarbeit" */
li {
	margin: 0.6em 0 0 20px;
	list-style-position: outside;
	list-style-image: url(bilder/bullet.gif);
	}
	
em {
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	}


/* Artikel-Ueberschrift */
h1, h1.csc-firstHeader, h2 {
	font: 1.4em trebuchet, tahoma, avantgarde, sans-serif;
	font-weight:700;
	letter-spacing: 1px;
	color: rgb(62,109,151);
	line-height: 120%;
	text-align: left;
	margin: 0.5em 0em 0em 0em;
	}
h2 {
	font: bold 1.2em trebuchet, tahoma, avantgarde, sans-serif;
	}
h2 span {
	font-size: 0.9em;
	}


/* Zwischenueberschrift */
h3 {
	font: 1em tahoma, avantgarde, sans-serif;
	font-weight:800;
	letter-spacing: 1px;
	margin: 1.4em 0em 0em 0em;
	color: rgb(90,90,90);
	}
	

/* Umfrage */
h4 {
	font: 1em tahoma, avantgarde, sans-serif;
	font-weight:900;
	letter-spacing: 1px;
	margin-bottom: 1em;
	color: rgb(70,70,70);
	}
	
	
/* Termine */
h5 {
	font: 1em tahoma, avantgarde, sans-serif;
	font-weight:900;
	color: rgb(20,20,20);
	margin-bottom: 0.3em;
	margin-top: 0.8em;
	}
#termine p {
	font: 0.9em/1em verdana, arial, sans-serif;
	color: rgb(0,0,0);
	}	
	


/* --- Typo3 --------------------- */
	
/* Bildunterschrift */	
.csc-textpic-caption {
	margin-top: 0.5em;
	font-size: 0.8em;
	font-weight: bold;
	}
	
	
/* Rechte Spalte: Text */
#rechteboxinnen .csc-textpic-text {
	padding-left: 9px;
	}

/* Groessenangabe fuer Downloaddateien */
td.csc-uploads-fileName {
	padding-right: 1em;
	}
	
/* Tabelle auf der Download-Seite */

table.contenttable contenttable-0 download
	{
	width: 100%;
	}
	
	

/* ********** Spezielle TemplaVoila-Stile: */
p.csc-subheader csc-subheader-0, p.csc-subheader csc-subheader-1, p.csc-subheader csc-subheader-2, p.csc-subheader csc-subheader-3 {
	font: 1em/1.6 tahoma, arial, sans-serif;
	font-weight: bold;
	color: rgb(50,50,50);
	}
	



/*  ---  tt_news -------------------- */
	
.news-list-morelink,.news-list-category, dl.news-single-links dt {
	font: 0.7em verdana, arial, sans-serif;
	font-size: 0.7em;
	margin-left:3px;
	}	


.news-list-morelink {
	margin-bottom: 3px;
	}
	
/* Text unter der Volltextsuche */
.news-search-emptyMsg {
	font: 0.7em verdana, arial, sans-serif;
	}
	
/* Enthaelt alle Newsmeldungen */
.news-list-container {
	border:1px solid  rgb(162,185,205);
	background-color: rgb(217,217,217);
	}
/* div.news-list-container {
	width: 590px;
	float: right;
	} */

/* Enthaelt eine Newsmeldung */
.news-list-item, .news-single-item, .tx-ttnews-browsebox, .browseBoxWrap, .news-search-form, .news-single-additional-info {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:2px;
	background-color: rgb(242,242,255);
	border: 1px solid rgb(217,217,217);
	}
.news-single-item {
	border:1px solid rgb(217,217,217);
	padding: 10px;
	}
	
/* Ueberschriften (Liste und Single) */
.news-list-container h3, .news-single-item h2 {
	margin-bottom: 5px;
	margin-top: 0.4em;
	padding: 2px;
	border-bottom: 0px solid rgb(220,220,220);
	background-color: transparent;
	font-size: 0.95em;
	}
.news-single-item h2 {
	color: rgb(62,109,151);
	}
	
/* Zwischenueberschrift im Single View */
.news-single-item h3 {
	color: rgb(62,109,151);
	font-size: 0.75em;
	margin-bottom: 3em;
	}

/* Artikelueberschrift im List View */
.news-list-container h3 a:link, .news-list-container h3 a:visited, .news-list-container H3 a:hover {
	color: rgb(62,109,151);
	padding-left:2px;
	margin-top: 0em;
	}
.news-list-container h3 a {
	color: rgb(62,109,151);
	margin-top: 0em;
	}

/* Datum und Zeit ausblenden */
.news-list-date, .news-single-timedata {
	display: none;
	}

/* News-Kategorie in der Single-Ansicht */
.news-single-category {
	font: 0.7em/1.4 verdana, arial, sans-serif;
	color: rgb(62,109,151);
	}

div.news-list-item h2 {
	font-size: 1em;
}
div.news-list-item p, div.news-single-item p {
	font-size: 0.8em;
	margin-top: 0.5em;
	}

/* Autorenname unter der Single-Ueberschrift */
p.news-single-author {
	color: rgb(80,80,80);
	font-style: italic;
	margin: 0px;
	font-size: 0.95em;
	}

/* Seitenueberschrift 
 h1.csc-firstHeader {
	margin: 0px 0px 5px 4px;
	} */
	

hr.clearer { /* Linie unter dem jeweiligen News Item */
	color: rgb(217,217,217);
	background-color: rgb(217,217,217);
	}

.news-single-item hr.clearer {
	margin-top: 10px;
	}


div.news-list-morelink a:link, div.news-list-morelink a:visited, /* Der "mehr..."-Link */
 
div.news-list-category a:link, div.news-list-categoryk a:visited { /* ... sowie die Kategorieelemente */
	font-weight: normal;
	}



div.tx-ttnews-browsebox p { /* Zeigt die Gesamtzahl der Fundstellen im List-View an - leider nur englisch,
Template dafuer habe ich nicht gefunden */
	display: none;
	}
div.tx-ttnews-browsebox td p {
	display: inline;
	}
	
	
/* tt_news - KATEGORIEMENUE */

#rechteboxinnen h5 { /* Kategorienmenue (ist auch oben bei "Archivbox" geregelt): */
	padding-left: 5px;
	}

.news-catmenu {
	margin: 0px;
	border: 0px;
	}
	
div.news-catmenu-NO img.c-recicon { /* Schaltet Bild im Kategorienmenue beim "Archiv" aus: */
	display: none;
	}
	
ul.tree li { /* flickt KatMenue auf der Archivseite */
	margin: 2px;
	list-style-image: none;	
}
ul.tree li img { 
	display: none;
}
ul.tree li ul {
	padding: 0;
}
ul.tree li ul li a:link, 
ul.tree li ul li a:visited {
	font-size: 1.2em;
	line-height: 1.9;
}

	
/* Link am Ende eines Single-View-Artikels */

dl.news-single-links dt, dl.news-single-links dd, dl.news-single-links p.bodytext {
	margin: 0px;
	padding: 0px;
	background-color: rgb(230,230,2554);
	}
	
div.news-single-additional-info, dl.news-single-links {
	background-color: rgb(230,230,2554);
	}
	
	
/* ******* News Latest (auf der Titelseite) */


.news-latest-container h2 { /* Ueberschrift "Aktuelles" ausblenden */
	display: none;
	}


.news-latest-container .news-latest-item .news-latest-date { /* Datum ausblenden */	
	display: none;
	}


.news-latest-container .news-latest-gotoarchive { /* Link "Zum Archiv" ausblenden */	
	display: none;
	}
	

.news-latest-container .news-latest-item hr.clearer { /* HR-clearer ausblenden */	
	display: none;
	}

.news-latest-container {
	margin-top: 1em;
	}
	
/* Latest-Box */
.news-latest-container, .news-latest-item {
	border: 0px solid transparent;
	background-color: rgb(245,245,255);
	padding: 0;
	}
	
	
/* ******* Kasten in einem News-Artikel */

.kasten-rot, .kasten-blau, .kasten-grau {
	display: block;
	width: 200px;
	padding: 0.6em;
	float: right;
	margin: 1.8em 0em 0.5em 1em;
	font: 0.5em/1.4 verdana, arial, sans-serif;
	}
.kasten-rot, .kasten-rot-links {
	border: 2px solid rgb(214,1,57);
	background-color: rgb(255,183,174);
	}
.kasten-blau, .kasten-blau-links {
	border: 2px solid rgb(64,109,151);
	background-color: rgb(225,232,244);
	}
.kasten-grau,.kasten-grau-links {
	border: 2px solid rgb(139,114,110);
	background-color: rgb(219,207,205);
	}
	
.kasten-rot-links, .kasten-blau-links, .kasten-grau-links {
	display: block;
	width: 200px;
	padding: 0.6em;
	float: right;
	margin: 1.8em 1em 0.5em 0em;
	font: 0.5em/1.4 verdana, arial, sans-serif;
	}



/* *** Spezielle Stile fuer die Umfrage (jkpoll)** */

div.tx-jkpoll-pi1  {
	background-color: rgb(220,220,220);
	border: 1px solid white;
	padding: 3px 3px 3px 9px;
	}

div.tx-jkpoll-pi1 h1 {
	font: 1em tahoma, avantgarde, sans-serif;
	font-weight:900;
	letter-spacing: 0px;
	margin-bottom: 0.5em;
	margin-top: 0px;
	color: rgb(214,1,57);
	}
	
div.tx-jkpoll-pi1 p {
	font: 0.75em/1.4 tahoma, avantgarde, sans-serif;
	margin-bottom: 0.4em;
	margin-top: 0px;
	color: rgb(0,0,0);
	}

div.tx-jkpoll-pi1 p.bodytext {
	font-weight: bold;
	margin: 0px;
	margin-bottom: 0.4em;
	}

div.tx-jkpoll-pi1 form div p label {
	width: 125px;
}

div.tx-jkpoll-pi1 form div p input {
	width: 15px;
}

div.tx-jkpoll-pi1 form div p input.pollsubmit {
	width: 90px;
}



	


/* Spezielle Stile fuer die Termine (attacalendar)  */

/* ListView, enthaelt den Titel der Veranstaltung - KURZE VARIANTE */

span.tx-attacalendar-pi1_from_time, span.tx-attacalendar-pi1_to_time, span.tx-attacalendar-pi1_loc,
span.tx-attacalendar-pi1_from_date, td.tx-attacalendar-pi1_rechts h1, td.tx-attacalendar-pi1_rechts p, div.tx-attacalendar-pi1_extended_list table.tx-attacalendar-pi1_table td.tx-attacalendar-pi1_links span.tx-attacalendar-pi1_from_date {
	font-weight: plain;
	color: rgb(90,90,90);
	}

div.tx-attacalendar-pi1_smallist div.tx-attacalendar-pi1_item p {
	margin: 0px;
	padding: 0px;
	}

div.tx-attacalendar-pi1_smallist div.tx-attacalendar-pi1_item { 
	margin-bottom: 12px; 
	}

div.tx-attacalendar-pi1_smallist {
	font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
	padding: 4px;
	margin-bottom: 0.9em;
	border: 1px dotted rgb(200,200,200);
	}

.pfeilchen {
	color: rgb(180,23,64);
	white-space: nowrap;
	}
	
/* Seminartitel als Link im List-View */
div.tx-attacalendar-pi1_smallist div.tx-attacalendar-pi1_item p.tx-attacalendar-pi1_title a:link {
	font: plain 0.9em verdana, arial, sans-serif;
	color: rgb(90,90,90);
	}

div.tx-attacalendar-pi1_smallist div.tx-attacalendar-pi1_item p.tx-attacalendar-pi1_title a:visited {
	font: plain 0.9em verdana, arial, sans-serif;
	color: rgb(90,90,90);
	text-decoration: none;
	}
	
/* ListView, enthaelt den Titel der Veranstaltung - AUSFUEHRLICHE VARIANTE */
	
div.tx-attacalendar-pi1_extended_list table.tx-attacalendar-pi1_table td.tx-attacalendar-pi1_rechts h1 {
	font: bold 0.85em verdana, arial, sans-serif;
	color: rgb(90,90,90);
	}

div.tx-attacalendar-pi1_extended_list table.tx-attacalendar-pi1_table td.tx-attacalendar-pi1_rechts p {
	font: plain 0.9em verdana, arial, sans-serif;
	color: rgb(90,90,90);
	}

	
/* Einzelansicht */
div.tx-attacalendar-pi1-single div.tx-attacalendar-pi1_links {
	border: 1px dotted rgb(180,23,64);
	}

td.tx-attacalendar-pi1_rechts,td.tx-attacalendar-pi1_rechts p, .archivbox p, td.tx-attacalendar-pi1_links, td.tx-attacalendar-pi1_links p, td.tx-attacalendar-pi1_start {
	font: plain 1.3em verdana, arial, sans-serif;
	}
	
/* Veranstaltungtitel fett */
div.tx-attacalendar-pi1_single div.tx-attacalendar-pi1_header h1 {
	font-size: 1.2em;
	color: rgb(90,90,90);
	margin-top: 2em;
	margin-bottom: 1em;
	}
	
/* Untertitel */
div.tx-attacalendar-pi1_single div.tx-attacalendar-pi1_header h2 {
	font-size: 1.1em;
	color: rgb(90,90,90);
	margin-top: 1em;
	margin-bottom: 1em;
	}
	
/* Rahmen links */
div.tx-attacalendar-pi1_single div.tx-attacalendar-pi1_links {
	border: 1px dotted rgb(200,200,200);
	padding: 5px;
	vertical-align: top;
	margin-bottom: 1em;
	}

/* Wort "Termin:" */
div.tx-attaccalendar-pi1_start {
	font-size: 1em;
	color: rgb(90,90,90);
	letter-spacing: 1px;
	}

/* Veranstaltungsort Box links */
.tx-attacalendar-pi1_loc {
	font: bold 1.1em verdana, arial, sans-serif;
	}

/* Adresse Veranstalter Box links */
.tx-attacalendar-pi1_address {
	font: bold 1em verdana, arial, sans-serif;
	color: rgb(90,90,90);
	}
	
/* Link "zurueck" */
td.tx-attacalendar-pi1_rechts a:link, td.tx-attacalendar-pi1_rechts a:visited, {
	color: rgb(90,90,90);
	}
td.tx-attacalendar-pi1_rechts a:hover {
	text-decoration: underline;
	}




	
/* Sonstiges ---------------------------- */

/* Links allgemein */
a:link {
	font: bold 1em/1.4 verdana, arial, sans-serif;
	text-decoration: none;
	color: rgb(77,137,190);
	}

a:visited {
	font: bold 1em/1.4 verdana, arial, sans-serif;
	color: rgb(94,166,229);
	text-decoration: none;
	}

a:hover, a:active {
	text-decoration: underline;
	color: rgb(214,1,57);
	}
	
	
/* Kontaktformular, Bestellformular */
label {
display: block;
width: 10em;
float: left;
clear: both;
margin: 0.6em 0em 0em 0em;
font: bold 0.75em tahoma, avantgarde, sans-serif;
color: rgb(90,90,90);
}

input, textarea {
margin: 0.6em 0em 0.5em 0em;
}

fieldset {
padding: 0.6em;
}

div.csc-mailform-field {
	display: block;
	width: 100%;
	font: bold 1em tahoma, avantgarde, sans-serif;
	color: rgb(90,90,90);
	}
	
div.csc-mailform-field input {
	margin-top: 5px;
}

span.csc-mailform-label {
	display:block;
	width: 100%;
	text-align: left;
	font-size: 0.75em;
	margin-top: 2em;
	color: rgb(90,90,90);
	}
	
	
/* pbsurvey ////// */

fieldset.survey_item {
	margin: 1.7em 0;
	line-height: 1.3em;
	border-color: #f2f2f2;
	border-style: groove;
}

input {
	font-size: 80%;
	font-family: arial, sans-serif;
	margin: 0 1em 0.7em 1em;
}

div.bartext {
	font: 0.6em/0.1 verdana, arial, sans-serif;
}

	
.survey_item {
	font: 0.8em/0.1 verdana, arial, sans-serif;
}

legend.question {
	font: bold 1.05em/1 verdana, arial, sans-serif;
	margin: 1em 0 0.5em 0;
}
.questionComment {
	margin: 0.4em 0 1em 0;
}

div.additional_ver input {
	width: 100%;
}

tr.surveyrow_odd {
	background-color: transparent;
}

tr.surveyrow_even {
	background-color: #e6e6e6;
}


td.columnFirst {
	width: 250px;
	text-align: left;
}

td.columnNext {
	text-align: left;
	width: auto;
	line-height: 1.3em;
	height: 20px;
	padding-left: 0.8em;
}

td.columnNext input {
	text-align: left;
	margin: 0 1em 0 0;
}

div.survey_error {
	font: bold 1.05em/1.4 verdana, arial, sans-serif;
	margin: 3em 0 0 0;
	color: rgb(180,23,64);
}

div.additional_ver input {
	width: 505px;
}


/* sb_downloader */
div.sb_download_flex {
	background: transparent;
	height: 100%;
}

div.title {
	font: bold 0.8em/1 verdana, arial, sans-serif;
	color: #555;
}

div.links {
	font: 0.8em/1 verdana, arial, sans-serif;
	padding: 0;
	margin: 0;
	height: 23px;
	}

div.sb_download_flex {
	padding: 0;
	margin-top: 1em;
	width: 100%;
}

div.title {
	width: 58%;
	float: left;
}

div.sb_download_text {
	width: 40%;
}


div.description {
	font: normal 1em/1.3 verdana, arial, sans-serif;
	color: #555;
	}

div.sb_download_text {
	font: bold 0.6em/1 verdana, arial, sans-serif;
	color: #555;
}



div.clicks {
	width: 150px;
	float: left;
	font: bold 1em/1.4 verdana, arial, sans-serif;
	text-decoration: none;
	color: rgb(62,109,151);
}

#sb_download_flexWrap div.sb_download_flex div.sb_download_text div.links hr {
	height: 1px;
	margin: 0;
	display: none;
}


div.category, div.sb_download_image img {
	display: none;
}

div.clicks {
	font: bold 0.8em/0.8 verdana, arial, sans-serif;
	color: #9db6cc;
}