/* CSS Document */



/*anfang reset*/	

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 2;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	color: #000;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 16px;
	font-weight: bold;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
	quotes: "" "";
	text-align: justify;
}
/*ende reset*/


  body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: normal;
	background-image: url(bilder_melodi/hintergrundverlauf5.jpg);
	background-repeat: repeat;
}



#page{
	position: relative;
	margin: 0 auto;
	width: 900px;
	}
	
#header{ 
position:relative;
width:900px;
background-image:url(bilder_melodi/brand_md.jpg);
height:220px;
	background-color:#FFF;
	margin-top:20px;
/*	padding-top:20px;*/
	}
	
#scroll {
	position: absolute;
	overflow: auto;
	height: 202px;
	width: 377px;
	padding: 5px;
	color: #333;
	right: 4px;
	top: 13px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #aaa;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
	border-left-color: #aaa;
}

#scroll a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
#scroll a:active{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
#scroll a:visited{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#scroll a:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7AAFBD;
	font-weight: bold;
	text-decoration: none;
}

#scroll ul{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: square;
	margin-left: 10px;
	padding: 3px;
}

#scroll h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin-left: 10px;
	font-style: italic;
	color: #FF0000;
}

#menuleiste{
	width: 880px;
	margin-top: 6px;
	height: 30px;
	background-color: #d9e8ec;
	padding: 6px;
}
/* We remove the margin, padding, and list style of UL and LI components */
#menu ul, #menu ul li{
    margin:0;
    padding:0;
    list-style:none; 
	
}

/* We float the li list to the left and apply background color and border right white and set the height to 25px. Note you can ignore the height if you do not want
*/
#menu ul li{
	float: left;
	width: auto;
	margin-right: 5px;
	background-color: #7aafbd;
	border-right: solid 1px grey;
	border-bottom: solid 1px grey;
	font-weight: bold;
	height: auto;
	line-height: 25px;
}


#menu ul li:hover{
    background-color:#7aafbd;
    position:relative;
}


#menu ul li a{
    padding:0px 15px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}


#menu ul li ul{
    position:absolute;
    display:none;
}


#menu ul li:hover ul{
    left:0;
    top:25px;
    display:block;
	}


#menu ul li ul li{
    float:none;
    width:127px;
	height:auto;
    background-color:#7aafbd;
}


#menu ul li:hover ul li:hover{
	background-color:#b2d1d9;

}


#menu ul li ul li a{
	color:#000;
    display:inline-block;
    width:127px;
}


#menu ul li:hover ul li ul{
    position:absolute;
    display:none;
}


#menu ul li:hover ul li:hover ul{
    display:block;

    left:127px;
    top:0;
}


#menu ul li:hover ul li:hover ul li{
    background:#b2d1d9;
	height:auto;
	width:auto;

}


#menu ul li:hover ul li:hover ul li:hover{
    background:#d9e8ec;

}


#menu ul li:hover ul li:hover ul li a{
    color:#000;
}


.clear{
	clear: both;
	color: #C30;
	font-weight: bold;
}







	
#content{
	width: 680px;
	margin: 10px 0px 10px 0px;
	float: left;
	background-color: #f1f6f9;
	padding: 10px;
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#content_textbox{
	padding: 6px;
	float: right;
	margin: 10px;
	;
	background-color: #d8dfe0;
	margin: 10px;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
}

#content_textbox h4 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;
font-weight:bold;}

.content_textbox a:visited{color:#7aafbd;
	text-decoration:none;}
.content_textbox a:hover {
color:#7aafbd;
font-weight:bold;
text-decoration:none;}
	
.content_textbox a {
color:#7aafbd;
font-weight:bold;
text-decoration:none;}

.content_textbox a:active{
	color:#FFF;
	text-decoration:none;}	



#content_textbox_white{ 
padding:10px;
float:left;
margin:10px;

background-color:#FFF;
margin:10px;
}

#content_textbox_white h4 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;
font-weight:bold;}

.content_textbox_white a:visited{color:#7aafbd;
	text-decoration:none;}
.content_textbox_white a:hover {
color:#7aafbd;
font-weight:bold;
text-decoration:none;}
	
.content_textbox_white a {
color:#7aafbd;
font-weight:bold;
text-decoration:none;}

.content_textbox_white a:active{
	color:#FFF;
	text-decoration:none;}	

