/***************************************************
*   BODY
***************************************************/
body {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	background-color: #f3f9fd; /*#FAFAFA;*/
}

/***************************************************
*   LAYOUT
***************************************************/
#layout {
	position: relative;
	top: 0px;
	left: 0px;
	width: 952px;
	min-width: 952px;
	max-width: 952px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-color: #EDF6FB; /*#EDF6FB; /*#E6EFF4; /*D8E6ED; /*C5DCE7 /*B7D6E5; /*A5CCE0; #F7F3F2;*/
}


/***************************************************
*   LOGO
***************************************************/
#logo {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	width: 952px;
	height: 90px;
	/*background-image: url(../images/Logo_SHGDS_Banner.jpg); */
	background-image: url(../images/Logo_SHGDS_Banner_6.jpg);
	background-repeat:no-repeat;
}

	/***************************************************
	*   LogoTOP
	***************************************************/
	#logotop {
		float: left;
		position: absolute;
		top: 20px;
		left: 30px;
		/*background-image: url(../images/logo_blau_orange.png);*/
		background-image: url(../images/logo_nur_schrift.gif);
		background-repeat:no-repeat;
		width: 190px;
		height: 50px;
	}

	/***************************************************
	*   Suche
	***************************************************/
	#suchetop {
		position: absolute;
		top: 55px;
		left: 790px;
	}

/***************************************************
*   MAIN
***************************************************/

	/***************************************************
	*   NAVIGATION
	***************************************************/
	#navi {
		float: left;
		width: 200px;
		padding: 0px 0px 0px 10px;
		margin: 0px 0px 0px 0px;
		
		height: expression(this.scrollHeight < 500? "500px" : "auto" );
		overflow:hidden;
		min-height:500px;
	}

		/***************************************************
		*   NAVIGATION 1
		***************************************************/
		/*
		   1. ul {list-style-type: none;}
		   2. li {padding-left: 20px;background-image:url(pics/punkt.gif); background-repeat:no-repeat; background-position: 5px 5px;}
		*/
		#navi ul.level0 {
			list-style-image: url(../images/bullets/arrow_to_right_gray.gif);
			list-style-type: none;
			padding: 0px 0px 0px 15px;
			margin: 0px 0px 10px 0px;
		}
		#navi ul.level0 li { padding: 7px 0px 0px 0px; margin: 5px 0px 0px 0px; font-weight: bold;}
		#navi ul.level0 li .active { list-style-type: none;	border-bottom: 1px solid #336699; /*#FB5D3F;*/; color:#336699; }
		
		#navi .level1, #navi .level2  {
			list-style-type: none;
			padding: 0px 0px 0px 11px;
			margin: 0px 0px 0px 0px;
		}
		#navi ul.level1 li, #navi ul.level2 li {font-weight: normal;}
		
		#navi ul li a:link, #navi a:visited { 
			font-size: 12px;
			color: #646464;
			text-decoration: none;
		} 
		
		#navi ul li a:hover { 
			border-bottom: 1px dashed #336699; /*#FB5D3F;*/
		}

	/***************************************************
	*   CONTENT
	***************************************************/
	#content {
		background-color: #E2F2FB; /*#E6EFF4;*/
		float: left;
		width: 530px;
		max-width: 530px;
		
		height:expression(this.scrollHeight < 500? "500px" : "auto" );
		overflow:hidden;
		min-height:500px;
		
		padding: 0px 10px 10px 20px;
		margin: 0px 0px 0px 0px;
		line-height: 20px;
	}
	
	#content p {
		padding: 0px;
		margin: 0px;
	}
	
	#content h1 {
		margin: 0px 0px 15px 0px;
		padding: 2px 0px 5px 10px;
		font-weight: bold;
		font-size: 17px;
		color: #000066;
		border-left: 10px solid #FF7F00; /*#8FC9E7; /*FB5D3F;*/
		border-bottom: 1px solid #FF7F00; /*#8FC9E7; /*FB5D3F;*/
	}
	
	#content a:link,  #content a:visited,  #content a:active  {
		/*color: #FB5D3F;*/
		color: #336699;
		text-decoration: none;
		/*border-bottom:1px solid #336699; /*336699; /*#E7492B;*/
	}
	
	#content a:hover {
		/*color: #FB5D3F;*/
		color: #336699;
		text-decoration: none;
		border-bottom:1px dashed #336699; /*336699; /*#E7492B;*/
	}
	
	/***************************************************
	*   Content Sonstig
	***************************************************/
	/*Bildunterschrift bei Bild im Text*/
	.csc-caption {
		font-size: 10px;
		padding: 0px;
		margin: 0px;
	}

	/***************************************************
	*   Content Right
	***************************************************/
	#right_content{
		float: left;
		width: 160px;
		padding: 0px 0px 0px 10px;
		margin: 0px;
		line-height: 20px;
	}
	
		/***************************************************
		*   PORTLET (News, Veranstaltung)
		***************************************************/
		#portlet, #veranstaltung, #suche {
			float: left;
			line-height: 17px;
			width: 160px;
			margin: 6px 0px 10px 0px;
			padding: 0px;
			border: 1px solid #8FC9E7; /*94CCE6; /*5AB0DA; /*B7D6E5; /*A5CCE0;*/
			font-size: 12px;
			background-color: #E6EFF4; /*#CAE6F2; /*94CCE6; /*D5E3EC; /*C5DCE7;*/
		}
		
		/***************************************************
		*   PORTLET
		***************************************************/
		.tx_newsflexible_maintitle {
			color: #000066;
			font-size: 12px;
			font-weight: bold;
			/*border-bottom: 1px solid #CCCCCC;*/
			/*background-color: #E7492B;*/
			background-color: #8FC9E7; /*94CCE6; /*5AB0DA; /*B7D6E5;*/
			padding: 2px 5px 2px 5px;
			/*border-left: 4px solid #FB5D3F;
			border-bottom: 1px solid #FB5D3F;*/
		}
		
		.tx_newsflexible_title {
			font-size: 11px;
			color: #444444;
			font-weight: bold;
			padding: 5px 5px 5px 5px;
		}
		
		.tx_newsflexible_teaser, 
		.tx_newsflexible_no_articles {
			font-size: 11px;
			color: #444444;
			padding: 0px 5px 0px 5px;
		}
		
		.tx_newsflexible_more {
			color: #336699; /*#E7492B;*/
			padding: 0px 5px 15px 5px;
			font-size: 0.9em;
		}
		
		.tx_newsflexible_more_a, 
		#portlet .tx_newsflexible_more_a:visited, 
		#portlet .tx_newsflexible_more_a:active {
			color: #336699; /*#E7492B;*/
			text-decoration: none;
		}
		
		.tx_newsflexible_more_a:hover {
			text-decoration: underline;
		}
		
		/***************************************************
		*   Suche
		***************************************************/
		/* Innerhalb des TypoScript 					  */

