@charset "utf-8";
/* CSS Document */

@media all {

html, body { height:100%; margin:0; padding:0; }
body { /*background:url(../images/lsb_top_Bg_yellow_lila.gif) repeat-x top left;*/ }

img { margin:0; padding:0; line-height:0; vertical-align:top;}
input, textarea { background-color:#FBFBFB; width: 98%; border: 1px solid #efefed; }

p, h1, h2, h3, h4, h5, h6 { font-family:Verdana, Helvetica, Arial, sans-serif; color:#202020; }

h1 { font-size:17px; font-weight:bold; padding-bottom:7px; color:#7C6798; }
h2 { font-size:15px; font-weight:bold; color:#7C6798; }
h3 { font-size:14px; font-weight:bold; color:#7C6798; }
h4 { font-size:13px; font-weight:bold; color:#7C6798; }

div ul li { padding: 0px; list-style-type: none; }

/**********************************************************************************
 * CONTAINER: wraps whole content except FOOTER
 **********************************************************************************/

#CONTAINER {
	background:url(../images/lsb_top_Bg_yellow_lila.gif) repeat-x top left;
	clear:both;
	float:left;
	min-height:100%;
	height: auto !important;
	height:100%;
	left:0;
	margin: 0 auto;
	padding-bottom:50px;
	position:absolute;
	width: 950px;
	z-index:2;
}
#CONTAINER:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/**********************************************************************************
 * FOOTER
 **********************************************************************************/

.footer, .push {
    bottom:0px;
	clear: both;
	color:#e6e2ea;
	height:60px;
	left:0;
	margin-bottom:0px;
    position: fixed;
	text-align:left;
	width:100%;
	z-index:3;
}
.push { z-index:4; }

/**********************************************************************************
 * FAUX Columns
 **********************************************************************************/

#FAUX_COLUMN_LEFT {
	background: url(../images/bg_lila_bright.jpg);
	float:left; 
	position:fixed;
	top:0; 
	left:0; 
	width:190px; height:100%; 
	z-index:1;
}

#TOP_AREA {	z-index:50; }
#TOP_AREA_LEFT { z-index:51; }
#TOP_AREA_RIGHT { z-index:52; }

#LOGO { z-index: 53; }

/**********************************************************************************
 * NAVI_MAIN
 **********************************************************************************/

#NAVI_MAIN { z-index: 60; }
#NAVI_MAIN_ITEMS { z-index:62; }
 
#NAVI_MAIN, #NAVI_MAIN ul, #NAVI_MAIN li, #NAVI_MAIN a { 
	border: 0 #000 solid;
	margin: 0;
	padding: 0; 
	list-style: none; 
}

.navi_main_border_right { border-right:0px solid #efefed; }

#NAVI_MAIN_CHILD_CONTAINER { z-index:37; }


/**********************************************************************************
 * THEME_PIC
 **********************************************************************************/

#THEME_PIC {
	display:inline;
	float:right;
	height:83px;
	left:auto;
	overflow:hidden;
	position:relative;
	right:5px;
	text-align:right;
	top:10px;
	width:600px;
	z-index:-36;
}

/**********************************************************************************
 * MAIN_CONTENT
 **********************************************************************************/

#MAIN_CONTENT { z-index:1000; }
#MAIN_CONTENT_ITEM { z-index:1005; }

/**********************************************************************************
 * NAVI_META 
 **********************************************************************************/

#NAVI_METAS {
	margin:0;
	z-index:24;
}
#NAVI_METAS ul {
	line-height:19px;
	list-style:none;
	margin: 0;
	padding: 0;
	text-align:center;
}
#NAVI_METAS ul li {
	float:left;
	line-height:19px;
	list-style:none;
	margin: 0;
	padding: 0;
	text-align:center;
}
#NAVI_METAS a {
	line-height:19px;
	list-style:none;
	margin: 0;
	padding: 0;
}

/**********************************************************************************
 * NAVI_SERVICE 
 **********************************************************************************/

#NAVI_SERVICE {
	z-index:26;
}
#NAVI_SERVICE ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
#NAVI_SERVICE ul li {
	list-style:none;
	margin: 0;
	padding: 0;
}
#NAVI_SERVICE a {
	list-style:none;
	margin: 0;
	padding: 0;
}

