/* Standard CSS Document für Maria Lankowitz */

*
{
	margin:0px;
	padding:0px;
}

body
{
	background: url(../images/layout/standard/bg.jpg);
	background-color: #DDF4F6;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	color: #666666;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;

}

img {border: 0;}
br {clear: both;}
ul { list-style-type: none;}


a  { text-decoration: none;
	 color: #006699;
}

a:hover
{ text-decoration: none;
  color: #006699;
}

h1
{
	margin-top:7px;
	margin-bottom: 9px;
	color: #006699;
	font-size: 18px;
	font-stretch: expanded;
	font-weight: 300;
}

div#overbox
{
	width: 840px;
	margin: auto;

}

div#top
{
	width: 840px;
}

/********************** Box für Logo, Flaggen und Suche *****************/
div#top div#header
{
	width: 840px;
	height: 97px;
}

div#top div#header div#logo
{
	width: 205px;
	height: 97px;
	text-align: left;
	float: left;
}

div#top div#header div#rightbox
{
	width: 635px;
	height: 97px;
	float: left;
}

.input
{
	font-family:Arial;
	font-size: 8pt;
	background:#034F78;
	border: 1px solid #E7F7F9;
	height: 15px;
	width: 107px;
	color: #E7F7F9;
}

div#top div#header div#rightbox div#helpbox
{
	width: 635px;
	height: 50px;
	text-align: right;
}

div#top div#header div#rightbox div#topmenue
{
	width: 635px;
	height: 47px;
	color: #E7F7F9;
	text-align: right;
}

div#top div#header div#rightbox div#topmenue a
{
	color: #E7F7F9;
}
/**************************************/

div#top div.banner
{
	width: 840px;
	height: 276px;
	margin-top:1px;
}

/*************************** HAUPTMENÜ *************************************/
div#top div#menue
{
	width: 840px;
	height: 32px;
	background: url(../images/layout/standard/menue_bg.png) no-repeat;
}

*html div#top div#menue
{
	width: 840px;
	height: 32px;
	background: url(../images/layout/standard/menue_bg.png) no-repeat;
	margin-top: -3px;
}

#mainmenue
{
	width:810px;
	margin:0 auto;
	text-align:left;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:20px;
	height: 32px;
	padding-top: 5px;
}

*html #mainmenue
{
	width:810px;
	margin:0 auto;
	text-align:left;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:20px;
	height: 32px;
	padding-top: 5px;
	margin-left: -3px;
}

	#main_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */

	#main_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}

	#main_menu{
		visibility:hidden;
	}
	#main_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#main_menu li{
		list-style-type:none;	/* No bullets */
	}
	#main_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */


	/* Cosmetic */

	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items)
	***********************************************************************/
	#main_menu ul{
		border:1px solid #CCCCCC;
		background-color:#FFF;
		padding:1px;

	}

	#main_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		overflow:visible;
	}

	#main_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #CCCCCC;
		width: 140px;
		margin-left: 5px;
		margin-top: 6px;
	}

	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#main_menu a{
		color: #666666;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	}

	/*
	Main menu items
	*/

	#main_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		margin-left: 20px;

	}
	#main_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		margin-left: 20px;

	}
	#main_menu .currentDepth1 a{
		font-weight:bold;
		font-size:16px;
		color:#006699;
	}
	#main_menu .currentDepth1over a{	/* Text rules */
		color:#6F6E6E;
		font-weight:bold;
		font-size:16px;
	}

	/* Sub menu depth 1 */
	#main_menu .currentDepth2
	{
		padding-right:2px;
		line-height: 20px;

	}
	#main_menu .currentDepth2over{
		padding-right:2px;
		background-color: #D2E1F1;
		line-height: 20px;

	}
	#main_menu .currentDepth2over a{	/* Text rules */
		color: #006699;
	}
	/* Sub menu depth 2 */
	#main_menu .currentDepth3{
		padding-right:2px;
		line-height: 20px;
		width: 160px;

	}
	#main_menu .currentDepth3over{
		padding-right:2px;
		background-color: #D2E1F1;
		line-height: 20px;
	
	}

	#main_menu .currentDepth3over a{
		color: #006699;
	}
	/* Sub menu depth 3 */
	#main_menu .currentDepth4{
		padding-right:2px;
		line-height: 20px;
	}
	#main_menu .currentDepth4over{
		padding-right:2px;
		background-color: #D2E1F1;
		line-height: 20px;
	}
	
