/*<!--pink = B61F7E Lila=723067 orange = F89C1E weiss = fff blu-gruen-schwarz=#2E73AF;  5A5D60 darkgrey
9E9D9D grey
1F8BE4 blue
blau grey 61A8D8
light bleu 8CC4EA
B846BF rose
grau 7A7D86
tuerkis 1F8BE4
dunkel grau 3E3947
lilagrau 735360
dunkles alt rosa D68684
altrosa F1B0B0
pinkbeige EBD0C4

-->*/


body {
	margin: 0;
	padding: 0;
	/*positioniert wrap-block nach links*/
	padding-left: 9em;
	
/*	background: #FDD9A7;7F7F7F*/
	background: #5A80B1;
	font-family: Helvetica, sans-serif;
	line-height: 1.4em;

}

/* Use a single rule for elements that share the same properties */
h1, h2, h3, p, ul, li {
	margin: 0;
	padding: 0;
}


a img {border: none;}


h1, h2{

	padding: 5px;

	text-align: center;
	
	/*background: #F89C1E;
	border-top: 2px solid #723067;
	border-bottom: 2px solid #723067;*/
	
}

p, h3 {
	margin: 0 0 10px 0;
	color: #020E30;
}


#wrap {
	margin: 0 auto;
	margin-top: 40px;
	margin-left: 50px;
	margin-bottom: 40px;
	padding: 10px;
	width: 800px;
/*	background: #B61F7E url('Backround_image2.png') no-repeat 255px 125px;
	background: #07295E;637D9E;6997D3;F1F1F1
	/*opacity:0.8;
	filter:alpha(opacity=40)*/
	background: #CCD4EA;/*fliederT:C39ACC;9E91C0; beigeToene:CABBAD;FFFCDA;D4CCB6 graublau:B6BDD4,hellBlau:C0BEEB*/
	border: 5px solid #0A1331;
	position: absolute;
	
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;

}


/*Use background images in CSS to add visuals
to text
*/

#header h1 {
	padding: 15px 0px 0px 3px;
	color: #020E30;
	font-weight: normal;
	/*spezieller Schriftfont fuer skat'n roll*/
	font-family: Brush SCript mt, serif;
	font-size: 6em;
	text-align: center;

	/*letter-spacing: -1px;
		border-bottom: 2px solid #723067;
	border-width-length: 5px;
	margin-left: 4pt;
margin-right: 8pt;*/

}

#header h2 {
	padding: 20px 10px 10px 10px;
	color: #020E30;
	/*background: url('../images/dot.png') no-repeat 10px 50%;*/
	font-weight: normal;

	text-align: center;

	border-bottom: 5px solid #0F1425;
	margin: 0px -10px 0px -10px;
	

}

#nav {
 	margin: 0px 5px 10px 5px;
	padding:0px 10px 0px 10px;
		-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	/*height: 50px;

	background: #B61F7E;
	border: 4px solid #F89C1E;*/    
	
}

/*
By default, list items are displayed as a block. We can
override that style with "display: inline" which will cause
the list items to appear next to each other.
*/
#nav ul li {
	display: inline;
	background: #202F5A; /*2A3C53;*/
	border-right: 1em solid #8EA2DA;
	margin: 10px 80px 10px 10px;
	padding: 2px 20px 5px 3px;
}


#nav ul>li:hover{
	display: block;
	background: #F89C1E;
	border-right: 1em solid #1F8BE4;
	margin: 10px 5px 1px 10px;
	padding: 2px 2px 5px 3px;
}


#nav ul li:hover li{
	display: block;
	background: #F89C1E;
	border-right: 1em solid #723067;
	margin: 1px 1px 1px 1px;
		padding: 2px 2px 2px 2px;

	

}


/*layout fuer subnavi*/
#nav li li {
	display: block;
	
	background: #F89C1E;
	border-bottom: 1px solid #0F1425;
	margin: 1px 1px 1px 1px;
		padding: 2px 2px 2px 2px;
	font-size: small;	

}



#nav a {
	color: #fff;
	/*font: bold 2em "Myriad Pro", Veranda, Arial, sans-serif:*/
	font: bold 3em Didot, serif;

	font-size: 1em;

	text-decoration: none;
}

/* Standard float positioning */
#contentmain {
/*display: right;*/
	margin: 10px 0 10px 0;
margin-left: 4em;
	padding: 10px 0px 0px 10px;
	float: left;
	width: 585px;
	height: 300px;
	color: #fff;
/*	border: 3px solid #871F36;*/
	background-image:url('Backround_image2.png');
	background-repeat:no-repeat;
background-position:top left;

/*	background: url('Backround_image2.png') no-repeat 255px 125px;*/
}
#contentmain li{
list-style-position:inside;
color: #202F5A; /*2A3C53;*/
}

#contentimage{
	
background-image:url('Backround_image2.png');
background-repeat:no-repeat;
background-position:top left;
margin-right:200px;
}


#content {
margin: 5px 0 5px 0;
margin-left: 11em;
text-align: left;
}

.img
{
  margin: 2px 10px 0 10px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	

.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}

.img a:hover img {border: 2px solid #723067;}

.desc
{
  text-align: center;
  font-weight: normal;
  width: 140px;
  margin: 2px;
}




#sidebar {
	margin: 0px 0 0 0;
	padding: 10px;
	float: left;
}

#sidebar ul {
	margin: 0 0 40px 0;
}

#sidebar li {
list-style-position:inside;
}

#sidebar p {
	padding: 5px;
	background: #8EA2DA;
	border-bottom: 2px solid #ddd;
	font-weight: normal;
}

/*
Remember to "clear: both" when positioning elements
below floated elements.
*/

#footer {
	clear: both;
/*	width: 200px;
	left: 100em;
	padding: 2px 2px 2px 2px;*/
	margin: 0px -10px -10px -10px;
	padding: 0px;
	background: #202F5A; /*2A3C53;
	/*border-bottom: 2px solid #ddd;*/
}

#footer p {
	/*margin: 2px 2px 0px 0px;*/
		margin: 0px;
	text-align: right;
	color: #C1C9E1;
}