/**********************************************************************************
 * NAVI_SUB_02 
 **********************************************************************************/

#NAVI_SUB_02 {
	text-align:center;
	z-index:25;
}
#NAVI_SUB_02 ul {
	list-style:none;
}
#NAVI_SUB_02 ul li {
	list-style:none;  
	text-align:left;
	padding-bottom:10px;
}
#NAVI_SUB_02 ul li ul {
	line-height:10px;
	list-style:none;
	margin-top:-12px;
	margin-left:45px;
}
#NAVI_SUB_02 ul li ul li {
	background-color:#7C6798;
	color:#ffc20e;
	list-style: none; 
	line-height: 0px;
	padding-top: 10px;
	padding-bottom:5px;
	padding-left:5px;
	text-align: left;
	width:121px;
}
#NAVI_SUB_02 a {
	color:#7C6798;
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	line-height:0px;
	text-decoration:none;
}
#NAVI_SUB_02 a:hover {
	color:#7C6798;
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	font-weight:500;
	line-height:0px;
	margin-top:0;
	padding-top:0;
	text-decoration:none;
}
#NAVI_SUB_02 .navi_active {
	background-color: #7C6798;
	color: #7C6798;;
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
#NAVI_SUB_02 ul li ul li a {
	color:#ffc20e;
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	line-height:0px;
	text-decoration:none;
}
#NAVI_SUB_02 ul li ul li a:hover {
	color:#e6e2ea;
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	font-weight:500;
	line-height:0px;
	margin-top:0;
	padding-top:0;
	text-decoration:none;
}

/**************************************************************
 * NEW CATEGORIES
 *     ACHTUNG: Im TypoScript NEWS werden die Katgorien ge-
 *              wrapt, weswegen hier die Formatierung von a
 *              über * DIV SPAN angesprochen werden muss
 *************************************************************/
 
#NEWS_CATEGORIES {
	text-align:left;
	height:auto;
	background:#00FF00;
}
#NEWS_CATEGORIES DIV SPAN a {
	color: #7C6798;
	text-decoration:none;
}
#NEWS_CATEGORIES DIV SPAN a:hover {
	color: #7C6798;
	font-weight:bold;
	text-decoration:underline;
}
#NEWS_CATEGORIES DIV SPAN a:active {
	color: #7C6798;
	font-weight:bold;
	text-decoration:none;
}
#NEWS_CATEGORIES DIV SPAN IMG {
   margin:0px;
   padding: 0px 3px 0px 0px;
   vertical-align: middle;
}
.news_active {
	color: #7C6798;
	font-weight:bold;
	text-decoration:none;
}






/*****************************************************
 *  META NAVS und SUB NAVS
 *****************************************************/

#nav_meta, #nav_meta ul {
	border:0;
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav_meta a {
	padding: 0;
	margin: 0;
	display: block;
	width: 119px; /* needed for Opera */
}
#nav_meta li {
	padding: 0;
	margin: 0;
	float: left;
	width: 119px;
}




#nav_service, #nav_service ul {
	border:0;
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav_service a {
	padding: 0;
	margin: 0;
	display: block;
	width: 119px; /* needed for Opera */
}
#nav_service li {
	padding: 0;
	margin: 0;
	float: left;
	width: 119px;
}






/*****************************************************************************************/

