/* ############################################################
#                                                             #
#               			Layout	      	                  #
#                                                             #
############################################################ */

body {
	text-align:	left;
	margin: 	0px;
	padding:	0px;
	font-family:Verdana,Arial,Helvetica,Tahoma,Sans-Serif;
	font-size:	12px;
	background: url(/fileadmin/templates/images/background_top.jpg) repeat-x;	
	width:		100%;
	height:		100%;
	color:		#333333;
}

html {
	height:		100%;
	background: #fff url(/fileadmin/templates/images/background_left.jpg) repeat-y;	
}

p, div, table, td, form, h1, h2, h3, h4, pre, ul, li, img {
	margin: 	0px;
	padding:	0px;
	border:		0px;
}

h2 {
	font-size:	14px;
	font-weight:bold;
	color:		#333333;
}
a {
	outline:0;
}
.wrapper {
	position:	absolute;
	margin:		0px;
	left:		0px;
	top:		0px;
	text-align:	left;
	width:		905px;
	
}



/* ############################################################
#               		Seiten-Kopf    		                  #
############################################################ */

.header {						/* Container für alle Kopf-Elemente */
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		1010px;
	height:		169px;
	background: #fff url(/fileadmin/templates/images/background.jpg) no-repeat;	
}

.logo {							/* Logo oben links */
	position:	absolute;
	left:		0px;
	top:		0px;
}

.navi_top {						/* schräge Navigation oben */
	position:	absolute;
	top:		68px;
	left:		221px;
	width:		563px;
	height:		63px;
	border:		0px solid #900;
	overflow:	hidden;
}
/*
.navi_top ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

.navi_top li
{
display: inline;
list-style-type: none;

}
*/
.navi_top TABLE {
padding:0;
margin:0;


}
.navi_top TD { 
vertical-align:top;
padding:0 5px;
}
.navi_top TD a{ 
	text-decoration: none;
	color: #fff !important;
	font-family: Verdana,Arial,Helvetica,Tahoma,Sans-Serif;
	font-size:14px;
	padding:3px;
	display:block;
}
.navi_top TD a.active,.navi_top TD a:hover{ 
	color: #000 !important;
}
#menuitem1 {
	padding-top: 33px;
}
#menuitem2 {
padding-top: 25px;
}
#menuitem3 {
padding-top: 20px;
}
#menuitem4 {
padding-top: 14px;
}
#menuitem5 {
padding-top: 8px;
}
#menuitem6 {
padding-top: 4px;
}
#menuitem7 {
padding-top: 2px;
}
#lastmenuitem {

}





/* ############################################################
#               	Seiten-Inhaltsbereich		              #
############################################################ */

.contentwrapper {				/* Wrapper für den Inhalt */
	position:	absolute;
	top:		180px;
	left:		227px;
	width:		563px;
	margin:		0px;
	padding:	0px;
	border:		0px;
}

.content {						/* Inhaltscontainer */
	position:	relative;
	width:		563px;
	margin:		0px;
	padding:	0px;
	border:		0px;
	background:	#ebebeb;
	overflow:	hidden;
}

.klickpfad {					/* Klickpfad / Breadcrumb */
	position:	absolute;
	top:		160px;
	left:		222px;
	width:		563px;
	height:		25px;
	background:	#fff;
	margin:		0px;
	padding:	0px;
	border:		0px;
	z-index:	20;
}



/* ############################################################
#             		  	Navigation links		              #
############################################################ */
.navigation_left_wrapper {		
	position:	absolute;
	left:		0px;
	top:		150px;
	width:		224px;
	height:		100%;
}
.navigation_left {
	width:209px;
}
.navigation_left ul li{
	list-style-type:none ;
	margin:0;
	padding:0;
}
.navigation_left ul  { 
	margin:0;
	padding:0;
}
.navigation_left ul .main a {
	display:block;
	width:100%;
	line-height:24px;
	font-size: 12px;
	color: #333;
}
.navigation_left ul .main a,.navigation_left ul .sub a , .navigation_left ul .main a:hover,.navigation_left ul .sub a:hover{
	text-decoration:none;
}
.navigation_left ul .sub a {
	line-height:20px;
	font-size: 11px;
	color: #333;
}
ul.menu-level1  {
	border-top: 1px solid #FB7115;
	margin:15px 0 20px 5px;
}
.navigation_left ul .main {
	border-bottom: 1px solid #FB7115;
	padding-left: 5px;
	font-weight:bold ;
}	
.navigation_left ul .sub a {
	font-weight:normal;
}
.navigation_left a.active{
	font-weight:bold !important;
}
.navigation_left li.main.submenu.active,.navigation_left li.main.normal.active{
	background-color: #efefef;
}
.navigation_left li.main.submenu.active{
	padding-bottom: 8px;	
}
.navigation_left ul  .sub { 
	margin-left:10px;
}
* html .navigation_left li li.main.submenu.active{
	padding-bottom: 0;	
}
/* -------------- //Navigation NEU -------------- */	