/***************** NOSCRIPT *************************************/

#menu_noscript
{
	font-weight:bold;
	font-size:16px;
	color:#006699;
}

#menu_noscript ul
{
 	margin-left: 20px;
}

#menu_noscript li
{
 	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	margin-left: 20px;
}

#menu_noscript a
{
 	color:#006699;
}

#menu_noscript a:hover
{
 	color:#999999;
}
	
/***************** ENDE NOSCRIPT *************************************/
	
/*****************************************************/

div#main
{
	width: 840px;
	margin-top:8px;

}

*html div#main
{
	width: 840px;
	margin-top: -15px;
}


div#main div#main_top    /******** Pfad + Icons *********/
{
	width: 840px;
	height: 38px;
	background: url(../images/layout/standard/main_top.png);
	background-repeat: no-repeat;

	color: #7B7B7B;
}

div#main div#main_content
{
	width: 840px;
	background-color: #ffffff;

	min-height: 300px;
    height: auto !important;
	height: 300px;

	color: #666666;
}

*html div#main div#main_content
{
	width: 840px;
	background-color: #ffffff;

	min-height: 300px;
    height: auto !important;
	height: 300px;

	color: #666666;

	margin-top:-1px;
}


div#main div#main_content div#contentbox
{
	width: 576px;
	margin-left: 18px;
	text-align: left;
	float: left;

	font-size: 10pt;
	
}

div#main div#main_content div#contentbox li
{
	list-style: inside;
	margin-left: 0px;

}

div#main div#main_content div#contentbox ul
{
	list-style-type: disc;
	margin-left:5px;
}


/*********************** NEUE NEWSBOX ******************************************/

.top_news_top
{
  width:576px;
  height:33px;
  background: url(../images/layout/standard/aussen_top.png) no-repeat;
}

.top_news_top_text
{
  text-align: left;
  color: #fff;
  padding-top: 8px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
}

.top_news_middle {
  width:574px;
  border-left:1px solid #6699cc;
  border-right:1px solid #6699cc;
  border-top:1px solid #6699cc;

}

.top_news_text {
width: 564px;
background:url(../images/layout/standard/innen_top.png) no-repeat;
background-color: #FFFFFF;

padding-top: 4px;
padding-left: 5px;
padding-right: 5px;

min-height: 30px;
height: auto !important;
height: 30px;

text-align: left;
}


.innenbottom
{
  width:574px;
  height:18px;
}


.top_news_bottom {
  width:576px;
  height:16px;
  background:url(../images/layout/standard/aussen_bottom.png) no-repeat;
}



/********************************* NEWS und SUBMENU *******************************/

div#main div#main_content div#leftmain
{
	width: 210px;
	float: left;

	text-align: left;

	margin-left: 18px;

	font-size: 9pt;
}

*html div#main div#main_content div#leftmain
{
	width: 210px;
	float: left;

	text-align: left;

	margin-left: 9px;

	font-size: 9pt;
}

/************************** NEWS ********************/

div#main div#main_content div#news
{
	width: 210px;
	float: left;
	text-align: left;
}

ul.newsbox
{
	width:  210px;
	float:left;
	color: #006699;
	list-style-type: none;
	margin-top: -10px;
	padding: 0;
	margin: 0;
}

ul.newsbox li.news_list
{
    text-align: left;
	height: 18px;
	color: #006699;
	background: url(../images/layout/standard/news_aufz_bg.png) no-repeat;
	padding-top: 7px;
	padding-left: 28px;
	list-style-type: none;
}

*>html ul.newsbox li.news_list
{
    text-align: left;
	height: 18px;
	color: #006699;
	background: url(../images/layout/standard/news_aufz_bg.png) no-repeat;
	padding-top: 7px;
	padding-left: 28px;
	margin-left: -18px;
	list-style-type: none;
}


ul.newsbox li.news_list a
{
    text-decoration: none;
	color: #006699;
}