.active { background-color:#7C6798; color:#ffc20e; }
.asterisk { color:red; }

.bg_lila { background-color:#7C6798; }
.bg_lila_bright { background-color:#e6e2ea; }
.bg_lila_bright_faux_column { background: url(../images/bg_lila_bright.jpg); }
.bg_grey_dark { background-color:#333; color: #ccc; }
.bg_grey_bright { background-color:#bbb; color: #666; }
.bg_mint_bright { background-color:#E0EBEB; }
.bg_mint_dark { background-color:#5D9395; }
.bg_silver { background-color:#EFEFED; }
.bg_yellow { background-color:#ffc20e; color: #202020; }
.bg_yellow_lila_img { background:url(../images/lsb_top_Bg_yellow_lila.gif) repeat-x top left; }


/* Border on both sides of a column. */
.borderLeftRight {
  border-left: 1px solid #efefed;
  border-right: 1px solid #efefed;
}
.borderTopBottom {
  border-bottom: 1px solid #efefed;
  border-top: 1px solid #efefed;
}
.borderTop { border-top: 1px solid #efefed; }
.borderBottom { border-bottom: 1px solid #efefed; }
.borderLeft { border-left: 1px solid #efefed; margin-right: -1px; }
.borderRight { border-right: 1px solid #efefed; margin-left: -1px; }

.borderTopMetaMenu { border-top: 3px solid #fff; }

.bottom { bottom: 0; right:1px; }

/* Border with more whitespace, spans two columns. */
.colborderBoth {
	padding-left: 24px;
	margin-left: 0px;
	border-left: 1px solid #efefed;
	padding-right: 0px;
	margin-right: 24px;
	border-right: 1px solid #efefed;
}


.date { 
	background-color:#e6e2ea;
	color: #7C6798;
	font-weight:bold;
}
.date a { color:#7C6798; text-decoration:none; }
.date a:hover { background-color:#7C6798; color:#ffc20e; text-decoration:none; }

.float_left { float: left; margin: 0 10px 10px 0; }
.float_right { float: right; margin: 0 0 10px 10px; }
.float_left_00 { float: left; }
.float_right_00 { float: right; }

.font_size_22 { font-size: 22px; }
.font_size_29 { font-size: 29px; }
.font_size_33 { font-size: 33px; }

.height_auto { height: auto; min-height:20px; }
.height_003 { height: 3px; min-height:3px; max-height:3px; overflow: hidden; }
.height_004 { height: 4px; min-height:4px; max-height:4px; overflow: hidden; }
.height_005 { height: 5px; min-height:5px; max-height:5px; overflow: hidden; }
.height_007 { height: 7px; min-height:7px; max-height:7px; overflow: hidden; }
.height_008 { height: 8px; min-height:8px; max-height:8px; overflow: hidden; }
.height_009 { height: 9px; min-height:9px; max-height:9px; overflow: hidden; }
.height_020 { height: 20px; min-height:20px; max-height:20px; overflow: hidden; }
.height_023 { height: 23px; min-height:23px; max-height:23px; overflow: hidden; }
.height_025 { height: 25px; min-height:25px; max-height:25px; overflow: hidden; }
.height_030 { height: 30px; min-height:30px; max-height:30px; overflow: hidden; }
.height_035 { height: 35px; min-height:35px; max-height:35px; overflow: hidden; }
.height_040 { height: 40px; min-height:40px; max-height:40px; overflow: hidden; }
.height_058 { height: 58px; min-height:58px; max-height:58px; overflow: hidden; }
.height_060 { height: 60px; min-height:60px; max-height:60px; overflow: hidden; }
.height_065 { height: 65px; min-height:65px; max-height:65px; overflow: hidden; }
.height_070 { height: 70px; min-height:70px; max-height:70px; overflow: hidden; }
.height_072 { height: 72px; min-height:72px; max-height:72px; overflow: hidden; }
.height_073 { height: 73px; min-height:73px; max-height:73px; overflow: hidden; }
.height_075 { height: 75px; min-height:75px; max-height:75px; overflow: hidden; }
.height_080 { height: 80px; min-height:80px; max-height:80px; overflow: hidden; }
.height_083 { height: 83px; min-height:83px; max-height:83px; overflow: hidden; }
.height_095 { height: 95px; min-height:95px; max-height:95px; overflow: hidden; }
.height_105 { height: 105px; min-height:105px; max-height:105px; overflow: hidden; }
.height_107 { height: 107px; min-height:107px; max-height:107px; overflow: hidden; }
.height_112 { height: 112px; min-height:112px; max-height:112px; overflow: hidden; }
.height_155 { height: 155px; min-height:155px; max-height:155px; overflow: hidden; }
.height_157 { height: 157px; min-height:157px; max-height:157px; overflow: hidden; }
.height_160 { height: 160px; min-height:160px; max-height:160px; overflow: hidden; }
.height_165 { height: 165px; min-height:165px; max-height:165px; overflow: hidden; }
.height_170 { height: 170px; min-height:170px; max-height:170px; overflow: hidden; }
.height_200 { height: 200px; min-height:200px; max-height:200px; overflow: hidden; }
.height_225 { height: 225px; min-height:225px; max-height:225px; overflow: hidden; }
.height_245 { height: 245px; min-height:245px; max-height:245px; overflow: hidden; }

.height_100_prozent { height: 100%; min-height:100%; }

.icon_space { padding-left:10px; }

.marginPadding_000, .marginPadding_000 ul, .marginPadding_000 li, .marginPadding_000 a { 
	border:0 #000 solid;
	/* 
	NO margin-right, because the blueGrid adds a certain amount to the right area; 
	use last to get rid of the margin-right 
	*/
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	padding:0; 
	list-style: none; 
}

.margin_bottom_010 { margin-bottom: 10px; }
.margin_bottom_020 { margin-bottom: 20px; }
.margin_bottom_030 { margin-bottom: 30px; }

.margin_left_010 { margin-left: 10px; }
.margin_left_020 { margin-left: 20px; }
.margin_left_minus_010 { margin-left: -10px; }

.margin_right_cero { margin-right:0px; }
.margin_right_010 { margin-right: 10px; }
.margin_right_020 { margin-right: 20px; }
.margin_right_minus_010 { margin-right: -10px; }

.margin_top_010 { margin-top: 10px; }
.margin_top_020 { margin-top: 20px; }
.margin_top_030 { margin-top: 30px; }

.margin_LR_000 { margin-left: 0px; margin-right: 0px; }
.margin_LR_003 { margin-left: 3px; margin-right: 3px; }
.margin_LR_005 { margin-left: 5px; margin-right: 5px; }
.margin_LR_007 { margin-left: 7px; margin-right: 7px; }
.margin_LR_010 { margin-left: 10px; margin-right: 10px; }

.news_header { padding:5px 0 10px 0; }
.news_header a { color:#ffc20e; text-decoration:none;}
.news_header a:hover { color:#7C6798; text-decoration:none; }

.overflow_hidden { overflow: hidden; }

.padding_bottom_003 { padding-bottom: 3px; }
.padding_bottom_005 { padding-bottom: 5px; }
.padding_bottom_007 { padding-bottom: 7px; }
.padding_bottom_010 { padding-bottom: 10px; }
.padding_bottom_020 { padding-bottom: 20px; }
.padding_bottom_030 { padding-bottom: 30px; }

.padding_left_003 { padding-left: 3px; }
.padding_left_005 { padding-left: 5px; }
.padding_left_007 { padding-left: 7px; }
.padding_left_010 { padding-left: 10px; }
.padding_left_020 { padding-left: 20px; }
.padding_left_030 { padding-left: 30px; }

.padding_right_000 { padding-right: 0px; }
.padding_right_003 { padding-right: 3px; }
.padding_right_005 { padding-right: 5px; }
.padding_right_007 { padding-right: 7px; }
.padding_right_010 { padding-right: 10px; }
.padding_right_020 { padding-right: 20px; }
.padding_right_030 { padding-right: 30px; }

.padding_top_003 { padding-top: 3px; }
.padding_top_005 { padding-top: 5px; }
.padding_top_007 { padding-top: 7px; }
.padding_top_010 { padding-top: 10px; }
.padding_top_020 { padding-top: 20px; }
.padding_top_030 { padding-top: 30px; }

.padding_all_003 { padding:3px; }
.padding_all_005 { padding:5px; }
.padding_all_007 { padding:7px; }

.padding_LR_000 { padding-left:0px; padding-right:0px; }
.padding_LR_003 { padding-left:3px; padding-right:3px; }
.padding_LR_005 { padding-left:5px; padding-right:5px; }
.padding_LR_007 { padding-left:7px; padding-right:7px; }
.padding_LR_010 { padding-left:10px; padding-right:10px; }

.text_bottom {
	bottom: 0px;
	border: 0px solid #efefed;
	font-size: 11px;
	line-height:16px;
	position: absolute;
}
.text_left { text-align: left; }
.text_right { text-align: right; }
.text_center { text-align: center; }

}
