@charset "iso-8859-1";

@import url(/Read/Templates/Eurokommunale/yaml/css/base.css);
@import url(/Read/Templates/kiC_Default.css);

@media all {

	/* ### Der Seitenhintergrund, Standardschriftart, -farbe, -größe und -stil ### */
	
	body {
		background: #f0f6fe url(/Read/Templates/Eurokommunale/Bilder/Hintergrund.gif) center center repeat-y;
		text-align: left;
		color: #444444;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		font-style: normal;
		min-height: 101%;
	}
	
	#DHTMLSuite_paneContentcenter {
		/* Simuliert den Seitenhintergrund in der Bearbeitenansicht */
		background: #f0f6fe url(/Read/Templates/Eurokommunale/Bilder/Hintergrund.gif) center center repeat-y;
	}
		
	#Cab_CompleteContent {
		position:relative;
	}
	
	/* ### Seitenrahmen ### */
	
	#page_margins {
		width: 980px;
		margin: 0px auto;
		text-align: left;
	}
	
	#page {
		background-color: #ffffff;
	}
	
	
	/* ### Seitenkopf ### */
	
	#header {
		height: 150px;
		overflow: hidden;
		background: #006699 /*url(/Read/Templates/Eurokommunale/Bilder/Kopfbild.jpg)*/ 0px 0px no-repeat;
	}
	
	#header div#Logo {
		text-align: left;
	}
	
	#header div#Titel {
		margin: 0px 20px 0px 0px;
		text-align: right;
		color: #333333;
		font-size: 30px;
		font-weight: bold;
	}
	
	#header div#TitelBild1, #header div#TitelBild2, #header div#TitelBild3, #header div#TitelBild4 {
		position: absolute;
		top: 10px;
		margin: 0;
		padding: 0;
	}

	#header div#TitelBild1 {
		right: 400px;
	}

	#header div#TitelBild2 {
		right: 270px;
	}

	#header div#TitelBild3 {
		right: 140px;
	}
	
	#header div#TitelBild4 {
		right: 10px;
	}

	#header div#topnav {
		top: 130px;
	}
	
	#header div#topnav a.link {
		margin-left: 5px;
		padding-left: 5px;
		border-left: 2px solid lightgrey;
	}
	/* ### Navigation ### */
	
	#navi {
		margin: 0px 0px 20px 0px;
		border: 1px #a3c0e8 solid;
	}
	
	#navi div.Titel {
		margin: 0px 0px 10px 0px;
		padding: 7px 5px;
		background: #a3c0e8 url(/Read/Templates/Eurokommunale/Bilder/Box-Titel.jpg) 0px 0px no-repeat;
		line-height: 12px;
		letter-spacing: 1px;
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
	}
	
	#navi ul.Hauptnavigation {
		margin: 0px;
		list-style: none;
	}
	
	#navi ul.Hauptnavigation li {
		margin-left: 0px;
	}
	
	#navi ul.Hauptnavigation li a {
		display: block;
		padding: 5px;
		font-weight: normal;
	}

	#navi ul.Hauptnavigation li a.level1 {
		font-weight: bold;
		margin-left: 0px;
	}

	#navi ul.Hauptnavigation li a.level2 {
		margin-left: 10px;
	}

	#navi ul.Hauptnavigation li a.level3 {
		margin-left: 20px;
	}

	#navi ul.Hauptnavigation li a.level4 {
		margin-left: 30px;
	}

	#navi ul.Hauptnavigation li a.active {
		background-color: #f3832d;
		color: #ffffff;
	}
	
	
	/* ### Weiteres ### */
	
	#nav_suche {
		margin: 0px 0px 10px 0px;
		border: 1px #a3c0e8 solid;
	}

	#nav_suche div.Titel {
		margin: 0px;
		padding: 7px 5px;
		background: #a3c0e8 url(/Read/Templates/Eurokommunale/Bilder/Box-Titel.jpg) 0px 0px no-repeat;
		line-height: 12px;
		letter-spacing: 1px;
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
	}

	#nav_suche input#suchtext {
		width: 138px;
		height: 14px;
		float: left;
		border: none;
		background-color: #ffffff;
		padding: 3px 5px;
		color: #f3832d;
		font-size: 10px;
	}
	
	#nav_suche button#suchbtn {
		width: 20px;
		height: 20px;
		border: 1px #ffffff solid;
		background-color: #ffffff;
		padding: 0px;
		cursor: pointer;
	}
	
	
	#nav_aktion {
		margin: 0px 0px 20px 0px;
		border: 1px #a3c0e8 solid;
	}
	
	#nav_aktion div.Titel {
		margin: 0px 0px 10px 0px;
		padding: 7px 5px;
		background: #a3c0e8 url(/Read/Templates/Eurokommunale/Bilder/Box-Titel.jpg) 0px 0px no-repeat;
		line-height: 12px;
		letter-spacing: 1px;
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
	}
		
	#nav_aktion a {
		display: block;
		margin: 0px 0px 5px 0px;
		padding: 5px 5px 5px 50px;
		background: #ffffff url(/Read/Templates/Eurokommunale/Bilder/Drucken.gif) 5px 0px no-repeat;
		line-height: 12px;
	}

	/* Newsliste */
	.Cab_SeitenListeLayout_Aktuelles .cab_SL_Block {
		border: 0px;
		border-bottom: 1px solid #AA1513; 
		padding: 1em 0 2em 0;
	}
	
	.Cab_SeitenListeLayout_Aktuelles .cab_SL_Block .cab_SL_Datum,
	.Cab_SeitenListeLayout_cab_News .cab_SL_Block .cab_SL_Datum,
	.Cab_SeitenListeLayout_cab_einfach_date .cab_SL_Block .cab_SL_Datum {
		font-size: 75%;
		color: #969696;
		margin-bottom: 0.5em;
	}
	
	.Cab_SeitenListeLayout_Aktuelles .cab_SL_Block .cab_SL_Headline {
		margin-bottom: 0.5em;
	}
	
	.Cab_SeitenListeLayout_Aktuelles .cab_SL_Block .cab_SL_Headline a {
		font-weight: bold;
		font-size: 110%;
		color: black;
		text-decoration: underline;
	}

	.Cab_SeitenListeLayout_Aktuelles .cab_SL_Block .cab_SL_Link a {
		font-weight: normal;
		color: #AA1513;
		float: right;
		margin-bottom: 0.5em;
		background: url(/Read/Templates/Wendelstein/Bilder/pfeil_kal_d.gif) right no-repeat;
		padding-right: 1.5em;
	}
			
	.Cab_SeitenListeLayout_cab_einfach .cab_SL_Block,
	.Cab_SeitenListeLayout_cab_News .cab_SL_Block,
	.Cab_SeitenListeLayout_cab_einfach_date .cab_SL_Block,
	.Cab_SeitenListeLayout_cab_einfach_comments .cab_SL_Block {
		margin-bottom: 1em;
	}
	
	/* ### Seitenkörper ### */
	
	#main {
		margin: 30px 0px;
		background-color: #ffffff;
		line-height: 15px;
	}
	
	
	#col1 {
		width: 180px;
		margin-left: 10px;
	}
	
	#col1_content {
	}
	
	
	#col2 {
		width: 180px;
		margin-right: 10px;
	}
	
	#col2_content {
	}
	
	
	#col3 {
		width: auto;
		margin: 0px 200px;
	}
	
	#col3_content {
		padding: 0px;
	}
	
	
	/* ### Fusszeile ## */
	
	#footer {
		margin: 30px 0px 0px;
		border-top: 1px #a1c3f1 solid;
		padding: 15px 30px;
		font-size: 10px;
		color: #86ade4;
		line-height: 13px;
	}
		
	
	/* ### Textformatierungen ### */
	
	p {
		margin: 0px;
	}
	
	a {
		color: #f3832d;
		font-weight: bold;
		text-decoration: none;
	}
	
	a:focus, a:hover, a:active {
		text-decoration: underline;
	}
	
	
	/* ### Überschriften ### */
	
	h1 {
		margin: 0px 0px 10px 0px;
		border-bottom: 1px #a1c3f1 solid;
		padding: 0px;
		line-height: 20px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		font-weight: bold;
		color: #86ade4;
	}
	
	h2 {
		margin: 30px 0px 10px 0px;
		border-bottom: 1px #a1c3f1 solid;
		padding: 0px;
		line-height: 20px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 15px;
		font-weight: normal;
		color: #86ade4;
	}
	
	h3 {
		margin: 30px 0px 0px 0px;
		padding: 0px;
		line-height: 20px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight: bold;
	}
	
	h4 {
		margin: 30px 0px 5px 0px;
		padding: 0px;
		font-size: 11px;
		font-weight: bold;
	}
	
	h5 {
		margin: 30px 0px 5px 0px;
		padding: 0px;
		font-size: 11px;
		font-weight: bold;
		font-style: italic;
	}
	
	h6 {
		margin: 30px 0px 5px 0px;
		padding: 0px;
		font-size: 11px;
		font-style: italic;
	}
		
	
	/* ### Listen ### */
	
	#main ul {
		margin: 0px 0px 15px 0px;
	}
	
	#main li, .cab_listentry {
		line-height: 15px;
	}
	
	
	/* ### CMS spezifische Elemente ### */	
	
	.EintragsInformationen {
		margin: 15px 0px 30px 0px;
		border-top: 1px #a1c3f1 solid;
		font-size: 9px;
		color: lightgrey;
	}
	
	
	/* ### Blätter-Optionen in Listenansicht ("zurück", "weiter", Seite x etc.) ### */
	
	.variante_bl_prev {
		text-align: left;
	}

	.variante_bl_count {
		text-align: center;
	}
	
	.variante_bl_next {
		text-align: right;
	}
			
	
	/* ### Zusätzliche Leyout-Elemente ### */	
	
	hr {
		background: transparent;
		border: none;
		border-bottom: 1px #a1c3f1 solid;
		margin: 14px 0px 30px;
		height: 1px;
		overflow: hidden;
	}
	
	
	/* ### Zusätzliche Formatierungen, zugänglich über den CMS Bearbeitenmodus ### */
	
	.image_left { float: left; margin: 0px 10px 10px 0px; }
	.image_right { float: right; margin: 0px 0px 10px 10px; }
	.image_left_margin { margin: 0px 10px 10px 0px; }
	.image_right_margin { margin: 0px 0px 10px 10px; }
	
	
	/* ### Korrektur der Ansicht im "Format" Drop-Down Menü ### */
	.Cab_dropDownLayer .image_left, .Cab_dropDownLayer .image_right, .Cab_dropDownLayer .image_left_margin, .Cab_dropDownLayer .image_right_margin { margin: 0px; }
		
	/* Kalender rechts */
	div#col2_content div.cab_calendar_modlet {
		border: none;
	}
	
	div#col2_content div.cab_calendar_modlet .cab_calendar_eventlist
	 {
		background: none;
	}
	
	div#col2_content div.cab_calendar_modlet .cab_calendar_eventlist div.cab_calendar_date {
		background: #a0acae;
	}
	
	div#col2_content div.cab_calendar_modlet .cab_calendar_eventlist .cab_calendar_event_entry {
		background: #eeeeee;
	}
	
	div#col2_content div.cab_calendar_appointments div.cab_calendar_appointments_header {
		display: none;
	}
	
	div#col2 div.cab_calendar_appointments div.cab_calendar_eventlist div.cab_calendar_event span.cab_calendar_event_info {
		display: none;
	}
	
	/* Kalender Detailansicht */
	div#col3 div.cab_calendar div.kurzbeschreibung,
	div#col3 div.cab_calendar div.beschreibung,
	div#col3 div.cab_calendar div.datum,
	div#col3 div.cab_calendar div.ort,
	div#col3 div.cab_calendar div.oeffnungszeiten,
	div#col3 div.cab_calendar div.preise,
	div#col3 div.cab_calendar div.veranstalter,
	div#col3 div.cab_calendar div.bilder,
	div#col3 div.cab_calendar div.downloads {
		margin-bottom: 1em;
	}

	#navi_toggle_link, #quicklinks_toggle_link {
		display: none;
		padding: 0;
		margin: 0;
	}

	#navi_base, #quicklinks_base {
		padding: 0px;
	}

	.togglehint {
		font-style: italic;
		font-size: 75%;
		color: #cbe0f4;
		float: right;
	}

	.backgroundhide {
		display: none;
		z-index: -1;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: black;
		opacity: 0;
	}
}

