@charset "iso-8859-1";

/*******************************************************************************************
*                                                                                          *
*   Cabacos CMS - Stylesheets zum Beispieltemplate                                         *
*   ====================================================================================   *
*                                                                                          *
*   Diese Datei enthält die CSS Informationen zum Aussehen der HTML Elemente des           *
*   Beispieltemplates und wird im Kopfbereich der dynamisch generierten Seite eingebunden. *
*                                                                                          *
*******************************************************************************************/


/*******************************************************************************************
*                                                                                          *
*   Der folgende Ausdruck bindet die grundlegenden Anweisungen des YAML Framework für      *
*   tabellenlose, barrierefreie Layouts ein.                                               *
*   Damit eine größtmögliche Browserkompatibilität erreicht werden kann, werden in der     *
*   Datei "Beispieltemplate.head.asp" zusätzlich AUSSCHLIESSLICH für den Internet          *
*   Explorer weitere Stylesheets eingebunden, die dessen Darstellungs-Fehler ausgleichen.  *
*                                                                                          *
*******************************************************************************************/

@import url(/Read/Templates/wohlfarthtpl/yaml/css/base.css);

@media all {

	/* ### Der Seitenhintergrund, Standardschriftart, -farbe, -größe und -stil ### */
	
	body {
		
		text-align:left;
		color:#444444;
		font-family:Calibri, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:normal;
		font-style:normal;
		background:#e4eaea url(/Read/Templates/wohlfarthTpl/Bilder/background.gif) 0px 20px repeat-x;
	}
	
	#DHTMLSuite_paneContentcenter {
		/* Simuliert den Seitenhintergrund in der Bearbeitenansicht */
		background:#e4eaea url(/Read/Templates/wohlfarthTpl/Bilder/Hintergrund.gif);
	}
		
	
	/* ### Seitenrahmen ### */
	
	#page_margins {
		width:1000px;
		margin:0px auto;
		text-align:left;
		
	}
	
	#page {
		
	}
	
	
	/* ### Seitenkopf ### */
	
	#header {
		height:97px;
		margin-top:27px;
		overflow:hidden;
		background:#ffffff url(/Read/Templates/wohlfarthTpl/Bilder/logo.png) 15px 15px no-repeat;
	}
	
	#header div.Logo {
		text-align:right;
	}
	
	#header div.Titel {
		margin:0px 20px 0px 0px;
		text-align:right;
		color:#333;
		font-size:12px;
		font-weight:bold;
	}
	.topnavi{height:17px; font-size:12px; padding:3px 0 0 0;}
	.topnavi a{text-decoration:none;color:#5f6160;}
	.topnavi a:hover{color:#008854;}

	/* ### Navigation ### */
	#nav_main .global_navigation {
		float:left;
		height:24px;
		display:block;
		width:auto;
		
		margin:0px 4px 0 0;
		background: url(/Read/Templates/wohlfarthTpl/Bilder/wohlfarth_button.png) top left repeat-x;
		border-bottom:none;
		overflow:hidden;
	}
	
	
	
	
	#nav_main .global_navigation a {
		cursor:pointer;
		display:block; 
		color:#333;
		text-align:center;
		text-decoration:none;
		line-height:12px;
		font-size:12px;
		font-weight:normal;
	}
	#nav_main .global_navigation a .Navleft{
		display:block; 
		height:24px;
		background:url(/Read/Templates/wohlfarthTpl/Bilder/grey_left.png) top left no-repeat;
	}
	#nav_main .global_navigation a .Navright{
		display:block; 
		height:20px;
		padding:7px 15px 0;
		background:url(/Read/Templates/wohlfarthTpl/Bilder/grey_right.png) top right no-repeat;
	}
	#nav_main .global_navigation a.current .Navleft{
		background:url(/Read/Templates/wohlfarthTpl/Bilder/green_left.png) top left no-repeat;
	}
	#nav_main .global_navigation a.current .Navright{
		background:url(/Read/Templates/wohlfarthTpl/Bilder/green_right.png) top right no-repeat;
	}
	
	
	#nav_main .global_navigation a:focus,
	#nav_main .global_navigation a:active,
	#nav_main .global_navigation a:hover{
		
		color:#008854; 
	}
	#nav_main .global_navigation .current {
		background: url(/Read/Templates/wohlfarthTpl/Bilder/wohlfarth_active.png) top left repeat-x;
		color:#efefef;
	}
	#nav_main .global_navigation .current:hover {
		color:#333;
	}
	
	
	#nav_main .primary_sub {
		margin:-3px 0 0 0;
		position:absolute;
		min-width:100px;
		float:none; 
		display:block;
		z-index:1000;
	}
	#nav_main .primary_sub_toc {
		margin:3px 0 0; /*border-top:1px #FFF solid;*/
		_top:-10px; /*border-top:1px #FFF solid;*/
		_background:#FFF;
		*background:#FFF;/* The Fallback */
		background:rgba(255,255,255,0.7);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A0FFFFFF', EndColorStr='#A0FFFFFF');
	}
	
	#nav_main .primary_sub a {
		
		margin: 0 5px;
		border-top:1px solid #008854;
		display:block;
		padding:5px 5px 5px 10px;
		text-align:left;
		font-size:11px; 
		font-weight:bold; 
	}

	#nav_main .primary_sub a:focus,
	#nav_main .primary_sub a:hover,
	#nav_main .primary_sub a:active { 
		color:#008854; 
	}
	#nav_main .primary_sub a.current{
		color:#008854; 
		background: url(/read/templates/wohlfarthTpl/Bilder/green_bolt2.png) top left no-repeat transparent;

	}
	#nav_main {	height:24px; overflow:hidden; }

	
	#topnav{ width:320px;}
	#topnav #topnav_links{margin-top:2px; font-size:16px; color:#008854;}
	#topnav #topnav_links a{font-size:14px;	margin:20px 2px; color:#000;}
	#topnav #topnav_links a:hover{ color:#008854;}
	#topnav #topnav_search #search{	width:200px;height:20px;vertical-align:middle;}
	#cab_searchbox{	width:150px; padding:2px 3px 3px 3px; color:#008854; font-size:10px;}
	#cab_smartSearchResult{z-index:99999999;}
	
	#banner{float:left;	position:relative; height:167px; width:810px;overflow:hidden; }
	#banner .banner_rotator { position:relative; width:810px; height:167px; overflow:hidden; }
	#banner .photoelement { position:absolute; width:810px; height:167px; }

	#bannerBox{	height:167px; width:994px;}
	#rightBanner {float:right; width:184px;}
	#rightBanner #lostLinks {background-color:#008854; border-top:1px solid #FFF;height:45px; width:164px; padding:18px 10px;}
	#rightBanner #lostLinks a {display:block; color: #FFF; height:30px; padding-left:25px; text-decoration:none; background:#008854 url(/read/templates/wohlfarthTpl/Bilder/lostLinks.png) left top no-repeat;}
	#rightBanner #lostLinks a:hover {text-decoration:underline;}
	#shop{height:81px; position:relative;}
	.shopdialog{background:url(/Read/Templates/wohlfarthTpl/Bilder/dialog24.png); width:183px; height:30px; position:absolute; right:0px;top:-30px;}
	
	
	
	/* ### Seitenkörper ### */
	
	#main {background-color:#ffffff; line-height:15px; padding:0 3px 0 3px; }
	.TableTempl_01 .HighTD{ border:1px solid #000}
	.TableTempl_01 .LowTD{ border:1px solid #000; background-color:#FFF}
	.TableTempl_01 { background:#d0e4c8; border-collapse:collapse;}
	.TableTempl_01 .HighCell{ border:1px solid #000; background:#008854; color:#efefef;}


	
	.TableTempl_02 .HighCell{ background:#008854; color:#efefef; border:1px solid #000;}
	.TableTempl_02 .HighTD{border:1px solid #2d2d2d;}
	.TableTempl_02 .LowTD{border:1px solid #2d2d2d;}
	.TableTempl_02 { border:thin black solid; background:#F7FAF5; border-collapse:collapse;}
	
	
	#col3 {	width:731px; margin:30px 30px 0px 40px; line-height:15px;}
	
	#col1 { display:none;}
	
	
	#col2{ width:184px;	margin:17px 0 0 0;}
	
	#col2_content {	padding:0px;}
	
	
	.Cab_SeitenListeLayout_StartseitenTeaser .cab_SL_Block{overflow:hidden; padding-bottom: 10px; border-bottom:2px dotted #C2C2C2;}
	.Cab_SeitenListeLayout_StartseitenTeaser .cab_SL_Preview{float:left; width:284px; height:154px; position:relative; padding: 10px 10px 5px 0}
	.Cab_SeitenListeLayout_StartseitenTeaser .cab_SL_Datum{ padding:3px 0; color:#008854;}
	.Cab_SeitenListeLayout_StartseitenTeaser .cab_SL_Headline{margin: 5px 0 0 0 ; font-size:13px; line-height:20px;	font-family:Arial, "Times New Roman", Times, serif;	font-size:14px;	font-weight:bold; color:#008854;}
	.Cab_SeitenListeLayout_StartseitenTeaser .cab_SL_Description{color:#333; padding:5px 0;}
	.Cab_SeitenListeLayout_StartseitenTeaser .cab_SL_link a{ display:block; padding:10px; font-weight:bold;  text-decoration:none;}
	
	.rightBox{background-color:#f5ebd9;	}
	.rightBox li{margin-left:10px;}
	.rightBox ul{margin:0; padding:10px 0px; list-style-type:none;}
	.rightBox ul li{padding:2px 0 2px 25px;	background:url(/Read/Templates/wohlfarthTpl/Bilder/li.png) left 2px no-repeat;}
	.rightBox ul li h3{color:#008854; font-weight:bold; margin:0; padding:0;}
	.rightBoxHeadline{background-color:#008854;	border-bottom:1px solid #FFF; padding:5px 10px;	color:#FFF;	font-size:11px;	 margin:0px;}
	
	
	#photoframe { position:relative; top:0; right:0; width:184px; height:77px; overflow:hidden; margin: 43px 0;}
	#photoframe .photoelement { position:absolute; width:184px; height:77px; }

	#branchenNews {background:#d0e4c8; color:#323232;}
	#branchenNews .cab_SL_Block{padding:0 10px;}
	#branchenNews .hLine, .rightBox .news a {	font-size:12px; font-weight:bold; color:#008854; padding:0 5px  0 5px; margin:0;}
	#branchenNews a{ color:#008854; font-weight:bold; text-decoration:none; padding:3px 0; display:block;}
	#branchenNews .cab_SL_Preview{margin: 0 0 0 -8px; padding:0;}
	#branchenNews .cab_SL_Datum{float:right; padding:3px 0; color:#008854;}
	#branchenNews .cab_SL_Headline{float:left; margin: 5px 0 0 0 ; font-size:13px;
	width:165px;}
	#branchenNews .cab_SL_Headline a{font-size:14px;}
	#branchenNews .cab_SL_Description{clear:both; color:#333; padding:5px 0;}
	#branchenNews .cab_SL_link{padding-bottom:10px;}
	
	#login{ background-color:#008854; padding:15px 10px 14px; height:57px;}
	#Username{width:120px; padding: 3px; margin-bottom:12px; color:#666; font-size:10px;}
	#Password{width:120px; padding:3px; color:#666; font-size:10px;}
	#submit{margin-left:5px; vertical-align:bottom;}
	.cab_Submit{margin-bottom:2px; _margin-bottom:3px;}
	
	
	
	
	/* ### Fusszeile ## */
	
	#footer { 
		border-top:1px #008854  solid;
		padding:15px 5px;
		font-size:14px;
		line-height:13px;
		text-align:right;
	}
	#footer a{
		color:#444444;
	}
	#footer a:hover{
		color:#008854;
	}
		
	
	/* ### Textformatierungen ### */
	
	
	p {	margin:0px 0px 15px;}
	
	a {color:#008854; font-weight:normal; text-decoration:underline;}
	
	a:focus, a:hover, a:active {text-decoration:underline;}
	
	
	/* ### Überschriften ### */
	
	h1 {
		margin:0px 0px 10px 0px;
		padding:0px;
		line-height:20px;
		font-family:Arial, "Times New Roman", Times, serif;
		font-size:16px;
		font-weight:bold;
		color:#008854;
	}
	
	h2 {
		margin:10px 0px 5px 0px;
		padding:0px;
		line-height:20px;
		font-family:Arial, "Times New Roman", Times, serif;
		font-size:14px;
		font-weight:bold;
		color:#008854;
	}
	
	h3 {
		margin:15px 0px 0px 0px;
		padding:0px;
		color:#008854;
		line-height:12px;
		font-family:Arial, "Times New Roman", Times, serif;
		font-size:12px;
		font-weight:bold;
	}
	h4 {
		margin:0px 0px 10px 0px;
		padding:0px;
		line-height:20px;
		font-family:Arial, "Times New Roman", Times, serif;
		font-size:16px;
		font-weight:bold;
		color:#e8ba31;
	}
	
	h5 {
		margin:10px 0px 5px 0px;
		padding:0px;
		line-height:20px;
		font-family:Arial, "Times New Roman", Times, serif;
		font-size:14px;
		font-weight:bold;
		color:#e8ba31;
	}
	
	h6 {
		margin:15px 0px 0px 0px;
		padding:0px;
		color:#e8ba31;
		line-height:12px;
		font-family:Arial, "Times New Roman", Times, serif;
		font-size:12px;
		font-weight:bold;
	}
		
	/* ### Listen ### */
	
	#main ul {	margin:0px 0px 0px 0px;}
	#main ul ul{
		margin-left:15px;
	}
	
	#main li, .cab_listentry {line-height:15px;}
	
	
	/* ### Cabacos spezifische Elemente ### */	
	
	.EintragsInformationen {margin:15px 0px 30px 0px; border-top:1px #a1c3f1 solid; font-size:10px;}
	#cab_smartSearchResult {border:1px solid #008854;}
	#cab_smartSearchResult .cab_smartSearch_KeywordSelected{ background-color:#008854;}
	
	
	/* ### 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 Layout-Elemente ### */	
	
	hr {
		background:transparent;
		border:none;
		border-bottom:2px dotted #C2C2C2;
		margin:5px 0px;
		*margin:0px;
		_margin:0px;
		height:1px;
		overflow:hidden;
	}
	
	
	/* ### Zusätzliche Formatierungen, zugänglich über den Cabacos 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; }
		
	
	
	/*Calendarium*/
	.cab_calendar .cab_calendar_modeswitch .cab_calendar_modeswitch_week {display:none;}
	.cab_calendar_weekview .cab_calendar_eventlist .cab_calendar_events_header,
	.cab_calendar_quarterview .cab_calendar_events_header {
		border-bottom:1px solid #008854;
	}
	.cab_calendar_weekday6, .cab_calendar_weekday7 {
		background-color:#D0E4C8;
	}
	
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_weekday,
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_weekday  {
		background-color:#d9dadb;
		color:#d9dadb;
		
	}
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_weekday .cab_calendar_date_weekday,
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_weekday .cab_calendar_date_day  
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_weekday .cab_calendar_date_weekday,
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_weekday .cab_calendar_date_day  {
		color:#000000;
		
	}
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_weekday .cab_calendar_date_day,  
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_weekday .cab_calendar_date_day  {
		margin:0 0 0 10px		
	}
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_date{
		color:#000;
	}
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday6 .cab_calendar_date_weekday,
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday6 .cab_calendar_date_day,
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday7 .cab_calendar_date_weekday,
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday7 .cab_calendar_date_day	, 
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday6 .cab_calendar_date_weekday,
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday6 .cab_calendar_date_day, 
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday7 .cab_calendar_date_weekday,
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday7 .cab_calendar_date_day,
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday6,
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday7,
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday6,
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_weekday7{
		background-color:#D0E4C8;
		color:#000000;
	}
	
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_events .cab_calendar_event,
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_events .cab_calendar_event {
		background-color:#D0E4C8;
	}
	
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_events .cab_calendar_event span a,
	.cab_calendar_quarterview .cab_calendar_eventlist .cab_calendar_events .cab_calendar_event span a {
		color:#000000;
	}
	.cab_calendar_yearview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_event a{
		color:#008854;
	}
	.cab_calendar_yearview .cab_calendar_eventlist .cab_calendar_date .cab_calendar_date_today a{
		color:#fff;
	}
	
	.cab_calendar_yearview .cab_calendar_eventlist .cab_calendar_date_today,
	.cab_calendar_weekview .cab_calendar_eventlist .cab_calendar_date_today,
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_date_today,
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_date_today .cab_calendar_date_day,
	.cab_calendar_monthview .cab_calendar_eventlist .cab_calendar_date_today .cab_calendar_date_weekday{
		background-color:#008854;
		color:#000000;
	}
	/*Formgenerator*/
	.cabacosForm{padding:10px;background-color:#D0E4C8;width:400px;}
	.cabacosForm tr td{padding:5px;}
	.cab_form_table_text{vertical-align:top;padding:3px 0 0 10px; width:130px;}
	.cab_form_multiselectfield{vertical-align:top;}
	.cab_form_table_input input{height:18px; width:270px; padding:2px 2px;}
	.cab_form_selectfield{ width:100%;height:20px;}
	.cab_form_table_input .cab_form_multitextfield{width:274px; height:60px;;}
	.cab_form_table_input .cab_form_multiselectfield{margin-right:10px;width:10%; height:20px;}
	.cab_form_table_input .cab_form_captcha_input input{width:100px!important;}
	.cab_form_table_input button { margin:5px 0;}
	/*Glossary*/
	#cab_draghandle{
		background: url(/Read/Templates/wohlfarthTpl/Bilder/wohlfarth_active.png) top repeat-x;
		color:#FFF;
		padding:6px 4px;
	}
	#cab_glossaryContent_container  {
		background-color:#008854;
		padding:0 3px 3px;
	}
	#cab_glossDiv .cab_alphaSelector_left, #cab_glossDiv .cab_glossEntry{
		color:#008854!important;
	}
	/*Snippets*/
	.Cab_exampleNewspaperSnippetInnerWrapper .Cab_exampleNewspaperSnippetImageLeft,
	.Cab_exampleNewspaperSnippetInnerWrapper .Cab_exampleNewspaperSnippetImageRight{
		min-width:20px;
		min-height:20px;
	}
	.layout_box .layout_cell_25 { width:142px; float:left; _position:relative!important; margin:0 6% 0 0 ; }
	.Four_images .lastcell{margin:0;}
		
	.layout_box .layout_cell_33 { _margin:0 0 0 6%; }
	.layout_box .first_cell { _margin:0; }
	
	.Cab_exampleNewspaperSnippetInnerWrapper{
		padding:10px 0 10px 0;
	}
	.layout_box .layout_cell_50 {
		width:47.5%;
	}
	.layout_box .layout_cell_33 {
		width:30%;
		
	}
	
	#bildboxlinks{float:left;margin-right:10px;}
	#bildboxrechts{float:right;margin-left:10px;}
	.Cab_Bilduntertitel{font-size:11px;}
	#bildboxlinks .Cab_Bilduntertitel{clear:left; font-size:11px;}
	#bildboxrechts .Cab_Bilduntertitel{clear:right; font-size:11px;}
	.Cab_exampleNewspaperSnippetInnerWrapper #bildboxlinks .Cab_exampleNewspaperSnippetImageLeft,
	.Cab_exampleNewspaperSnippetInnerWrapper #bildboxrechts .Cab_exampleNewspaperSnippetImageRight{
	margin:0 ;
	}
	
	.Cab_snippetContainer .Cab_snippetCell h3{
		margin: 0 0 10px 0;
	}
	
	/*Text Formate*/
	.greenSpan{
		color:#008854;
	}
	.copperSpan{
		color:#e8ba31;
	}
	/*LetterbOx*/
	
	.letterBox .letterBox_alphaBoxCell
	{
		font-size: 15px;
		font-weight: bold;
		color: #CCC;
		border: 1px solid #aaaaaa;
		background-color: #eeeeee;
		vertical-align:middle;
		text-align: center;
		width: 3%;
	}
	.letterBox .letterBox_alphaBoxCell a
	{
		text-decoration:none;
		font-weight:bold;
	}
	
	.letterBox .letterBox_alphaBox
	{
		padding: 10px 0px 15px 0px;
	}
	#branchenNews .Cab_SeitenListeLayout_bannerRotate .cab_SL_Block, #branchenNews .Cab_SeitenListeLayout_bannerRotate .cab_SL_Preview, #branchenNews .Cab_SeitenListeLayout_bannerRotate a {
		padding :0;
		margin:0;	
	}

}