#content_boxgrey{
	padding: 5px;
	background-color: #d8dfe0;
	margin: 10px;
	color: #C30;
	font-weight: bold;
}

#content_boxgrey h4 {padding-top:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;
font-weight:bold;}

#content_grafik_box{
	float:right;
	margin:10px;}


#content_clear{clear:both;}

#content_boxwhite{
	padding: 3px;
	margin: 10px;
	background-color: #f1f6f9;
	font-style: italic;
}

#content_boxwhite h4 {padding-top:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;
font-weight:bold;}

.list li {
	display:inline;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
}

#content h1 {
	margin: 15px;
	padding-top: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	font-weight: bold;
	text-align: left;
}
	
#content h2 {
	margin: 10px 10px 10px 15px;
	padding-top: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: normal;
	color: #F00;
}

#content h3 {
margin:10px 10px 10px 15px;
padding-top:18px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
line-height:normal;
font-weight:bold;}


#content h4 {
	padding-top: 3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #000;
	margin: 10px;
}

#content ul {
	margin: 2px 2px 2px 30px;
	padding-top: 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: normal;
	list-style: square;
}

#content li {
	padding-top: 4px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: normal;
	list-style: square;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 30px;
}

#content p {
	padding-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	text-align: left;
	margin: 0px;
}

#content a, a:visited, a:hover, a:active{
	color: #3638E3;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
}

#float{ margin:10px 0px 10px 0px;
width:200px;
	float:right;}
	
#navi_rechts{width:170px;
margin:0px 10px 10px 10px;
	background-color:#f1f6f9;
	padding:10px;
	}
#navi_rechts h3 {
margin:5px 5px 5px 3px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;}
#navi_rechts p {
margin:5px 5px 5px 3px;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
line-height:normal;

}

.navi_rechts ul {}
.navi_rechts li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:2px 2px 2px 2px;  /*Position des Listenelements (der BlockBox) im Navicontainer */

	width:160px; /*Breite in der BlockBox */
	height:34px; /*Höhe in der BlockBox */
	background-color:#d9e8ec; /*Farbe in der BlockBox */
	text-align:left;
	padding-left:3px;	
		border-right:solid 1px grey;
	 border-bottom:solid 1px grey;}
	 
	 
	 
	 
	 
.navi_rechts a, a:visited{
	color:	#000;
	text-decoration:none;
	}

.navi_rechts a:hover {
color:#7aafbd;
font-weight:bold;
text-decoration:none;}
	
.navi_rechts a:active{
	color:#FFF;
	text-decoration:none;}

#infobox1{width:170px;
margin:0px 10px 10px 10px;
	background-color:#f1f6f9;
	padding:10px;
	}
#infobox1 h3 {
margin:5px 5px 5px 3px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;}
#infobox1 p {
margin:5px 5px 5px 3px;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
line-height:10px;

}

.infobox1 ul {}
.infobox1 li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:2px 2px 2px 2px;  /*Position des Listenelements (der BlockBox) im Navicontainer */

	width:160px; /*Breite in der BlockBox */
	height:34px; /*Höhe in der BlockBox */
	background-color:#d9e8ec; /*Farbe in der BlockBox */
	text-align:left;
	padding-left:3px;	
		border-right:solid 1px grey;
	 border-bottom:solid 1px grey;}
	 
	 
	 
	 
	 
.infobox1 a, a:visited{
	color:	#000;
	text-decoration:none;
	}

.infobox1 a:hover {
color:#7aafbd;
font-weight:bold;
text-decoration:none;}
	
.infobox1 a:active{
	color:#FFF;
	text-decoration:none;}	

#infobox{width:170px;
margin:0px 10px 10px 10px;
	background-color:#f1f6f9;
	padding:10px;
	}
#infobox h3 {
margin:5px 5px 5px 3px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;}

.infobox ul {}
.infobox li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:2px 2px 2px 2px;  /*Position des Listenelements (der BlockBox) im Navicontainer */

	width:160px; /*Breite in der BlockBox */
	height:34px; /*Höhe in der BlockBox */
	background-color:#d9e8ec; /*Farbe in der BlockBox */
	text-align:left;
	padding-left:3px;	
		border-right:solid 1px grey;
	 border-bottom:solid 1px grey;}

.infobox a:visited{color:#7aafbd;
	text-decoration:none;}
