body {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;background: #B0B4B6;margin: 0; padding: 0;text-align: center; color: #000000; height:100%}

#container { width: 1000px; height: 630px; margin: 0 auto; text-align: left; position: absolute; left: 50%; top: 50%; margin:-315px 0px 0px -500px; background: #FFFFFF }

#mainContent { height:449px; font-size: 75%; line-height: 140%; padding: 0; background: #FFFFFF; border-bottom: 1px solid #D3D3D3 }

#mainContent h1 span.textreplacement {  display: none;    }

/*CONTENT RECHTS*/
#contentrechts { height:319px; width: 500px; overflow: auto; float:right; background-color: #19B8D6; background-image: url(/fileadmin/templates/rhythmmatters/bilder/back.jpg); background-repeat: no-repeat; padding: 130px 25px 0 25px; }
#contentrechtsFull { height:419px; width: 500px; overflow: auto; float:right; background-color: #19B8D6; background-image: url(/fileadmin/templates/rhythmmatters/bilder/back.jpg); background-repeat: no-repeat; padding: 30px 25px 0 25px; }

#contentrechts h1, contentrechtsFull h1 { font-size: 140%; font-weight:bold; margin:0 0 12px 0; color:#FFFFFF}

#fotolinks { height:449px; width: 450px; background: #FFFFFF; float:left}

/*CONTENT RECHTS ENDE*/

div.warnbox {border: 2px solid red; padding: 5px; background: #eeeeee; margin-bottom: 10px; }
div.warnbox h1 {font-weight: bold; color: red !important; font-size: 16px;}

/*CONTENT LINKS*/
#contentlinks { height:419px; overflow: auto; width: 500px; float:left; background-color: #19B8D6; background-image: url(/fileadmin/templates/rhythmmatters/bilder/backohnetext.jpg); background-repeat: no-repeat; padding: 30px 25px 0 25px; }

#contentlinks h1 { font-size: 140%; font-weight:bold; margin:0 0 12px 0; color:#FFFFFF}

#fotorechts { height:449px; width: 450px; background: #FFFFFF; float:right}

#stoerer {text-align: center; position: absolute; padding: 0px 0px 0px 8px; overflow: auto; left: 600px; top: 100px; background: white;  width: 205px; height: 300px; border: 8px solid #dddddd;}

div.csc-textpic-text h2 {margin-bottom: 0;font-size: 16px; font-weight: bold;}

/*CONTENT LINKS ENDE*/

/*CONTENT BREIT*/
#contentbreit { height:419px; width: 950px; float:left; background-color: #19B8D6; background-image: url(/fileadmin/templates/rhythmmatters/bilder/backohnetext.jpg); background-repeat: no-repeat; padding: 30px 25px 0 25px; }

#contentlinks h1 { font-size: 140%; font-weight:bold; margin:0 0 12px 0; color:#FFFFFF}

/*CONTENT BREIT ENDE*/

/* hervorgehobene elemente mit dickem rahmen */
div.greyBorderTurquoiseContent {
  border: 8px solid #dddddd; background-color: #C6EEF5; padding: 2px 8px 2px 8px; 
}


div#hscrl{overflow: hidden; position:absolute; border: 8px solid silver; height: 120px; width: 533px; top: 295px; background: #777777; z-index: 300; }
div#scroller div#scrollcontent {padding: 0px 20px 0px 10px;  background: silver; }
div#scroller div#scrollcontent .scrollitem {float: left; margin: 5px 10px 5px 0px; }

div#stoerer div#scrollcontent {width: 185px; text-align: center; }
div#stoerer div#scrollcontent div.scrollitem {padding-bottom: 5px; }

#footer { height: 168px; padding: 0; background:#FFFFFF; padding: 12px 0 0 0;}

#fussgrafk {width:1000px; height: 136px}
#menue { background: #D3D3D3; height: 32px; width:970px; padding:0 0 0 30px; margin:0}

/*MENUE*/
#menuelinks {width:725px; float:left}
ul#main-nav {font-family: 'Lucida Grande', 'Lucida Sans Unicode';verdana,arial,sans-serif; padding:0; float:left; font-size:76%; font-weight:bold; padding:0; margin:0}
ul#main-nav li {list-style:none; margin:0 0 0 0; padding:7px 20px 0 0; float:left }
ul#main-nav li a {text-decoration:none; display:block; color:#19B8D6;}
ul#main-nav li a:hover, ul#main-nav	li a:focus {color:#FFFFFF;}

/*copy paste*/

ul#main-nav li {
	float: left;
	list-style:none;
	position:relative;
	margin: 0;
}

 
ul#main-nav li#dropup ul {
	top: auto; bottom: 20px;
	padding: 0 0 10px 0;
	left: -1px;
	background: #00d9ff;
	border: 1px solid silver; 
	width: 205px;
}

