@charset "utf-8";

/* ============================================================================================
*	promovio dk10 
*	Screen Layout
*	---------------------------------
* 		S T R U K T U R
*	---------------------------------
*	wrapper
*	|
*	|-head
*	|-col01		[float left], fixe Breite
*		|-col-bar-menu
*		|-main-menu
*	|-col03		flexible Breite mit Begrenzung
*	|-col-main	[float right], flexible Breite mit Begrenzung
*	
*/



/*###################################################
#
#
#       L A Y O U T  C O N T A I N E R
#
#
###################################################*/


#wrapper {
	min-width: 960px;
	/* TODO: Wert noch anpassen */
	max-width: 1200px;
	min-height: 750px;
	margin: 0 auto;
	padding: 5px;
	background-color: #FFFFFF;
	/* wg dem bloeden center-Hack */
	text-align: left;
}
#head {
	height: 170px;
	width: 100%;
	position: relative;
	border-bottom: 5px solid #fff;
	overflow: hidden;
}

/*++++++++++++++++++++++++++++++++++
+
+     Kopfbereich
+
+++++++++++++++++++++++++++++++++++*/

/* Titel der Webseite aus dem Viewport schieben,
nur fuer Print od. Screenreader sichtbar */
h1.site_title {
	text-indent: -500em;
	line-height: 1px;
	margin: 0;
	padding: 0;
}


/*++++++++++++++++++++++++++++++++++
+
+     Spalte links (Hauptmenue)
+
+++++++++++++++++++++++++++++++++++*/
#col01 {
	width: 180px;
	background-color:#bbb;
	float: left;
}


/*++++++++++++++++++++++++++++++++++
+
+     Contentbereich 
+
++++++++++++++++++++++++++++++++++++*/
#col-main {
	margin: 0 25% 0 180px;
	padding: 0 30px 50px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}
	/*----------------------------------------------- 
	* Contentbereich wird über .mod_article formatiert
	*/
	
/*++++++++++++++++++++++++++++++++++
+
+ Spalte rechts: Suche + News-Teaser
+
+++++++++++++++++++++++++++++++++++*/
#col03 {
	float: right;
	width: 25%;
	}


/*###################################################
#
#
#       L A Y O U T  E L E M E N T E
#
#
###################################################*/


/*******************************
* Spalten-Balken 
*/
#col-bar-menu,#col-bar-content,#col-bar-search,#col-bar-news-teaser {
	height: 38px; 
	background-position: left top;
	background-repeat: no-repeat;
}
#col-bar-menu p,#col-bar-content p,#col-bar-search p,#col-bar-news-teaser p {
	padding-top: 5px;
	height: 23px;
	font-size: 14px;
	padding-left: 25px;
}

#col-bar-content {
	background-image: url(../grafik/col-bar_content.gif);
	margin: 0 -30px;
}
	#col-bar-content p {
		background-color: #73BA42;
	}
	
/* Modul: Hauptmenü Spaltenkopf */
#col-bar-menu {
	background-image: url(../grafik/col-bar_menu.gif);
	background-color: #78c8f0;
}
	#col-bar-menu p {
		background-color: #00AAFF;
	}
	
/* Modul: Suche Spaltenkopf */
#col-bar-search {
	background-image: url(../grafik/col-bar_search.gif);
	background-color: #DA90DA;
}
	#col-bar-search p {
		background-color: #CC33CC;
	}
	
/* Modul: News-Teaser Spaltenkopf */
#col-bar-news-teaser {
	background-image: url(../grafik/col-bar_news-teaser.gif);
	background-color:#F8E47D;
}
	#col-bar-news-teaser p {
		background-color: #FFD602;
	}



/*###################################################
#
#
#        M O D U L E
#
#
###################################################*/

/*------------------------------------------
*          H A U P T M E N Ü
*
*------------------------------------------*/
#main-menu {
	border-bottom: 5px solid #fff;
	padding-bottom: 20px;
	background-color: #78c8f0;
}
	#main-menu ul {
		margin: 0;
		margin-left: 10px;
		padding-left: 10px;
		list-style-image: url(../grafik/bullet-menu.gif);
	}
	#main-menu li {
		padding: 0.3em 10px 0.2em 0;
		margin: 0.5em 0;
	}
	#main-menu li { /*, #main-menu a { */
		font-size: 1.2em;
		line-height: 1em;
	}
	#main-menu li, #main-menu a { 
		color: #000;
	}
	#main-menu li:hover, #main-menu li.active {
		list-style-image: url(../grafik/bullet-menu_active.gif);
		color: #EEE;
		text-decoration: none;
	}
	
	#main-menu a:hover {
		color: #EEE;
		text-decoration: none;
	}
	
	/* aktiver Menü-Pkt */
	#main-menu span.active {
		color: #555;
		font-weight: bolder;
	}
	
		#main-menu li ul {
			margin: 0;
			margin-left: 10px;
			padding-left: 10px;
			list-style-image: none;
		}
			#main-menu li ul li, #main-menu li ul a  {
				font-size: 1.1em;
				color: #000;
			}
			#main-menu li ul li  {
				padding: 0.3em 0;
			}