/***************************************************
*   Footer
***************************************************/
#footer {
	clear: both;
	color: #444444;
	text-align: center;
	width: 952px;
	padding: 5px 0px 5px 0px;
	margin: 15px 0px 20px 0px;
	background-color: #D1E9F3;/*#8FC9E7;
	/*background-image: url("../images/footer_4.jpg");*/
}

#footer a:link, #footer a:visited {
	color: #444444;
	text-decoration: none;
	margin: 0px;
	padding: 2px;
}

#footer a:hover , #footer a.active {
	color: #336699;/*#666666;*/
	text-decoration: underline;
	padding: 2px;
}

/***************************************************
*   wolke (google maps Sprechblase)
***************************************************/
	#wolke {
		padding: 0px;
		margin: 0px;
		font-size: 11px;
        line-height: 15px;
	}

	#wolke h5 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 12px;
		color: #000066;
		border-bottom: 1px solid #FF7F00; /*#8FC9E7; /*FB5D3F;*/
	}

	#wolke a:link,  #wolke a:visited,  #wolke a:active  {
		/*color: #FB5D3F;*/
		color: #336699;
		text-decoration: none;
		/*border-bottom:1px solid #336699; /*336699; /*#E7492B;*/
	}

	#wolke a:hover {
		/*color: #FB5D3F;*/
		color: #336699;
		text-decoration: none;
		border-bottom:1px dashed #336699; /*336699; /*#E7492B;*/
	}