/* ############################################################
#             		  	Teaser rechts			              #
############################################################ */

.contentwrapper-right {
	position:	absolute;
	left:		800px;
	top:		170px;
	width:		210px;
	padding-top:10px;
	height:		auto;
}

.teaser_right {
	position:		relative;
	left:			0px;
	width:			210px;
	padding:		0px;
	margin-bottom:	11px;
}


.contentwrapper-right .csc-textpic-clear{

}

.contentwrapper-right .bodytext{
	margin-bottom: 16px;
	background-color: #ebebeb;
	padding:7px;
}



/* ############################################################
#             		  		Diverses			              #
############################################################ */

.boxes_wrapper_left {
	position:	relative;
	top:		17px;
}
#boxes_wrapper_left div {	/* ausblenden wg. permanenter Einblendung der Teaser links über das Template */
	display:	none;
}

.klickpfad_absolut {
	position:	absolute;
	top:		131px;
	left:		171px;
	width:		718px;
	height:		15px;
	margin:		0px;
	padding-left:	17px;
	background:	#ffe;
	display:	none;
}

.klickpfad_relativ {
	position:	relative;
	width:		718px;
	height:		15px;
	margin-top:	-17px;
	margin-left:-17px;
	margin-right:-17px;
	padding-left:17px;
	margin-bottom:17px;
	background:	#ffe;
	display:	none;
}


/* -------------- 1 x 4sp-Box -------------- */
.box1x4sp, .box1x4sp-pic, .box1x4sp-start {				/* Container für 4-spaltige Box */
	position:	relative;
	height:		218px;
}
.box4sp1, .box4sp-pic, .box4sp-start {				/* Box mit Inhalt */
	position:	absolute;
	left:		0px;
	width:		563px;
	height:		198px;
	overflow:	hidden;
	line-height:16px;
	border:		0px;
	background:	#fff;
}
.box1x4sp-flex {									/* Container für Box mit flexibler Höhe */
	position:	relative;
	margin-bottom:	17px;
}
.box4sp-flex {										/* Box mit flexibler Höhe */
	position:	relative;
	left:		0px;
	width:		563px;
	line-height:16px;
	border:		0px;
	background:	#fff;
}
.box1x4sp-start {										/* Container Startseite */
	height:		245px;
}
.box4sp-start {										/* Box mit Inhalt Startseite */
	height:		230px;
}
.box4sp-headline4sp {
	width:		563px;
	height:		27px;
	overflow:	hidden;
	background:	#D6D6D6; /* war: #e9e7e8; */
	border-bottom:	1px solid #999;
}
.box4sp-text4sp {
	position:	relative;
	width:		563px;
	margin:		0px;
	text-align:	left;
	line-height:16px;
	background:	#f7f7f7;
	background:	#edebec; /* war: #f8f6f7; */
}
/* -------------- //1 x 4sp-Box -------------- */



/* -------------- 2 x 2sp-Boxen -------------- */
.box2x2sp {									/* Container */
	position:	relative;
	height:		300px;						/* Höhenangabe: absolut notwendig, damit Elemente untereinander richtig dargestellt werden! Höhe = Box-Höhe + 20px, damit Abstand nach unten */
}
.box2sp1, .box2sp2 {						/* Box mit Inhalt */
	position:	absolute;
	left:		0px;
	width:		347px;
	height:		280px;
	overflow:	hidden;
	border:		0px;
	background:	#fff;
}
.box2sp2 {									/* Box mit Inhalt */
	left:		354px;
}
/* -------------- //2 x 2sp-Boxen -------------- */