ul.newsbox ul.auf { display: compact; }
ul.newsbox ul.zu { display: none;  }


/***************** ENDE NEWS ***************/


/****************************************************************************************
	* 	BEGINN UNTERMENÜ... IN VERWENDUNG!!!   *
***************************************************************************************/
	#submenue a /* Main menu items */
	{
		text-decoration: none;
		color: #006699;
		font-weight: bold;

	}

	#submenue ul li a /* Sub menu */
	{
		color: #006699;
		font-weight:normal;
	}

	#submenue ul li ul li a /* Sub Sub menu */
	{
		color: #006699;
		font-weight:normal;
	}

	#submenue .activeMenuLink /* Styling of active menu item */
	{
		color:#006699;
	}

	/*	No bullets 	*/
	#submenue li
	{
		width: 187px;
		border-top: #D2E1F1 solid 1px;
		background: url(../images/layout/standard/aufzaehlungspfeil.gif) no-repeat;
		background-position: 12px 8px;
		padding-top: 5px;
		padding-left: 23px;
		padding-bottom: 3px;
		list-style-type: none;

	}

	*>html #submenue li
	{
		width: 185px;
		border-top: #D2E1F1 solid 1px;
		background: url(../images/layout/standard/aufzaehlungspfeil.gif) no-repeat;
		background-position: 12px 8px;
		padding-top: 3px;
		padding-left: 23px;
		padding-bottom: 3px;
		list-style-type: none;
	}

	#submenue
	{
		margin-top: 0px;
		padding:0px;
		padding: 0;
	    margin: 0;
	}

	/* Margin of sub menu items */
	#submenue ul
	{
		margin-left:10px;
		padding: 0;

	}

	#submenue ul li /* Sub menu */
	{
		width: 170px;
		border: none;
		background: none;
		padding-left: 0px;
	}

/*******************ENDE Untermenue****************************************************


/*********************** WETTER-Box ************************/

div#wetter
{
	width: 210px;
	height: 229px;
	background: url(../images/layout/standard/wetter_bg.gif) no-repeat;
}

div#wetter div#wetter_inhalt
{
	width: 200px;
	height: 215px;

	margin:auto;
	margin-left: 7px;
	margin-top: 4px;

	color: #666666;
	font-size: 8pt;
}

div.wetter_vorschau
{
	width: 191px;
	height: 229px;
	background: url(../images/layout/standard/wettervorschaubox.gif) no-repeat;

	float: left;
	margin-bottom: 13px;
	margin-right: 1px;
}

div.wetter_vorschau div.wetter_vorschau_inhalt
{
	width: 180px;
	height: 215px;

	margin:auto;
	margin-left: 7px;
	margin-top: 4px;

	color: #666666;
}

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

div#main div#main_bottom
{
	width: 840px;
	height: 37px;
	background: url(../images/layout/standard/main_bottom.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
}

div#main div#main_bottom a
{
	color: #FFFFFF;
}

/************************ ENDE der MAINBOX!! *******************/


.Stil1 {
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold;
}
.Stil2 {color: #FFFFFF}


/******************** GALLERY **************************************/

	#dhtmlgoodies_slideshow{
		width:530px;	/* Total width of slideshow */
		margin: auto;
	}
	
	#previewPane{
		border:0px solid #000;
		margin-right:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:20px;
		
		
		/* CSS HACK */
		height: 452px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
		
		width:376px;		
		float:left;
				
	}
	
	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float:left;	/* Floating */
		text-align: center;
		margin-top: 17px;
		/* CSS HACK */
		height: 400px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/400px;	/* Other browsers */
		height: /**/400px;
		
		/* CSS HACK */
		width: 144px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/140px;	/* Other browsers */
		width: /**/140px;
				
			/* Black border */		
		padding:1px;	/* A little space between the black border and the content inside */
		
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;
	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
	}
	
	#theImages{	/* DIV where the images are located */
		
		position:relative;
		overflow:hidden;
		height:220px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:4px;	/* Space between images */
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-size: 8Pt;
		text-align:center;
		font-family: Arial, Helvetica, Sans-serif;	/* Font to use */
		
	}
	#theImages .imageCaption{
		display:none;
	}
/************* ENDE GALLERY *******************/