ul#main-nav li#dropup>ul li {

	//border-left: 1px solid #003B80;
	padding: 5px; 
}

ul#main-nav li#dropup>ul li a {
	font-size: 11px;
	color: black; 
	height: 10px;
}

ul#main-nav li#dropup>ul li a:hover {
	color: white; 

}


ul#main-nav li ul {
	display: none;
	margin: 0;
	padding: 0;
	top: 30px;
}

ul#main-nav li ul {
	position: absolute;
	margin: 0;
	padding: 0;
}

ul#main-nav li ul li {
	display: block;
	float: none;
	margin-top: 0;
}

ul#main-nav li:hover>ul {
	display: block;

}

ul#navlist li.firstElement a {
  /*width: 139px;*/
}

li#dropup {z-index: 500;}

/*copy paste*/

#menuerechts {width:200px; float: right; text-align:right; padding: 5px 30px 0 0; margin:0}
#menuerechts img {margin: 0 10px 0 0; border:none}


/* textpic-objekte */

dd.csc-textpic-caption {font-size: 75%;}

/*formulare*/
form.rhythmform fieldset {
  margin-bottom: 10px;
}
form.rhythmform legend {
  padding: 0 2px;
  font-weight: bold;
}

form.rhythmform select#kurs {font-size: 10px; width: 400px; }

form.rhythmform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.rhythmform fieldset ol {
  margin: 0;
  padding: 0;
}
form.rhythmform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.rhythmform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.rhythmform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.rhythmform fieldset fieldset label {
  display: block;
  width: auto;
}
form.rhythmform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.rhythmform label {
  width: 120px; /* Width of labels */
}
form.rhythmform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.rhythmform fieldset.iwant label {
  width: 400px;
}

#theform input, select, textarea {width: 250px; }
table#vonbis {width: 250px;padding: 0 !important; margin: 0 !important;  }
table#vonbis tbody {padding: 0; margin: 0; }
table#vonbis tr {padding: 0 !important; margin: 0; }
table#vonbis tr td {padding: 2px; margin: 0; }
input.vonbis {width: 60px !important; }



#theform input#bedingungen {width: 20px;}
#theform p label {float: left; width: 185px; }

/*runde boxen*/
.ro {
	background:url(/fileadmin/templates/rhythmmatters/bilder/roundedbox_ro2.gif) top right no-repeat;
margin-bottom: 10px; 
}

.lo {
	background:url(/fileadmin/templates/rhythmmatters/bilder/roundedbox_lo2.gif) top left no-repeat;
}

.ru {
	background:url(/fileadmin/templates/rhythmmatters/bilder/roundedbox_ru2.gif) bottom right no-repeat;
}

.lu {
	background:url(/fileadmin/templates/rhythmmatters/bilder/roundedbox_lu2.gif) bottom left no-repeat;
}

.inhalt {
	margin:0;
	padding:20px 15px 20px 15px;
}

.inhalt h2 {padding-left: 10px; }

.inhalt p {padding-left: 10px; }
/*/runde boxen */

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {margin-right: 15px;}


ul#scrollcontent {padding: 0 0 0 0; margin: 0;}
ul#scrollcontent li {list-style-type: none; padding: 0 2px 0 0; float: left; }

div.scrollitem a {font-size: 12px;}
div.scrollitem a, div.scrollitem a:visited, div.scrollitem a:active {color: black; }
div.scrollitem a:hover { color: #19B8D6; }


#contentrechtsFull .textfield {width: 300px;padding: 2px;margin:2px 0 2px 0; border: 1px solid #2a7492}
#contentrechtsFull .submit {width:120px;border: 1px solid #FF6600;background-color: #343434;font-size: 12px;color:#FFFFFF;font-weight: bold;padding: 2px;margin: 0 15px 0 0;cursor: pointer;}


/* TT_NEWS */
.news-single-item h2 {color: white; }