/* -------------- 2 x 2sp-Boxen Content-Formate -------------- */
.box2sp-headline2sp {
	width:		347px;
	height:		27px;
	overflow:	hidden;
	background:	#e9e6e8;
	background:	#e7e2e3; /* war: #f8f6f7; */
	border-bottom:	1px solid #999;
}
.box2sp-pic1sp, .box2sp-pic1sp50 {
	position:	relative;
	float:		left;
	text-align:	left;
	width:		170px;
	height:		252px;
	overflow:	hidden;
}
.box2sp-pic1sp50 {
	height:		180px;
}
.box2sp-text1sp, .box2sp-text1sp50 {
	position:	relative;
	float:		left;
	width:		170px;
	height:		252px;
	margin:		0px;
	overflow:	hidden;
	text-align:	left;
	line-height:16px;
	padding-left:0px;
	padding-right:7px;
	background:	#f7f7f7;
	background:	#edebec; /* war: #f8f6f7; */
}
.box2sp-text1sp50 {
	height:		72px;
}
.box2sp-link {
	position:	absolute;
	left:		7px;
	bottom:		7px;
	width:		156px;
	height:		18px;
	overflow:	hidden;
	text-align:	right;
	font-size:	12px;
/*	background:	#f6f5f5;*/
	padding:	2px 2px 0 0;
	z-index:	10;	 /* für IE, damit sichtbar */
}
.box2sp-link a, .box2sp-link a:visited {
	text-decoration:	none;
	color:		#666;
}
.box2sp-link a:hover {
	text-decoration:	underline;
	color:		#F66;
}
/* -------------- //2 x 2sp-Boxen Content-Formate -------------- */



/* -------------- 4 x 1sp-Boxen -------------- */
.box4x1sp {									/* Container */
	position:	relative;
	height:		320px;						/* Höhenangabe: absolut notwendig, damit Elemente untereinander richtig dargestellt werden! Höhe = Box-Höhe + 20px, damit Abstand nach unten */
}
.box1sp1, .box1sp2, .box1sp3, .box1sp4, .box1sp-gedanken {	/* Box mit Inhalt */
	position:	absolute;
	left:		0px;
	width:		170px;
	height:		300px;
	overflow:	hidden;
	border:		0px;
/*	background:	#fff;*/
}
.box1sp2 {	left: 177px; }					/* Box mit Inhalt */
.box1sp3 {	left: 354px; }					/* Box mit Inhalt */
.box1sp4 {	left: 531px; }					/* Box mit Inhalt */
.box1sp-flex {	/* Box relativ & mit flexibler Höhe */
	position:	relative;
	width:		170px;
	border:		0px;
	height:		auto;
}
 .box1sp-gedanken {
	position:	absolute;
	left:		0px;
	width:		170px;
	height:		288px;
 	margin:		0px;
	padding:	7px;
	background:	#edebec; /* war: #f8f6f7; */
}
.box1sp-gedanken-innen {
	background:	#fff;
	width:		142px;
	height:		272px;
	padding:	7px;
}
.boxes_wrapper_left {
	position:	relative;
	height:		auto;
}
/* -------------- //4 x 1sp-Boxen -------------- */



/* -------------- 1sp-Boxen Content-Formate -------------- */
.box1sp-titelzeile1sp {
	position:	relative;
	width:		170px;
	height:		20px;
	padding-top:4px;
	overflow:	hidden;
	background:	#fff;
	background:	#edebec; /* war: #f8f6f7; */
	/*border-bottom:	1px solid #999;*/
}
.box1sp-headline1sp, .box1sp-headline1sp-gedanken {
	position:	relative;
	width:		170px;
	height:		20px;
	overflow:	hidden;
	background:	#fff;
	background:	#edebec; /* war: #f8f6f7; */
	/*border-bottom:	1px solid #999;*/
}
.box1sp-headline1sp-gedanken {
	background:	#fff;
	width:		156px;
	margin:		7px 7px 0px 7px;
	padding:	7px 0px 7px 0px;
}
.box1sp-pic1sp, .box1sp-pic1sp50 {
	position:	relative;
	float:		left;
	text-align:	left;
	width:		156px;	/* 170px x 180px oder 156px x 165px mit Padding bzw. 170x252 oder 156x231 */
	height:		231px;
	overflow:	hidden;
	padding:	0px;
	background:	#edebec;
}
.box1sp-pic1sp50 {
	height:		165px;
	padding:	5px 7px 0px 7px;
}
.box1sp-text1sp, .box1sp-text1sp50, .box1sp-text1sp-flex, .box1sp-text1sp-gedanken {
	position:	relative;
	float:		left;
	width:		170px;
	height:		272px;
	overflow:	hidden;
	text-align:	left;
	line-height:16px;
	margin:		0px;
	padding:	0px;
	background:	#f7f7f7;
	background:	#edebec; /* war: #f8f6f7; */
}
.box1sp-text1sp-flex {
	height:		auto;
	float:		none;
	margin-bottom:15px;
}
.box1sp-text1sp50 {
	height:		92px;
}
.box1sp-text1sp p, .box2sp-text1sp h2, .box1sp-text1sp50 p, .box1sp-text1sp50 h2, .box1sp-text1sp-flex p, .box1sp-text1sp-flex h2 {
	padding:	7px;
}
.box1sp-link, .box1sp-link-flex {
	position:	absolute;
	right:		7px;
	bottom:		7px;
	width:		156px;
	height:		18px;
	overflow:	hidden;
	text-align:	right;
	font-size:	12px;
/*	background:	#f6f5f5;*/
	padding:	2px 2px 0 0;
	z-index:	10;	 /* für IE, damit sichtbar */
}
.box1sp-link-flex {
	position:	relative;
	height:		auto;
}
.box1sp-link a, .box1sp-link a:visited {
	text-decoration:	none;
	color:		#666;
}
.box1sp-link a:hover {
	text-decoration:	underline;
	color:		#F66;
}
/* -------------- //1sp-Boxen Content-Formate -------------- */



