@charset "UTF-8";

@media all {
	
	p { margin-bottom:0.8em;}
	a:hover {}

/* ##### Mod Basis Styles ##### */
	#page_margin {
		text-align:center;
	}
	
	#page {
		width:962px; /* 960px + 2px Border! */
		margin:0 auto;
		text-align:left;
	}
		
	#headerWrap {
		border-top:4px solid #C3002B;
		margin-bottom:20px;
	}
	#header {}
	
	#nav {
		background:url(/de/wLayout/design/img/background/bg_nav.jpg) left top repeat-x;
	}
	
	#teaserWrap {
		border:1px solid #cccccc;
	}
	#teaser { 
		height:300px;
		background-color:#F1EFED;
	}

	#mainWrap {
		border:1px solid #FFFFFF;
	}
	#main {
		height:auto;
	}
	
	#footer {
		border:1px solid #FFFFFF; display:none;
	}
	
/* ##### Column Styles ##### */
	/* don't overwrite !!! */
	
/* ##### Element Styles ##### */
	.elementHeadline {}
	.elementText {}
	.elementImage {}
	
	/* ##### Header Styles ##### */	
		#header .elementHeadline {}	
		#header .elementText { position:absolute; top:0.5em; right:1em;}	
		#header .elementImage {}
		
		#header .elementHeadline h1 { color:000000;}
		#header .elementText p { font-size:0.9em; color:#666666;}
		#header .elementText p a { color:#666666; text-decoration:none;}
		#header .elementImage img { position:absolute; right:0; top:0;}
	
	/* ##### Navigation Styles ##### */	
		#nav { display:none;}
		#nav .elementHeadline {}
		#nav .elementText {}
		#nav .elementImage {}
		
		#nav .elementNav ul {}
		#nav .elementNav ul li {}
		#nav .elementNav ul li a { color:#FFFFFF; text-decoration:none;}	
		
		#nav .elementNav ul ul {}
		#nav .elementNav ul ul li {}
		#nav .elementNav ul ul li a { color:#666666; text-decoration:none;}	
		#nav .elementNav ul ul li a:hover { text-decoration:underline;}	
		
		#nav2 { margin-bottom:3em; position:relative;}
		#nav2 .elementNav { text-align:right;}
		#nav2 .elementNav ul { float:right;}
		#nav2 .elementNav ul li { /*display:inline;*/ display:block; float:left;}
		#nav2 .elementNav ul li a { float:left; display:block; height:1.4em; margin-left:0.2em; padding:0.2em 0.6em 0.3em 0.6em; text-decoration:none; background:#E0E0E0; color:#666666;}
		#nav2 .elementNav ul li a:hover { background:#EFEFEF;}
		#nav2 .elementNav ul li.open a,
		#nav2 .elementNav ul li.openselected a,
		#nav2 .elementNav ul li.selected a { background:#FFFFFF; color:#C3002B; font-weight:bold;}	
		
		#nav2 .elementNav ul ul { position:absolute; top:0.3em; left:1em;}
		#nav2 .elementNav ul li li { color:#C3002B;}
		#nav2 .elementNav ul li li a { float:none; display:inline; height:auto; margin-left:0em; padding:0;  text-decoration:none; background:none; color:#C3002B; border-right:0px solid #C3002B;}
		#nav2 .elementNav ul li li a:hover { background:none; text-decoration:underline;}
		#nav2 .elementNav ul li.open li a,
		#nav2 .elementNav ul li.openselected li a,
		#nav2 .elementNav ul li.selected li a{ background:none; color:#666666; font-weight:normal;}
		
		#nav2 .elementNav ul li li a.selected { text-decoration:underline; color:C3002B;}
		
		
		#nav2 .elementNav ul li ul { visibility:hidden;}
		#nav2 .elementNav ul li.open ul,
		#nav2 .elementNav ul li.openselected ul { visibility:visible;}
		
		/* dotted versuch */
		#nav2 .elementNav ul li a { border:1px solid #FFFFFF; border-top:1px dotted #C3002B; border-left:0; border-right:0; background:none; margin-left:0; font-weight:bold;}	
		#nav2 .elementNav ul li.open a,
		#nav2 .elementNav ul li.openselected a,
		#nav2 .elementNav ul li.selected a { border-top:1px dotted #FFFFFF; border-right:1px dotted #C3002B; border-bottom:1px dotted #C3002B; border-left:1px dotted #C3002B;}
		#nav2 .elementNav ul li ul li a,
		#nav2 .elementNav ul li.open ul li a,
		#nav2 .elementNav ul li.openselected ul li a { border:0; font-weight:normal; color:#666666; font-weight:bold; text-decoration:none;}
		#nav2 .elementNav ul li.open ul li a.selected { color:#C3002B;}
		#nav2 .elementNav ul li ul li a:hover,
		#nav2 .elementNav ul li.open ul li a:hover,
		#nav2 .elementNav ul li.openselected ul li a:hover,
		#nav2 .elementNav ul li.selected ul li a:hover {color:#C3002B;}
		/* end dotted */
		
		#nav3 { margin-bottom:1.4em; position:relative;}
		#nav3 .elementNav { text-align:right;}
		#nav3 .elementNav ul {}
		#nav3 .elementNav ul li { display:inline;}
		#nav3 .elementNav ul li a { float:right; display:block; height:1%; margin-left:0.2em; padding:0.2em 1.4em 0.3em 1.4em; text-decoration:none; background:#E0E0E0; color:#333333;}
		#nav3 .elementNav ul li a:hover { background:#CCCCCC;}
		#nav3 .elementNav ul li a.openselected { background:#FFFFFF; color:#C3002B; font-weight:bold;}
		
		#nav3 .elementNav ul ul { position:absolute; left:1.4em;}
		#nav3 .elementNav ul ul li {}
		#nav3 .elementNav ul ul li a { float:left; display:block; height:1%; margin-left:0em; padding:0.2em 0.2em 0.3em 0.2em; text-decoration:none; background:none; color:#C3002B; border-right:0px solid #C3002B;}
		#nav3 .elementNav ul ul li a:hover { background:none; text-decoration:underline;}
	
	/* ##### Teaser Styles ##### */			
		#teaser .elementHeadline { padding:0.8em 1em 0 1em;}
		#teaser .elementText { padding:1em 1em 0 1em;}
		#teaser .elementImage {}
		#teaser .elementImageList { padding:1em 1em;}
		
		#teaser .elementHeadline h2,
		#teaser .elementHeadline h3 { font-size:1.1em;}
		#teaser .elementText h2,
		#teaser .elementText h3 { font-size:1.1em; padding-bottom:0.6em;}
		#teaser .elementText a { color:#C3002B; text-decoration:none;}
		#teaser .elementText a:hover { color:#C3002B; text-decoration:underline;}
		
		#teaser .elementText ul { list-style:none;}
		#teaser .elementText ul li { margin-bottom:0.8em;}
		
		#teaser .elementText ul.subpages {}
		#teaser .elementText ul.subpages li { margin-bottom:0; padding:0.8em 0 0.8em 1em; border-bottom:1px solid #FFFFFF;}
		#teaser .elementText ul.subpages li a { color:#000000; text-decoration:none;}
		
		#teaser .elementText ul.subpages li:hover { background: url('/de/wLayout/design/img/backgrounds/bg_subpages_list.png') top left repeat;}
		
		#teaser .elementImageList ul { list-style:none; margin:18px 0 0 18px;;}
		#teaser .elementImageList ul li { display:inline; margin:0; padding:0;}
		#teaser .elementImageList ul li img {width:60px; height:60px; margin:0pt 16px 16px 0pt;}
		
		#teaser .elementText .left,
		#teaser .elementText .center,
		#teaser .elementText .right { font-size:1.1em; font-weight:bold; color:#CCCCCC;}
		
		#teaser .cs160r .elementText { color:#666666;}
		#teaser .cs160r .elementText a { color:#666666; text-decoration:none;}
		#teaser .cs160r .elementText a:hover { color:#C3002B; text-decoration:underline;}
		#teaser .cs160r .elementText a.selected { color:#C3002B; text-decoration:none;}
		
		#teaser .cs160s .elementText { color:#333333;}
		#teaser .cs160s .elementText a { color:#666666; text-decoration:none;}

		/*referenzliste*/
		#teaser .cs160s .elementText  a:hover { text-decoration:none; color:#C3002B;}
		
		#teaser .c50l div .elementHeadline,
		#teaser .c50l div .elementHeadline a,
		#teaser .c50l div .elementText,
		#teaser .c50r div .elementHeadline,
		#teaser .c50r div .elementHeadline a,
		#teaser .c50r div .elementText	{ color:#666666; text-decoration:none;}
		#teaser .backlink {clear:left; padding-right:18px; text-align:right;}
		
		#teaser .c50l div .elementHeadline h2,
		#teaser .c50r div .elementHeadline h2 { font-size:1.2em;}
	
	/* ##### Main Styles ##### */
		#main  h1,
		#main  h2,
		#main  h3,
		#main  h4,
		#main  h5 { font-size:1.1em; margin-bottom:0.5em;}
		#main  h5 { font-size:1em;}
		
		#main .elementHeadline {}
		#main .elementText {}		
		#main .elementText a { color:#C3002B;}
		#main .elementText ul {margin:0 0 12px 16px;}		
		#main .elementText ul li {padding-left: 4px;}		
		#main .elementImage {}
		#main .elementNav { margin-right:0px;}
		#main .elementNav a { color:#C3002B;  text-decoration:none;}		
		#main .elementNav a:hover { text-decoration:underline;}		
		
		#main .subcolumns .c33l .elementHeadline { padding:0 1em;}
		
		#main .subcolumns .c33l .elementHeadline h2 { margin-bottom:0.8em; font-size:1.2em; color:#C3002B;}
		
		#main .subcolumns .c33l .elementText { padding:0 1em;}	
		#main .subcolumns .c66r .elementText { padding:0 1em 1em 1em;}
		#main .subcolumns .c66r .elementHeadline { padding:0 1em; font-size:1.1em;}
		
			
		#main .subcolumns .c33l .elementText p { margin-bottom:0.8em; color:#000000;}
		#main .subcolumns .c33l .elementText p a { color:#C3002B;}
		#main .subcolumns .c33l .elementText ul,
		#main .subcolumns .c33r .elementText ul { list-style-type:none;}
		#main .subcolumns .c33l .elementText ul li { margin-bottom:0.4em;}
		#main .subcolumns .c33l .elementText ul li h4,
		#main .subcolumns .c33l .elementText ul li h4 a { font-size:1.1em; color:#CCCCCC; text-decoration:none; font-weight:bold;}
		
		#main .subcolumns .c66r .elementText p { margin-bottom:0.8em; color:#000000;}
		
		#main .elementNav ul { list-style:none; z-index:80;width:319px;}
		#main .elementNav ul li {}
		#main .elementNav ul li h3 {border-top:1px solid #e6e6e6; padding-top:5px; margin-top:7px;}
		#main .elementNav ul li h5 {padding:5px 0 5px 10px ; color:#333333; background:#F1EFED url(/de/wLayout/design/img/background/bg_arrow_down.gif) center right no-repeat; height:20px;}
		#main .elementNav ul li h5 a { color:#333333; text-decoration:none;padding-left:0px; width:300px;}
		#main .elementNav ul li h5 span { font-weight:normal;}
		#main .klappe600 ul, #main .klappe600 ul li h5 a {width:639px;}
		
		#main .elementNav ul li.klappschalter { padding:0;  margin:0;}
		#main .elementNav ul li.klappschalter h5 {padding:0; margin:0; color:#333333;border-bottom:1px solid #fff; width:318px; background-image:none; height:25px;}
		#main .elementNav ul li.klappschalter h5 a {display:block; margin:0; padding:5px 10px; background:none;}
		#main .elementNav ul li.pfeilRechts h5 {padding:0; margin:0; color:#333333;border-bottom:1px solid #fff; width:318px; height:25px; background:#F1EFED url(/de/wLayout/design/img/background/bg_arrow_rigth.gif) center right no-repeat; }
		#main .elementNav ul li.pfeilRechts h5 a {display:block; margin:0; padding:5px 10px;}
		
		#main .elementNav ul li ul { visibility:hidden; margin:0;}
		#main .elementNav ul li ul.klappfeld {position:absolute; left:+321px; top:0px; width:310px; height:298px; z-index:99; background-color:#F1EFED;}
		#main .elementNav ul li ul li { padding:1em;}
		#main .elementNav ul li ul li p {}
		#main .elementNav ul li ul.breit620px li p { width:610px;}
		#main .elementNav ul li ul li ul { list-style-type:square; width:250px; margin:0; margin-bottom:7px;}
		#main .elementNav ul li ul li ul li { padding:0 0 4px 0; margin:0 0 0 15px; width:250px;}
		#main .elementNav ul li:hover ul { visibility:visible;}
	
	/* ##### Footer Styles ##### */	
		#footer .elementHeadline {}
		#footer .elementText {}
		#footer .elementImage {}
		
		#footer .subcolumns .c66r .elementText { padding-right:1em;}
		
		#footer .subcolumns .c66r .elementText p { font-size:0.9em; color:#666666;}
		#footer .subcolumns .c66r .elementText p a { color:#666666; text-decoration:none;}
		
		#footer .subcolumns .c66r .elementImage { float:left; margin-right:2em; padding-left:1em;}
		
		
	/* misc */
		.center { text-align:center; display:block;}
		.left { float:left;}
		.right { float:right;}
		
		div.leftwhite299px { background:url('/de/wLayout/design/img/backgrounds/weiss.gif') top left repeat-y; height:300px;}
		.picturePager {display:block; text-align:center;}
		
	/* Buttons (Weblication) */

		.buttonDefault { cursor:pointer;text-decoration:none; font-weight:normal; margin:0px;padding:0px;color:#ffffff; background-color:#7F7F7F; border:1px solid #A6A6A6; border-bottom-color:#4C4C4C; border-right-color:#4C4C4C; font-size:12px;padding:0px; padding-left:8px;padding-right:8px; font-family: inherit; line-height:15px;margin-right:10px;} 
		.buttonDefault .a { cursor:pointer;text-decoration:none; font-weight:normal;}
		.buttonAdmin           { cursor:pointer;text-decoration:none; font-weight:normal; color:#ffffff; background-color:#7F7F7F; border:none; font-size:12px;padding:0px 10px; font-family: inherit; line-height:15px;margin-top:0px;}
		.buttonAdmin .a  { cursor:pointer;text-decoration:none; font-weight:normal;}
		.buttonBackend   {
							 background-image:url(/weblication/wGui/wImages/bg_button_bue.gif);
							 white-space:nowrap;
							 cursor:pointer;
							 font-family:arial,helvetica;
							 font-weight:normal;
							 font-size:11px;
							 line-height:16px;
							 color:#404040;
							 background-color:#c9ced4;
							 padding:0 0 0 4px;
							 margin:0 0 0 8px;
							 height:18px;
							 width:160px;
							 border-style:solid;
							 border-top-color:#BFBFBF;
							 border-bottom-color:#000000;
							 border-left-color:#BFBFBF;
							 border-right-color:#000000;
							 border-width:1px;
							 float:left;
						   }
		.editButtons { position:absolute; margin-top:-24px; margin-left:0px;}
		.editButton { float:left;}
		.editButtonNavigation  { position:absolute; margin-top:-24px; margin-left:0px;}
		

		a.navSparten {display:block; height:18px; margin:20pt 0pt 1px; padding:4px 0 3px 5px;background:#F1EFED;border-bottom:1px solid #FFFFFF; text-decoration:none; font-size:11px; color:#666666;}
		a.navSparten:hover{text-decoration:none; color:#C3002B;background:#FFFFFF;} 
		a.navActiv{font-weight:bold;} 
		
	
	/* jQuery Cycle Plugin */
	.cycle_pics {}
	.cycle_pics img.hidden { display:none;}
	ul.cycle_nav { margin:0; padding:0; list-style:none; line-height:0; width:320px;}
	ul.cycle_nav li { float:left; position:relative; margin:0; padding:0;}
	ul.cycle_nav li img { margin:0; padding:0; border:0px solid #000;}
	ul.cycle_nav li span { position:absolute; bottom:0; left:1px; display:block; padding:10px 0 10px 10px; width:149px; color:#333333;}
	table.cycle_nav td span { position:relative; z-index:10; bottom:0; left:1px; display:block; padding:5px 0 5px 10px; width:149px; color:#000;}

#teaser .elementImageList ul.cycle_nav li img.galery {height:60px;margin:0pt 14px 16px 0pt; width:60px;}
	
} /* media screen END */