/*------------------------------------------
*          A R T I K E L - M O D U L
*
*------------------------------------------*/

div.mod_article {
	/*padding:38px 30px 30px;*/
}
	/* Modul Text */
	div.ce_text {
		/*width: 100%;*/
	}
	div.ce_text h3:first-child {
		margin-top: 0;
	}
	
	/* 
	allgemeine Formatierungen fuer den Content-Bereich 
	*/
	div.mod_article ul {
		/*margin-left: 2em;
		padding-left: 2em;*/
		list-style-position:outside;
		list-style-type: square;
	}
	div.mod_article li {
		margin-left: 2em;
	}
		
		
		/*div.mod_article ul li:before {
			content: "» ";
		}*/
	
	/*div.mod_article p {
		text-indent: 1.5em;
	}
	div.mod_article p:first-letter {
		text-transform: uppercase;
		font-size: 1.5em;
		font-family: Georgia, "Times New Roman", Times, serif;
	}*/
	div.mod_article	img {
		margin: 10px;
		border: 1px solid #555;
	}
	
	/* Grafik-Container allgemein */
	div.image_container {
		width: 306px;
	}
	/* image_container mit Grafik rechts */
	.float_right {
		margin-left: 20px;
	}
		div.float_right img {
			margin: 0;
		}
	
	/* image_container mit Grafik links */
	.float_left {
		margin-right: 20px;
	}
		div.float_left img {
			margin: 0;
		}


	/* Bildunterschrift */
	div.caption {
		padding: 5px 10px 20px;
	}

	/* kein Rand oben */
	.no-margin-top {
		margin-top: 0 !important;
	}
	
	/* kein Rand unten */
	.no-margin-bottom {
		margin-bottom: 0 !important;
	}
	
/*div.ce_image {
		width: 310px;
	}*/
	

/*------------------------------------------
*          F O R M U L A R - M O D U L E
*
*------------------------------------------*/

/**********************************
* Modul: Suche (nur Eingabefeld) 
* kl. Suchfeld Spalte re.
*/
#search-box {
	height: 40px;
	margin-bottom: 5px;
	background-color: #DA90DA;
}
	#search-box div.form-element {
		padding: 5px;
		padding-left: 15px;
		margin: 0;
	}

/**********************************
* Modul Suche (mod_search)
*/
div#suche p.header {
	margin: 2em 0;
}
#suche div.formbody {
	border: 3px solid #C7E3B3;
	padding: 10px;
}

/**********************************
*  Anpassung des form_widget.tpl + form_captcha.tpl  
* jedes Formularelement wird in ein <div> verpackt 
*/
.form-element, .form-element-captcha {
	margin: 10px 0;
}

/* Format fuer 'Pflichtfeld' */
.mandatory {
	font-style: italic;
	/*color: */
}


/**********************************
*  Modul: Kontaktformular
*/
#contact-form {
}
	#contact-form fieldset {
		padding: 20px;
		border:2px solid #BBBBBB;
	}
	#contact-form legend {
		font-size: 14px;
		padding: 5px;
	}
	/* stellt das Label links vor das Eingabefeld */
	#contact-form label.label-left {
		float: left;
		width: 140px;
		margin-right: 15px;
		text-align: right;
	}
	#contact-form input, #contact-form textarea {
		border: 1px solid #BBBBBB;
		background-color: #EEEEEE;
		padding: 2px;
	}
	#contact-form input {
		width: 170px;
	}
	#contact-form textarea {
		width: 400px;
	}
	/* Captcha */
	#contact-form input.captcha {
		/*margin-left: 20px;*/
		width: 30px;
		border: 1px solid #CB081C;
	}
	#contact-form span.captcha_text {
		background-color:#FA989D;
		color:#000000;
		font-weight:normal;
		padding:5px;
	}
	#contact-form p.captcha-result {
		margin: 5px 0 0 145px;
		padding: 3px 0;
	}
	#contact-form span.captcha-label-result {
		padding: 0 5px 0 15px;
	}
	/* Nachrichten-Element */
	#contact-form div.explanation {
		margin: 30px 0 15px;
	}
	/* Checkbox */
	#contact-form div.checkbox_container {
		margin: 20px 0;
		margin-left: 145px;
	}
	#contact-form input.checkbox {
		width: 30px;
	}
	#contact-form div.submit_container {
		margin-left: 155px;
		margin-right: 50px;
		text-align: right;
	}
	#contact-form p.error {
		margin: 5px 0;
		padding: 2px;
		border: 1px solid #CB081C;
		font-size: 0.9em;
		text-align: center;
	}
	
