/* CSS Document */
/* CSS Document */

.clear {clear:both;}

/* Reset der Browserwerte */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, 
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	/*
	font-size: 100%;
	*/
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* Allgemeine Elemente */
body {
	line-height: 1;
	color: black;
	background: #d8d9da;
	text-align:center;
	background-image:url(/cms/images/hintergrundkachel.jpg);
	background-repeat:repeat-y;
	background-position:center;
        font-family: arial,helvetica;
}
ol, ul {
/*
	list-style: none;
*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}


/* Rahmen der Seite */
#rahmen {
	/*width:46.5em;*/
        width:744px !important;
        max-width:744px;
	margin:auto;
}


/* Headerelemente */
#header {
	background-color:#fff;
	/*height:7.75em;*/
        height:124px;
        width:744px;
	background-image:url(/cms/images/hg-header.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#header #headernavi {
	float:left;
	padding-top:7em;
	padding-left:2em;
	font-size:0.7em;
}

#header #logo {
	float:right;
}

#Bildleiste {
	text-align:left;
        height: 283px;
        min-height: 283px;
}


/* Contentelemente */
#content {
	/*padding-top:2em;*/
        padding-top:30px;
}

/* LINKS */
#content #links{
	float:left;
	/*width:8.75em;*/
        width:140px;
}

/* RECHTS */
#content #rechts{
	float:right;
	/*width:37.75em;*/
        width:604px;
}

/* RECHTS */

/* Linker Teil im rechten Contentbereich */
#navigation{
	float:left;
	/*width:7.5em;*/
        width:120px;
	text-align:right;
	margin-right:2em;
	border-bottom:1px dotted black;	
}

.navi a{
	font-size:0.8em;
	color:black;
	text-decoration:none;
}

.navi a:hover{
	font-size:0.8em;
	text-decoration:none;
	color:#9586b8;
	font-weight:bold;
}

.navi{
	border-top:1px dotted black;	
	padding-top:0.2em;
	padding-bottom:0.2em;
}

.navi .navileft_open{
	font-size:0.8em;
	text-decoration:none;
	color:#9586b8;
	font-weight:bold;
}

.navi .navileft_active{
	font-size:0.8em;
	text-decoration:none;
	color:#9586b8;
	font-weight:bold;
}


.navisecond{
	padding-top:0.2em;
	padding-bottom:0.2em;
}

.navisecond a{
	font-size:0.6em;
	color:black;
	text-decoration:none;
}

.navisecond a:hover{
	font-size:0.6em;
	text-decoration:none;
	color:#9586b8;
}

.navisecond .navileft_active{
	font-size:0.6em;
	text-decoration:none;
	color:#9586b8;
	}




/* Rechter Teil im rechten Contentbereich */
#content #rechts #inhalte{
	float:right;
	/*width:26.25em;*/
        width:415px;
	text-align:left;
        /*padding-right:2em;*/
        padding-right:20px;
}

#content #rechts #inhalte h1{
	color:#9586b8;
	font-weight:bold;
	padding-bottom:0.5em;
	font-size:1.2em;
}

#content #rechts #inhalte h2{
	color:#9586b8;
	padding-bottom:0.5em;
	font-size:1em;
margin-top:0.8em;
}


#content #rechts #inhalte p{
	font-size:0.8em;
	color:black;
	line-height:1.2em;
margin-bottom:0.8em;
}

#content #rechts #inhalte .content{
	font-size:0.8em;
	color:black;
}

#content #rechts #inhalte .formular{
	font-size:0.8em;
	color:black;
}

#content #rechts #inhalte ul{
	line-height:1.2em;
	font-size:0.8em;
margin-top:0.8em;
}

#content #rechts #inhalte li{
	margin-left:2em;
	list-style-image:url(/cms/upload/bullets/li-style-image-pyramide.gif);
	padding-bottom:1em;
	
}

#content #rechts #inhalte a{
	color:black;
	font-size:inherit;
	text-decoration:underline;
}

#content #rechts #inhalte a:hover{
	color:#9586b8;
	text-decoration:underline;
}