
/*
mediasinres 2010
*/
html { font-size: 62.5%; height: 100.3%; }
* {margin: 0px; padding: 0px; border: 0px;}
body { margin: 0; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #333; line-height: 1.7em; background-image: url(images/musica_klein.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: center top; }
h1, h2, h3 {
}
h4 { color: #d8000a; font-size: 175%; font-family: Times, serif; font-weight: normal; line-height: 1.3em; background-image: url(images/head_back.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; text-align: left; letter-spacing: 0.05em; margin-bottom: 20px; padding-top: 5px; padding-left: 10px; border-bottom: 1px solid #d8000a; }
h5 { color: #524109; font-size: 165%; font-family: Times, serif; font-weight: normal; letter-spacing: 0.04em; margin-bottom: 15px; padding-top: 15px; padding-bottom: 5px; padding-left: 0; border-bottom: 1px solid #524109; }
h6 { color: #524109; font-size: 125%; font-family: Times, serif; font-weight: normal; text-align: left; margin-bottom: 10px; padding-top: 5px; }
p, ul, ol {
	margin-bottom: 20px;
	line-height: 1.7em;
}
blockquote { margin: 20px 0; background: url(images/curly_left.gif) no-repeat; width: 350px; padding-left: 35px; }
blockquote p { background: url(images/curly_right.gif) no-repeat right bottom; color: #524109; font-style: italic; text-align: left; padding-right: 35px; }
ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a {
	text-decoration: none;
	color: #d8000a;
}

a:hover {
	text-decoration: underline;
	color: #d8000a;
}
span.hilite { background: #fff url(images/span_Init2.gif) no-repeat left bottom; padding: 10px 45px 5px 0; }
/* Wrapper */

#wrapper {  }
/* Header */

#header { font-family: Arial, Verdana, Helvetica, sans-serif; text-align: right; width: 940px; height: 105px; margin: 0 auto; }
/*Navigation
*/

#menu { background-color: #d8000a; width: 940px; height: 40px; margin: 0 auto; }

#menu ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
	text-align: center;
}

#menu a { display: block; float: left; height: 25px; margin-right: 1px; padding: 15px 20px 0; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 90%; font-weight: bold; color: #fcf5de; }
#menu a:hover { color: #ffdead; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-top: -5px; border-top: 5px solid #b9010a; }
#menu .active a { color: #ffdead; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-top: -5px; border-top: 5px solid #b9010a; }
#mainpic { width: 940px; height: 255px; margin: 0 auto; }
/* Page */
#page { background-color: #fff; width: 940px; margin: 0 auto; padding-top: 30px; }
/* Content */

#content {
	float: right;
	width: 640px;
}
.rightcol { line-height: 1.7em; float : right; width : 290px; text-align : justify; overflow: visible; margin: 0 0 30px; }
.ort { color: #524109; line-height: 1.7em; background-color: #fdf9eb; text-align: justify; width: auto; margin: 0 0 30px; overflow: visible; float: left; padding: 10px 15px 5px; border-top: 1px dotted #6b5512; border-bottom: 1px dotted #6b5512; border-left-style: dotted; }
.ort img { margin: 5px 20px 0 0; padding: 2px; max-width: 99%; float: left; }
.leftcol { line-height: 1.7em; text-align: justify; margin: 0 0 30px; width: 290px; float: none; }
.tipsright { line-height: 1.9em; text-align: left; margin: 0 0 30px; width: 290px; float: left; }
.bildcol { float:left; max-width: 99%; margin: 5px 0 10px 0; padding:2px; border: solid 1px #feefc0; }
.maintext { line-height: 1.7em; margin: 0 0 30px; }
.maintext .text {
	padding: 0 0 20px;
}
.maintext .texthilite { background-color: #fcf5de; padding: 10px 20px 20px; border-color: #ccc; border-width: 1px; }
.maintext .MF_kasten { background-color: #fefbf2; margin: 0; padding: 10px 15px 0; border: solid 1px #ccc; }
.maintext .MF_kasten img { float: none; padding: 10px 10px 10px 60px; border: solid 1px #fefbf2; }
.maintext img { float: left; max-width: 99%; margin: 5px 20px 5px 0; padding: 2px; }
.maintext .more {
	text-align: right;
	padding: 0 0 20px;
	color: #202020;
}
.maintext .bildtext {width: 320px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #8f9396; clear: both; position: relative; left: 0; top: 0; margin: 5px 0 0; padding: 0 0 12px; }
.karten { float: right; font-weight: normal; text-align: right; }
.bildunter { font-size: 80%; font-style: italic; }
.linkbox { background: #fdf9eb; float: right; border: solid 1px #ddd; padding: 10px; margin: 5px 0 10px 25px; }
.infobox { color: #333; font-size: 90%; line-height: 1.7em; background-color: #fdf9eb; background-image: none; background-position: 0 0; text-align: left; width: 200px; margin-top: 20px; padding: 0 20px 15px; border: dotted 1px #888; }
.bezirk { color: #383838; font-size: 90%; line-height: 1.7em; background-color: #fff; background-image: none; background-position: 0 0; text-align: center; margin-top: 20px; padding: 20px 20px 15px; width: 200px; border: dotted 1px #888; }
.iframe { background-color: #fff; width: 200px; height: 1000px; margin: 0; padding: 0; }
.infobrown { color: #6b5512; background-image: none; background-position: 0 0; text-transform: uppercase; text-align: left; }
.subbrown { color: #826717; font-size: 120%; font-family: serif, times; background-image: none; background-position: 0 0; text-align: left; }
.kuenstler { color: #d8000a; background-image: none; background-position: 0 0; text-align: left; }
div.line { height: 1px; margin: 10px 0; border-bottom: 1px dotted #888; }
/*Subnavileft
*/
#leftbar { margin: 0; padding: 0 30px 30px 0; width: 240px; float: left; }
#leftbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
#leftbar li {
	margin-bottom: 1px;
}
#leftbar li ul {
	margin: 0;
	padding: 0 0 10px;
}
#leftbar li li { margin: 0; padding: 9px 0; border-bottom: 1px dotted #888; border-top-style: none; border-right-style: none; border-left-style: none; }
#leftbar h2 { margin: 0 0 10px; font-size: 160%; font-weight: normal; color: #515151; padding-bottom: 0; border-bottom: 1px solid #d8000a; }
#leftbar h3 { color: #110404; font-size: 160%; font-weight: normal; background-color: #ffebc1; padding-left: 16px; }
#leftbar p { margin: 0; line-height: normal; color: #4a4949; background-color: #ffebc1; padding: 16px; }
#leftbar a { text-decoration: none; color: #d8000a; border-style: none; }
#leftbar .active { color: #d8000a; text-decoration: underline; }
#leftbar a:hover {
	text-decoration: underline;
}
/* Footer */

#footer {
	margin: 0 auto;
	padding: 15px 0;
	background: #feefc0;
	color: #686767;
}
#footer p { color: #686767; font-size: 90%; text-align: center; margin: 0; }
#footer a {
	text-decoration: underline;
	color: #d8000a;
}

#footer a:hover {
	text-decoration: none;
}
/*Formular
*/
#myform fieldset, #myform input, #myform select, #myform textarea {border: solid 1px #ccc;}
#myform fieldset, #myform label, #myform input, #myform select {display: block;}
#myform fieldset { background-color: #fcf5de; width: auto; margin-top: 2em; margin-right: 0; margin-bottom: 2em; padding: 1em; }
#myform fieldset legend {font-style: normal; font-size: 120%; color: #d8000a;}
#myform fieldset fieldset {width: auto; margin: 0 0 1em; padding-bottom: 0; background: #fcf5de;}
#myform fieldset fieldset legend { color: #d8000a; font-size: inherit; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; }
#myform label {
	margin-bottom: 1em;
	font-weight: normal;
	text-indent: 0.6em;
}
#myform fieldset.radio label {font-weight: normal;}
#myform fieldset.checkbox { font-weight: normal; }
#myform fieldset.anrede label {float: left; width: 8em;}
#myform input {
	width: 400px;
	padding: 0.2em 0.6em 0.3em;
}
#myform textarea { font-size: 12px; font-family: sans-serif; padding: 0.2em 0.6em 0.3em; width: 400px; height: 200px; border: solid 1px #ccc; }
#myform fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
	margin: 0.4em 0.4em 0em 0em;
}
#myform input#submit { background-color: #fff; width: 21.4em; margin-top: 2em; border-color: #cccccc #cccccc #999999 #999999; border-style: solid; border-width: 2px; }
#myform input#submit:hover { background: #fff; color: #d8000a; text-decoration: underline; }
.newsletter { color: #383838; font-size: 90%; line-height: 1.7em; background-color: #fff; background-image: none; background-position: 0 0; text-align: left; margin-top: 20px; padding: 0 20px 5px; width: 200px; border: dotted 1px #888; }
#newsletter input#email { background-color: #fdf9eb; width: 180px; margin-bottom: 10px; padding: 0.2em 0.6em 0.3em; border: solid 1px #888; }
#newsletter input#radio { width: 30px; }
#newsletter input#submit { color: #d8000a; background-color: #fff; text-align: center; width: 180px; margin-top: 1em; padding: 2px; border-color: #cccccc #cccccc #888 #888; border-style: solid; border-width: 1px; }
#newsletter input#submit:hover { background: #fff; color: #d8000a; text-decoration: underline; }

