/* ----------- Page Settings ----------- */

html, 
body {
	margin: 0px;
	padding: 0px;
}

a img {
	border: none;
}

h1, h2, h3, .h1, .h2, .h3{
	font-family: Arial;
	color:#93b43a;
	font-weight: normal;
	font-size: 23px;
	margin:0;
	padding:0;
}

h1{
	margin-top: 15px;
}

h3{
	color:#76468f;
	margin-bottom: 10px;
}

/* ----------- Structure ----------- */

#spacertop{
	height:10px;
	width:1px;
}

#container{
	width:960px;
	margin:auto;
	background-repeat: no-repeat;
}

#leftarea{
	width:272px;
	float:left;
}

#rightarea{
	width:687px;
	float:left;
}

#rightareapadding{
	padding-left:23px;
	padding-top: 20px;
}

#logo{
	width: 191px;
	margin:auto;
	margin-top: 20px;
	margin-bottom:30px;
}

#nav{
	height: 345px;
}

#nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-left: 50px;
}

#nav ul ul{
	margin: 0;
	padding: 0;
	margin-left:-25px;
	padding-left:25px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 25px;
	border-top: 1px solid #c8b4d3;
	border-bottom: 1px solid #c8b4d3;
}

#nav ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul ul li{
	line-height: 110%;
}

#nav ul li a{
	font-size: 22px;
	line-height: 125%;
	color: #575756;
	text-decoration: none;
	font-family: Arial;
}

#nav ul ul a{
	font-size: 14px;
	line-height: 110%;
	font-family: Arial;
}

#nav ul li a:hover{
	color: #9871ac;
}

#legendarea{
	background-image:url('../images/graybutton.png');
	background-repeat:no-repeat;
	width:439px;
	height:32px;
	float:left;
}

#printcontent{
	margin-top: 7px;
	padding-right: 40px;
	padding-left: 40px;
	height: 22px;
	text-align: right;
	float:right;
	border-left: 1px solid #aeaeae;
}

#headerimagepadding{
	width: 1px;
	height: 20px;
}

#topbarpadding{
	width:7px;
	height: 1px;
	float:left;
}

#printcontent ul, #printcontent li{
	display: inline;
	list-style:none;
	font-family: Arial;
	margin:0;
	padding:0;
}

#printcontent li a{
	color: #656565;
	text-decoration: none;
	font-size: 13px;
}

#printcontent li a:hover{
	text-decoration: underline;
}

#recommendcontent li a:hover{
	text-decoration: underline;
}

#recommendarea{
	background-image:url('../images/greenbutton.png');
	background-repeat:no-repeat;
	width:197px;
	height:32px;
	float:left;
	text-align: center;
}

#recommendcontent{
	padding-top: 7px;
}

#recommendcontent ul, #recommendcontent li{
	display: inline;
	list-style:none;
	font-family: Arial;
	margin:0;
	padding:0;
}

#recommendcontent li a, #recommendcontent a{
	color: white;
	text-decoration: none;
	font-size: 13px;
}

#headeroverlay{
	z-index: 1;
	position: absolute;
	top: 0;
	margin-left: 603px;
	margin-top:132px;
}

#bottomlinks{
	margin-top: 15px;
	text-align: center;
}

#welcometext{
	text-align: center;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 30px;
	font-size: 13px;
	font-family: Arial;
}

.imageparagraph{
	width: 208px;
	height: 200px;
	float:left;
	margin-right:10px;
}

.textparagraph{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 30px;
	font-size: 13px;
	font-family: Arial;
	border-top: 1px solid #d9e8ef;
	padding-top: 20px;
	padding-bottom: 20px;
	width:600px;
}

.textparagraph-text{
	width:350px;
	float:left;
}

.textparagraph-image{
	float:right;
	margin-right:-30px;
}

#paragraphleftsubpage{
	margin-left: 35px;
	margin-top: 30px;
}

#paragraphleftsubpage img{
	margin-bottom: 10px;
}

#activeitem, .inpath{
	color: #9871ac !important;
}

#legendcontent, #legendcontent a{
	color: #656565;
	font-size: 13px !important;
	font-family: Arial !important;
}

#legendcontent{
	float:left;
	padding-top: 7px;
	padding-left:10px;
}

/* ----------- Clear and Spacing ----------- */

.clear {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0 0 -1px 0;
}

/* -------- Rounded corners -------------- */
#kontakt {
align: center;
}
   /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(../images/rounded.png) no-repeat bottom right;
color: #7d398c;
}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:251px !important; /* IE Win = width - padding */
      width: 236px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto;
margin-right: 10px;
float: left;
}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right 
*/
      padding:10px 0 0px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:5px 0 5px 40px} /* mirror .cssbox_head right/left */
.cssbox_body img{
      margin-left:-20px}