/* -------------- 1 x 3sp + 1 x 1sp-Boxen -------------- */
.box1x3x1x1sp {								/* Container */
	position:	relative;
	height:		300px;						/* Höhenangabe: absolut notwendig, damit Elemente untereinander richtig dargestellt werden! Höhe = Box-Höhe + 20px, damit Abstand nach unten */
}
.box1x3x1x1sp1, .box1x3x1x1sp2 {	/* box1x3x1x1sp1 => 3 spaltige Box, .box1x3x1x1sp2 => 1 spaltige Box - Box mit Inhalt */
	position:	absolute;
	left:		0px;
	width:		524px;
	height:		280px;
	overflow:	hidden;
	border:		0px;
	background:	#f7f7f7;
	background:	#edebec; /* war: #f8f6f7; */
}
.box1x3x1x1sp2 {					/* Box mit Inhalt */
	left: 		531px;
	width:		170px;
}
/* -------------- 1 x 3sp + 1 x 1sp-Boxen -------------- */



/* -------------- 3sp-Boxen Content-Formate -------------- */
.box3sp-headline3sp {
	width:		524px;
	height:		27px;
	overflow:	hidden;
	background:	#e9e6e8;
	background:	#e9e4e5; /* war: #e9e7e8; */
	border-bottom:	1px solid #999;
}
.box3sp-text3sp, .box3sp-text3sp50 {
	position:	relative;
	float:		left;
	width:		524px;
	height:		252px;
	margin:		0px;
	overflow:	hidden;
	text-align:	left;
	line-height:16px;
	background:	#f7f7f7;
	background:	#edebec; /* war: #f8f6f7; */
}
.box3sp-text1sp50 {
	height:		72px;
}
.box3sp-link {
	position:	absolute;
	right:		7px;
	bottom:		7px;
	width:		156px;
	height:		18px;
	overflow:	hidden;
	text-align:	right;
	font-size:	12px;
/*	background:	#f6f5f5;*/
	padding:	2px 2px 0 0;
	z-index:	10;	 /* für IE, damit sichtbar */
}
.box3sp-link a, .box3sp-link a:visited {
	text-decoration:	none;
	color:		#666;
}
.box3sp-link a:hover {
	text-decoration:	underline;
	color:		#F66;
}
/* -------------- //2 x 2sp-Boxen Content-Formate -------------- */



/* -------------- Header Content-Formate -------------- */
.navi_top_right {
	padding-right:17px;
}
.navi_top_right a, .navi_top_right a:visited {
	color:		#908c8c;
	text-decoration:	none;
}
.navi_top_right a:hover {
	color:		#e20015;
	text-decoration:	underline;
}
/* -------------- //Header Content-Formate -------------- */





/* -------------- Footer 1 x 4sp-Box -------------- */
.boxfooter {									/* Container */

	overflow:	hidden;
	text-align:	center;
	border-top:	1px solid #fff;
	background:	#f3f3f3;
	padding:	10px 0 10px 0;
}
/* -------------- //Footer 1 x 4sp-Box -------------- */

/* -------------- Footer -------------- */
.boxfooter, .boxfooter a, .boxfooter a:visited , .boxfooter a:link{
	color:				#888888 !important;
	text-decoration:	none;
	font-size:10px;
}
.boxfooter a:hover {
	color:				#FB7115 !important;
	text-decoration:	underline;
}
/* -------------- //Footer -------------- */



/* ---------- Spacer ------------- */
.space10 { width: 10px; }
.space11 { width: 11px; }
.space12 { width: 12px; }
.space17 { width: 17px; }
/* ---------- //Spacer ------------- */

        /* Space below each image (also in-between rows) */
        DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
        DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 10px; display: block; }
		
div.csc-header-n1 {
	background:#D6D6D6 none repeat scroll 0 0;
	border-bottom:1px solid #999999;
	height:27px;
	overflow:hidden;
}