.infobox a:hover {
color:#7aafbd;
font-weight:bold;
text-decoration:none;}
	
.infobox a {
color:#7aafbd;
font-weight:bold;
text-decoration:none;}

.infobox a:active{
	color:#FFF;
	text-decoration:none;}	
	
	
		
#imprint{width:880px;
background-color:#f1f6f9;
text-align:right;
margin-top:10px;
clear: both;
	padding:10px;
}
#imprint a, a:visited, a:hover, a:active{
	color:	#000;
	font-weight:bold;
text-decoration:none;}
#page #content ul li a {
	font-size: 14px;
	color: #00C;
}
#page #header #scroll ul li a {
	color: #C30;
}
#page #header #scroll ul li a {
	color: #000;
}
#page #header #scroll ul li {
	color: #F00;
}
#page #header #scroll ul li {
	color: #000;
	text-transform: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
#page #header #scroll ul li a {
	font-weight: bold;
}
#page #content #content_boxgrey p {
	font-weight: bold;
	color: #000;
}
#page #content #content_boxgrey .clear {
	color: #E59C36;
}
#page #content #content_boxgrey .clear {
	color: #C00;
}
#page #content blockquote .MsoNormal span {
	text-align: justify;
}
#page #content #content_boxgrey .MsoNormal strong span {
	font-weight: bold;
}
#page #content .MsoNormal span strong {
	font-weight: bold;
}
#page #content .MsoNormal span strong {
	color: #F00;
}
#page #content #content_boxgrey ul li {
	font-size: 14px;
}
#page #header #scroll ul li a span strong {
	font-weight: bold;
}
#page #content ul .MsoNormal {
	font-family: Verdana, Geneva, sans-serif;
}
#page #content ul .MsoNormal {
	font-size: 12px;
}
#page #content ul li a {
	font-family: "Times New Roman", Times, serif;
}
#page #content ul li a {
	font-size: 12px;
}
#page #content ul li {
	font-family: "Times New Roman", Times, serif;
}
#page #content ul li {
	font-size: 12px;
}
#page #content ul li strong a u {
	font-size: 14px;
}
#page #content ul li a {
	font-family: "Times New Roman", Times, serif;
}
#page #content ul li a {
	font-size: 14px;
}
#page #content ul li {
	font-family: "Times New Roman", Times, serif;
}
#page #content ul li {
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
}
#page #content ul li {
	font-family: "Times New Roman", Times, serif;
}
#page #content ul li {
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
}
#page #content ul li strong a {
	font-size: 14px;
}
#page #content ul li {
	font-size: 14px;
}
#page #content #content_boxgrey p {
	color: #F00;
}
#page #header #scroll ul li span {
	font-weight: bold;
}
#page #header #scroll ul li span .clear {
	color: #000;
}
#page #header #scroll ul li a {
	line-height: 18px;
	color: #000;
}
#page #header #scroll ul li span strong a {
	font-weight: bold;
}
#page #header #scroll ul li span strong a {
	font-weight: bold;
}
#page #content #content_boxgrey p .content_textbox {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
#page #content h1 u {
	font-weight: normal;
}
#page #content #content_boxgrey h4 {
	color: #F00;
}
#page #header #scroll ul li ul ul li a u {
	color: #F00;
}
#page #header #scroll ul li a {
	color: #F00;
}
#page #header #scroll ul li a {
	color: #000;
}
#page #header #scroll ul li span strong {
	font-weight: bold;
}
#page #header #scroll ul li ul ul li a {
	color: #F00;
}
#page #content #content_boxgrey p {
	font-weight: normal;
}
#page #content #content_boxgrey p {
	color: #000;
}
#page #content #content_boxwhite p {

}
#page #content #content_boxwhite p {
	font-style: italic;
}
#page #content #content_boxwhite p {
	font-style: normal;

}
#page #content #content_boxgrey p {
	font-style: italic;
}
#page #content #content_boxgrey p {
	font-style: normal;
}
#page #content #content_boxwhite blockquote p a {
	color: #FF0000;
}
#page #content blockquote p {
	color: #F00;
}
#page #content blockquote p {
	color: #000;
}
#page #content blockquote p {
	color: #800000;
}
#page #content blockquote .clear {
	color: #000;
}
#page #content blockquote p {
	color: #000;
}
#page #content blockquote .clear {
	color: #F00;
}