/* monteverdichor design --------------------------------------------------*/

body{color:#000000; background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; background-image: url(_data/z_style_background_dark.jpg); background-repeat:no-repeat; background-attachment:fixed;

 /*-moz-background-size: 100%;*/ /* firefox/seamonkey [geckos] */
-webkit-background-size: 100%; /* safari, chrome/iron [webkits] */
-o-background-size: 100%; /* opera 9 */
-ms-background-size: 100%; /* internet explorer ab version 9 */
background-size: 100%; /* css definition (ab firefox 4, opera 10) */

    -webkit-background-size: cover;
     /*-moz-background-size: cover;*/
    -o-background-size: cover;
    background-size: cover;
	
}

body a {color: #FFFFFF;}

a {color: #888888; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}

a img {border: 0; margin: 0; padding: 0;}

#wrapper {width: 100%; text-align:center; margin:0; padding:0;}
#leftbar {width: 50%; height: 70px; margin: 0 0 -70px 0; padding: 0; background-image: url(_data/z_style_background_FFFFFF_20_.png); position: absolute; left: 0; z-index:-1;}
#rightbar {width: 50%; height: 30px; margin: -30px 0 0 0; padding: 0; background-image: url(_data/z_style_background_FFFFFF_20_.png); position: absolute; right: 0; z-index:-1;}

#frame {padding: 0; margin: 0 auto !important; width: 1000px !important; background-image: url(_data/z_style_background_bright.jpg); background-repeat:no-repeat; background-attachment:fixed; text-align: left;
    -webkit-background-size: cover;
    /*-moz-background-size: cover;*/
    -o-background-size: cover;
    background-size: cover;
	}
#rightcolumn {width: 1000px; background-image: url(_data/z_style_rightbackground.png); background-repeat: repeat-y; background-position: right; margin: 0; padding: 0;}

#header {width: 700px; height:100px; margin: 0; padding: 0; float: left;}
	#headlogo {height: 70px; width: 675px; margin: 0; padding: 0; float:left;}
	#headlogo img{margin: 0; padding: 0;}
	#menu {display: block; margin: 0; padding: 0 0 0 24px; width: 675px; height: 30px; font-size: 12px; font-weight: bold; float: left;}
		#menu a{display: block;  text-transform: uppercase; color: #FFFFFF; text-decoration: none; margin: 7px 0 7px 7px; padding: 0 7px 0 0; border-right: 1px solid #FFFFFF;}
		#menu a:hover {display: block; color: #999999; text-decoration: none;}
		#menu ul {padding: 0; margin: 0; list-style-type: none; }
		#menu li {padding: 0; margin: 0; height: 30px; float: left;}
		#menu li:hover {color: #000000;}
		#menu li.start {list-style-image: none;}
		#menu li.sactive a {color: #000000;}
		#menu li.active a {color: #000000;}
		#menu li a:hover {color: #999999;}
		#menu li:after {border-right: 3px solid #FFFFFF;}
		#menu .last a {border-right: none;}
			#menu ul li ul {display: none; border: none;}
			#menu ul li ul li {border: none;}
			/*#menu ul li:hover  {display: block; color: #000000; background-color: rgba(255, 255, 255, 0.5); text-decoration: none;}
			#menu ul li:hover ul {display: block; float: none; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 100px; z-index:500; height: 30px;}*/
			#menu ul li ul li ul {display: none;}

#content {font-size: 10pt; color: #000000;}

	#content a {color: #666666;}
	#content a:hover {color: #FFFFFF;}
	#content .message {text-align: justify; padding: 2px 10px 2px 10px; margin: 0;}
	#content p {color: #000000; line-height: 13pt; padding: 0 0 15px 0; margin: 0;}
	#content .semester {position: relative; left: 15px; padding: 10px 10px 5px 0px; margin: 0;}
	#content p.title {font-size: 12pt; font-weight : bold; padding: 0 0 15px 0; margin: 0}
	#content p.subtitle {font-size: 10pt; font-weight: bold; text-align:left;}
	#content p.small {font-size: 8pt;}
	#content img {border : none;}
	#content a img {border : none;}
	#content a img.projectflyer {border-width: 0; width:100px; padding: 0; margin: 0;}
	#content .pager {float: right; padding-top: 2em; padding-bottom: 1em; padding-right: 50px;}
	#content .back {position: relative; top: 10px; text-align: right;}
	#content .projektrubrikseiteaktuell {font-weight: bold;}
	#content .projektrubrikseitelinks {width: 200px; float: left; text-align: right;}
	#content .projektrubrikseiterechts {width: 360px; float: right; text-align: left;}
	#content .projektinhalt {margin: 0; padding: 5px; float: left;}
	#content .trenncode {margin: 0; padding: 0; height: 10px; width: 100%; float: left;}
	#eyecatcher {float: left; width: 675px; margin: 0 0 10px 0; padding: 0; text-align: right;}

#maincontent {float: left; width: 1000px; margin: 0; padding: 50px 0 25px 0;}
		#contenttitle {float: left; width: 700px; height: 30px; margin: 0; padding: 0; text-align: left;}
		#content2 {font-size: 10pt; float: left; width: 620px; margin: 0 0 0 55px; padding: 0 0 10px 0; background-image: url(_data/z_style_background_FFFFFF_70_.png);}
			#content2 .encasing {margin: 20px;}
		#content3 {float: right; width: 270px; margin: 0; padding: 0;}
			#content3 .pic {text-align: center; margin: 5px;}
		#content4 {float: right; width: 270px; margin: 0; padding: 0;}
			#content4 .pic {text-align: center; margin: 5px;}

/* Startseiten - Layout */

#contentstartseite {float: left; min-height: 200px; width: 675px; margin: 40px 0 40px 0; padding: 0; text-align: right;}
#newscontent {float: right; width: 250px; margin: 0; padding: 20px 10px 10px 10px; color: #FFFFFF; line-height:12pt;}
	#newscontent p.news {font-size: 8pt; margin: 0; padding:0; color: #FFFFFF}
	#newscontent a {color: #FFFFFF; text-decoration: none;}
	#newscontent a:hover {color: #999999; text-decoration: none;}
	#newscontent ul {margin: 0 0 5px 15px; padding: 0; list-style-type: none; }
	#newscontent li {margin: 0; padding: 0; font-size: 8pt; text-decoration: none; list-style: square;}
	

#footer {margin: 0; padding: 0; clear:both; float:right; text-align: right; width: 565px;}
	#footermenu {width: auto; height:20px; color: #FFFFFF; font-size: 8pt; text-align: left; margin: 0; padding: 0;}
		#footermenu a {margin: 5px 5px 5px 5px; text-decoration: none; text-transform: uppercase;}
		#footermenu a.active {color: #000000; text-decoration:none;}
		#footermenu a:hover {color: #999999; text-decoration: none;}
	#footerweb20 {width: 295px; height: 30px; padding: 0; text-align: left; clear: both; float:left; background-image: url(_data/z_style_background_FFFFFF_70_.png);}
		#footerweb20  a{margin: 0; padding: 0; border: 0;}
		#footerweb20  img{margin: 0; padding: 0; border: 0;}
		#youtubeicon {float: left; padding: 3px 10px 0 30px;}
		#facebook {float: left; margin: 0; padding: 3px 0 0 40px;}
	#footercopyright {width: 270px; height: 30px; padding: 0; text-align: right; float:right; background-image: url(_data/z_style_background_FFFFFF_70_.png);}
	#footercopyright p{margin: 8px 15px 0 0;}

/* ÖHC altes Design ---------------------------------------------------*/

#sidenav {margin: 0; padding: 10px 10px 10px 20px; color: #000000; text-align: left; background-image: url(_data/z_style_rightbackground.png); background-repeat: repeat-y; background-position: right;}
#sidenav a {text-decoration: none; color:#FFFFFF;}
#sidenav a:hover {text-decoration: none; color: #999999;}
#sidenav ul {padding: 0; margin-left: 15px; list-style-type: none; }
#sidenav li {margin-bottom: 5px; padding: 0px; font-size: 13px; text-decoration: none; list-style: square;}

#diskthumb {margin: 8px 10px 10px 15px; padding: 0px; float: left; position: relative;}
#diskthumb a img {border-width:0; width:50px; margin: 0; padding: 0px;}
#diskimage {margin: 15px 0 10px 0; padding: 0px; width: 140px; float: left; text-align: center;}
#diskimage img {border-width:0; width:120px; margin: 0; padding: 0;}
#diskinfo {margin: 15px 0 10px 0; padding: 0px; float: right; width: 440px;}
#diskdescription {margin: 10px 0 0 0; clear: both;}
#diskcontent {margin: 10px 0 10px 0; clear: both;}
#diskteaser {margin:5px 0px; padding: 0px; height: 70px; width: 200px; float: left;}
#diskteaser p {font-size: 8pt; line-height:10pt;}

#previousconductor {margin: 0 0 0 25px; padding: 10px; width: 630px; float: left;}
#previousconductor .date {width: 130px; margin: 0px; float: left; position: relative;}
#previousconductor .name {width: 410px; margin: 0px; float: left; position: relative;}

#pressreport {margin: 5px 0; padding: 0px; width: 590px; float: left; font-size:10pt;}
#pressreport .date {width: 90px; margin: 0; float: left; line-height:110%; font-size:10pt; font-weight:normal;}
#pressreport .titel {width: 320px; margin: 0; float: left; line-height:110%; font-size:10pt; font-weight:normal;}
#pressreport .journal {width: 150px; margin: 0; float: right; line-height:110%; font-size:10pt; font-weight:normal;}

#phototeaser {margin:0px 0px 5px; padding: 0px; height: 150px; float: left; position: relative; width: 180px; text-align: center;}
#phototeaser p {font-size: 8pt; line-height:10pt;}
#photo {text-align: center; margin: 0px; padding: 0px; height: 75px; width: 180px;}

#videoteaser {margin:0px 0px 5px; padding: 0px; height: 150px; float: left; position: relative; width: 183px; text-align: center;}
#videoteaser p {font-size: 8pt; line-height:10pt;}
#video {text-align: center; margin: 0px; padding: 0px; height: 85px; width: 183px;}