/*------------------------------------------
*          N E W S - M O D U L E
*
*------------------------------------------*/


/*------------------- 
* allgemein 
*/

/* Datum, Autor etc */
p.info {
	font-size: 10px;
	margin-bottom: 0.5em;
	color: #555;
}

/* weiter + zurück */
p.more a, p.back a { 
	/*color: #555;*/
	font-size: 10px;
	font-weight: bolder;
}

/* Seiten-Navi */
div.pagination {
	text-align: center;	
}
div.pagination p {
	margin-bottom: 0.5em;
}
div.pagination li {
	display: inline;
	padding: 0 3px;
}
div.pagination .current {
	font-weight: bold;
}
/*div.pagination .next, div.pagination .previous {
	color: #F90;
}*/


/*------------------- 
* Modul: News-Teaser
* Liste der letzten drei Nachrichten
*/
div#news-teaser-col {
	background-color:#F8E47D;
	padding: 5px 10px 10px;
}
	/* einzelner Beitrag */
	#news-teaser-col div.layout_latest {
		margin: 0 0 10px 0;
		padding: 10px;
		background-color: #FFFADF;
	}
		#news-teaser-col h3 {
			margin: 0 0 0.3em 0; 
		}
			#news-teaser-col h3 a {
				font-size: 0.8em;
				color: #555;
			}
		/* Teaser */
		#news-teaser-col p.teaser {
			margin: 0;
			font-size: 11px;
		}
		/* weiter */
		#news-teaser-col p.more {
			margin: 5px 0 0;
			text-align: right;
		}
		

/*------------------- 
* Modul News Archiv alle - Menü 
* Navigation News-Archiv (alle Rubriken) nach Jahren 
*/
div#news-archiv-menu {
	margin-bottom: 30px;
	border: 3px solid #C7E3B3;
	padding:10px 20px 0;
}
	#news-archiv-menu h2 {
		margin: 0 0 1em;
		color: #555;
	}
	#news-archiv-menu ul {
		padding-left: 20px;
	}

	#news-archiv-menu li {
		display:inline;
		padding:0 10px;
	}
		#news-archiv-menu li a {
			color: #73BA42;
			font-weight: bold;
		}
	#news-archiv-menu li.active {
		/*font-size:14px;*/
		font-weight: bold;
		color: #555;
	}

/*------------------- 
* Modul 'News Archiv alle'
* News-Archiv (alle Rubriken) 
*/
div#news-archiv {
}
#news-archiv p.news-date {
	font-size: 0.9em;
}
span.news-changed {
	padding-left: 20px;
	color: #999;
}

/* einzelner Beitrag */
#news-archiv div.layout_latest {
	margin: 0 0 15px 0;
	padding: 10px 10px 15px;
  	border-bottom: 2px dotted #aaa;
}

#news-archiv h3 {
	margin:0.5em 0 0.4em;
	font-size: 1.3em;
}
	#news-archiv h3 a {
		/*font-size: 14px;*/
	}
#news-archiv p.teaser:last-child {
	margin-bottom: 0;
}

/* weiter */
#news-archiv p.more {
	margin-bottom: 0;
	padding-left: 50px;
}

/*------------------- 
* Modul 'News Anzeige'
* News-Leser (alle Rubriken) 
*/
div#nachrichten {
}
/* Nachrichten-Titel */
#nachrichten h2 {
	margin: 0.3em 0 0.5em;
}
/* Untertitel */
div.mod_newsreader h3 {
	margin: 0.5em 0 1em 0;
}
#nachrichten p.info {
	margin: 39px 0 0;
	font-size: 0.9em;
	text-indent: 0;
}

#nachrichten p.teaser {
	margin: 0 20px 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-indent: 0;
}
	#nachrichten p.teaser:first-letter {
		font-size: 1em;
	}
	#nachrichten p.teaser strong {
		font-weight: normal;
	}
	
#nachrichten p.back {
	margin-left: 50px;
}
#nachrichten p.back a {
	padding-left: 10px;
	padding-bottom: 2px;
	border-bottom: 1px dotted;
	/* damit border-bottom dargestellt wird */
	display: inline-block;
}
	

/*###################################################
#
#
#        S E I T E N L A Y O U T S  
#		Anpassungen an einzelne Seiten
#
###################################################*/


/*------------------- 
* Kontaktseite + Kontakt mit Bestätigung E-Mail-Versand
* 
*/

/* kein Einzug, keine Texteffekte */
div#kontakt p, div#kontakt-versandbestaetigung p {
	text-indent: 0;
}
div#kontakt p:first-letter, div#kontakt_versandbestaetigung p:first-letter {
	font-size: 1.2em;
	text-transform: none;
}
div#kontakt h2, div#kontakt-versandbestaetigung h2 {
	margin-top: 0;
}