/* CSS Document 
font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
rottom: 981045

*/
html,body, p{margin:0;padding:0}
body{font-family: Georgia, "Times New Roman", Times, serif;
font-size: 80%; 
text-align:left;
color: #393939;
line-height:1.4em;
background: #fff;
}
a {text-decoration:none; outline: none;
}

p{ 
margin: 0px 0px 3px 0px;
}	
h1, h2, h3, h5, h4 {background-color: #fff;font-weight: bold;}	

h1 {font-size: 132%;color: #981045;margin: 25px 0 15px 0;}	
h2 {font-size: 112%;color: #393939;margin: 5px 0 3px 0; }
h3 {font-size: 110%;color:#981045;margin:5px 0 0 0; text-transform: none;padding:0;}	
h4 {font-size: 115%;color: #393939;margin:9px 0 0 0;font-weight: normal;line-height:1.4em;padding:0;}
h5 {font-size: 90%;color: #393939;margin-top: 10px;padding-top:0px;font-weight: normal;}	
h6 {font-size: 77%; color: #666;font-weight: normal;margin: 8px 10px 18px 5px; padding:0 0 14px 0;clear:both;}	

/* -------------------- DIVs --------------------- */ 
div#container{
text-align:left;
width:970px;
margin:0 auto;
background-color:#fff;
margin-bottom:15px;

}
div#topnav{
float:right;
text-align: left;
padding:30px 10px 0px 0;
width: 300px;
margin:0px 0 0px 0;display:inline;
}
#topnav ul li {
display:inline;
margin: 0 15px 0 0;padding:0;text-align:right;
color:#fff;float:right;font-size: 85%; 
}
div#logo{
	float:left;
	width: 325px;
	border:0;
	padding: 33px 0 0px 20px;margin-top:0px;
}

div#header{
height: 5px;
padding: 0px 0 0 0;
margin: 10px 0 20px 0;
border-bottom: 1px dotted #981045;clear:both;
}




div#logo a:link{border:0;
}
div#logo img{border:0;
}

div#content{
float:right;
width: 600px;
height:480px;
background-color: #fff;
margin: 0 30px 5px 30px;
padding: 0 10px 30px 10px;
text-align:left;
align:absmiddle;
}

div#content p{
text-align:left;margin: 0 50px 5px 0px;
}

#content img {border: 1px solid #999; padding: 0px;  margin:0px;background: #eee; text-align:center;}


####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {width: auto;display:block;clear:both;border-right:1px solid #000;margin-top:100px;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0px;
}

/* Header menu */	 
#nav_menu {position: absolute; margin: 100px 0 0 0;background:#fff;display:block;width:155px;font-weight:bold;}
#nav_menu li {display:block;}
ul#nav_menu  {z-index: 10; clear: both;display:block;}

#nav {
	/*height: 1em; */
	background: #fff;
	padding:0;list-style-type:none;float: left;font-size:120%;margin: 100px 0 0 60px;
}

#nav li {
	display:block;width:155px;
}

#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	float:left;font-size: 95%;color:ccc;width:155px;
	/*
	(Disappearing List-Background)padding: 0 .1em 0em .4em;
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {display:block;list-style-type:none;float: left; color: #333; text-align: left; font-weight: normal;line-height:1.6em;}
#nav ul li a {display:block;background: #fff; padding: 0px 10px 0px 0px; color: #333; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background: #fff; color: #981045; }
#nav li a:active, #nav ul li a.active {background: #fff;color: #4b4c4d; }

/* Current page Customisations*/
#nav li.menu-current a		{background: #fff;  }
#nav li.menu-current a		{font-weight: normal;color: #981045;} 

/* 2nd Child menu */
#nav .menu li ul {position: absolute; margin: 0; display: none;color:#ccc;padding:0;}
#nav .menu li ul li { text-align:left; margin: 0; padding: 0; color:#333;}
#nav .menu li ul a { background: #fff; color: #ccc; border: 0;color:#333;}


/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #981045; background: #fff; border: 0;}
#nav .menu li a:hover {color: #981045; background: #fff; border: 0;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;color: #981045;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{padding: 0 .1em 0.4em; background: #fff; color: #333;}

/* Positioning the Pop-out Drops */
#nav li {float:left; background:#fff;position:relative;color:#555;font-size:90%;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

.menu-expand{
	margin-top:8px;
}

/* end menu */


/* -------------------- LINKS ---------------------*/
ul li {
list-style-type: none;
margin:0;padding:0;
}

a:link {
	font-style: normal;
	color: #393939;
	text-decoration: none;
	border-bottom: 0px dotted #2D61A8;
	}

a:visited {
	font-style: normal;
	color: #333;
	text-decoration: none;border-bottom: 0px dotted #2D61A8;
} 

a:hover{
	font-style: normal;
	color: #981045;
	text-decoration: none;border-bottom: 1px dotted #ccc;
} 
	
a:active{
	font-style: normal;
	color: #393939;
	text-decoration: none;border-bottom: 0px dotted #2D61A8;
} 
	
#topnav ul li a:link {
	font-style: normal;
	color: #666;
	text-decoration: none;
	border-bottom: 0px dotted #2D61A8;
	}






/* -------------------- IMAGE LINKS--------------------- */
a:link  {
border: none;text-decoration:none;
padding: 0;
margin: 0;
}
#logo img {
border: none;text-decoration:none;
padding: 0;
margin: 0;
}
#logo a:link, a:visited, a:hover, a:active{
border:0;text-decoration:none;
}



/*------------------Bildunterschriften und Seitenwechsel ---------------------*/

div #rechts img{
float:right
width:100px;
padding: 0px 0px 0px 0px;
margin-bottom:5px;
border: none;text-decoration:none;
}

#rechts p{ 
font-size:95%;
margin: 0px 0px 0px 0px;
}
div #bildunterschriften{
text-align:center;

}
	
	
	/* -------------------- NACH OBEN --------------------- */

#unten a:link{
	margin: 30px 5px 0px 5px;
	width:430 px;
padding-top:10px;border-top:0px dotted #2D61A8;
color: #666;}


#unten h5{
border-top:1px solid #ccc;
}


/* -------------------- FOOTER --------------------- */


#footer{color: #666;clear:both;text-align: center;font-size:80%;padding: 10px 0px 15px 270px;margin: 0  0px 0 0px;width:74%;height:20px;border-top: 1px dotted #981045;}

#footer a:link {color: #981045;}


#myGallery
{
	width: 460px;
	height: 345px;
	z-index:5;
	display: none;
	border: 0px solid #fff;background-color: #fff;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url();
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 13px;
	margin: 0;
	margin: 4px 5px;
	font-weight: bold;
	color: white;
	text-align: left;

}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 10px;
	margin: 7px 5px;
	color: #eee;
	text-align: left;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #fff;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }

.noborder{
border:0;text-decoration:none; outline: none;
}