/* Anpassungen an kleinere Bildschirmgrößen */
@media only screen and (max-width: 1000px) {

	#page_margins {
		width: auto;
		min-width: 320px;
	}

	#col3_content img {
		max-width: 100%;
	}
}	

@media only screen and (max-width: 820px) {

	#main {
		position: relative;
		margin: 15px 0px;
	}
	
	#header div#TitelBild1 {
		display: none;
	}
	
	#nav_aktion {
		display: none;
	}
	
	#nav_suche {
		position: absolute;
		top: -75px;
		right: 10px;
	}
	
	#nav_suche div.Titel {
		display: none;
	}
	
	#col2_content {
		position: inherit;
	}

	#col2 {
		clear: left;
		float: left;
		margin-left: 10px;
		margin-right: 0;
	}
	
	#col3 {
		margin-right: 10px;
	}

}

@media only screen and (max-width: 700px) {

	#header div#TitelBild2 {
		display: none;
	}
}

@media only screen and (max-width: 640px) {

	#main {
		margin: 15px 0px;
	}
	
	#col3 {
		margin: 0;
	}
	
	#col3_content {
		padding: 5px;
	}
	
	#col1 {
		margin-top: 0px;
		margin-left: 0px;
	}

	#col2 {
		clear: none;
		float: none;
		margin-top: 0px;
		margin-right: 0px;
	}
	
	#col1_content, #col2_content, #col3_content {
		position: static;
	}

	#header {
		margin: 0;
		height: auto;
		min-height: 110px;
	}

	#header div#Logo img {
		max-width: 50%;
		min-height: 110px;
	}
	
	#header div#topnav {
		max-width: 50%;
		top: 20px;
	}
	
	#header div#topnav a.link {
		font-size: 100%;
	}
	
	#footer {
		margin-left: 0px;
		margin-right: 0px;
	}

	#nav_suche {
		position: absolute;
		top: -80px;
		max-width: 50%;
	}

	#navi, #quicklinks {
		margin: 0;
		margin-bottom: 10px;
		width: 180px;
	}
	
	#col3_content div.breadcrumb {
		margin-left: 40px;
		margin-right: 40px;
	}

	/* Aufklappmenü */
	#navi_base, #quicklinks_base {
		position: absolute;
		width: 40px;
	}
	
	#navi_base {
		left: 5px;
		z-index: 1000;
	}

	#quicklinks_base {
		right: 0px;
		z-index: 999;
	}
	
	#quicklinks {
		padding: 0;
		float: right;
		margin-right: 5px;
	}
	
	#quicklinks_toggle {
		padding: 5px;
	}

	#navi_toggle, #quicklinks_toggle {
		border: 1px white solid !important;
	}
	
	#navi, #quicklinks {
		overflow: hidden;
		border: 0;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.50);
		-moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.50);
		box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.50);
		background: #f5f5f5;
	}
		
	#navi_toggle_link, #quicklinks_toggle_link {
		display: block;
		top: 0px;
		width: 30px;
		background: #006699;
	}
	
	#navi_toggle_link a, #quicklinks_toggle_link a {
		padding: 0;
		margin: 0;
	}

	#navi_toggle_link {
	}

	#quicklinks_toggle_link {
		margin-right: 5px;
		float: right;
	}

	#navi_toggle, #quicklinks_toggle {
		display: none;
		border: 1px #a3c0e8 solid;
		border-top: 0;
	}
	
	#navi_toggle div.Titel, #quicklinks_toggle div.Titel {
		display: block;
	}
	
	#navi_toggle_link a.close_navi, #quicklinks_toggle_link a.close_quicklinks {
		display: none;
	}
	
	#navi_toggle_link a, #quicklinks_toggle_link a {
		text-decoration: none;
		display: block;
		text-align: center;
		margin: 0;
	}
	
	/* Display Menu Items */
	:target #navi_toggle, :target #quicklinks_toggle {
		display: block;
	}

	:target #navi_toggle_link, :target #quicklinks_toggle_link {
		border: 1px white solid;
		border-bottom: 0;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.50);
		-moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.50);
		box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.50);
	}
	
	:target .backgroundhide {
		display: block;
		opacity: 0.5;
		animation: 0.5s ease animated_background;
		animation-fill-mode: forwards;
	}
	
	/* Hide Open Toggle Link */
	:target #navi_toggle_link a.open_navi, :target #quicklinks_toggle_link a.open_quicklinks {
		display: none;
	}

	/* Show Close Toggle Link */
	:target #navi_toggle_link a.close_navi, :target #quicklinks_toggle_link a.close_quicklinks {
		display: block;
	}

	@keyframes animated_background {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 0.7;
		}
	}
}

@media only screen and (max-width: 540px) {

	#header div#TitelBild3, #header div#TitelBild4 {
		display: none;
	}

	#header div#topnav a {
		float: left;
		clear: left;
	}

	#nav_suche {
		top: -50px;
	}	

	#nav_suche input#suchtext {
		width: 90px;
	}

}