/* <![CDATA[ */

/* Basics */
body { margin: 0; padding: 0; background: url('/assets/images/full_bg.gif'); }
body * { margin: 0; padding: 0;}
img, a img { border: 0; }
.hide { display: none; visible: hidden; }
#header { height: 200px; }

/* Nav */
#nav { position: absolute; left: 194px; top: 50px;  }
#nav li { display: inline; }
#nav li a { text-decoration: none; color: #000; font: bold 14px Arial, Helvetica, sans-serif; text-transform: lowercase; margin: 0px 13px; }
#nav li a:hover { color: #df6013; }
#nav li span.selected { color: #fff; font: bold 14px Arial, Helvetica, sans-serif; text-transform: lowercase; margin: 0px 13px; cursor: default; }

#termine #nav li a.ter { color: #fff; }
#referenzen #nav li a.ref { color: #fff;  }

/* Subnav */
#subnav { position: absolute; left: 207px; top: 70px; width: 525px; height: 20px; background: #666; list-style: none; }
#subnav li { display: inline; }
#subnav li a { text-decoration: none; color: #fc3; font: bold 11px Arial, Helvetica, sans-serif; text-transform: lowercase; margin: 0px 14px; }
#subnav li a:hover { color: #df6013; }
#subnav li span.selected { color: #fff; font: bold 11px Arial, Helvetica, sans-serif; text-transform: lowercase; margin: 0px 14px; cursor: default; }
#ensemble #subnav { margin-left: 197px; width: 345px; }
#kontakt #subnav { margin-left: 197px; width: 345px; text-align: right; }

/* Content */
#content { width: 464px; margin-left: 50px; background: #fff url('/assets/images/mubuntu.gif') no-repeat 30px 55px; padding: 35px 118px; font: 13px/1.4em Arial, Helvetica, sans-serif; }

/* Headers */
#content h2 { font: bold italic 23px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; text-transform: uppercase; letter-spacing: 3px; }
/*
#content h3 { font: bold 13px/1.4em Arial, Helvetica, sans-serif; margin-bottom: 1em; background: #000; color: #fff; padding-left: 10px; }
*/
#content h3 { font: bold 13px/1.4em Arial, Helvetica, sans-serif; margin-bottom: 1em; background: #fc3; color: #000; padding-left: 10px; }
#content h4 { font: bold italic 13px/1.4em Arial, Helvetica, sans-serif; padding-left: 20px; }
#termine #content h4 { border-top: 1px dotted #666; padding-top: 1em; }
#termine #content h3+h4 { border: none; padding-top: 0; }

/* Paragraphs */
#content p { padding-left: 20px; margin-bottom: 1em; }
#content p.intro { font-weight: bold; }
#content p.quote { margin: 0 3em 1em; font-style: italic; }

/* Lists */
#content ul, #content ol { margin: 0 0 1em 40px; }
#content ul { list-style: circle; }

/* Press Pix */
#content div.pressefoto { margin-left: 20px; }
#content div.pressefoto p { margin-left: -20px !important; font-style: italic; font-size: 11px; }

/* Text Links */
#content a { font-weight: normal; color: #039; }
#content a:hover { color: #df6013; }

/* Press Items */
#content div.pressitem { border-top: 1px dotted #666; padding-top: 1em; }
#content div.pressitem blockquote { margin-left: 30px; }
#content h3+div.pressitem { border-top: none; padding-top: 0; }
#content div.pressitem p.cite { font-size: 11px; font-style: italic; text-align: right; }

/* Startseite */
#startseite #imgbox { margin: 30px 0px; text-align: center; }
#startseite #imgbox img { border: 1px solid #000; }
#startseite #imgbox p.imgcaption { font-size: 11px; font-style: italic; }
#startseite #content { background: #fff; }

/* Mitglieder */
#content div.member { border-top: 1px dotted #666; padding: 1em 0; min-height: 300px; }
#content div.member div.imgbox { float:left; margin-right: 1em; }
#content div.member h3 { font: bold italic 22px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; background: none; }
#content div.member p.email { clear: both; margin-left: 200px; }
#content #sk h3 { color: #df6013; }
#content #hs h3 { color: #039; }
#content #hgs h3 { color: #093; }
#content #bs h3 { color: #fc3; }
#content #jw h3 { color: #f30; letter-spacing: -1px; font-size: 20px; }
#ensemble #imgbox { position: relative; left: -68px; margin: 30px 0; }
#ensemble #content { background: #fff; }

/* Gallery */
#content #fotogalerie { text-align: center; margin: 20px 0 100px; }
#content #fotogalerie img { border: 1px solid #000; }
#content #fotogalerie p, #content #fotogalerie span.selected, #content #fotogalerie a { font: 10px Verdana, Arial, helvetica, sans-serif; color: #000; text-decoration: none; }
#content #fotogalerie a:hover { color: #df6013; }
#content #fotogalerie p { color: #666; }
#content #fotogalerie span.selected { color: #999; cursor: default; }
#content #fotogalerie #currimg { font-weight: bold; color: #800; }
#content #fotogalerie #copyright { margin-top: 2em; font-size: 9px; }

/* Form elements */
form { margin: 1em 0; }
fieldset { border: 0; }
label { width: 80px; text-align: right; display: block; float: left; margin-right: 10px; }
input, textarea { width: 280px; border: 1px solid #333; background: #fff; }
textarea { height: 200px; }
#btn_submit { width: 80px; margin-left: 180px; }
div.formrow { margin: 2em 0; }
span.label { font-weight: bold; }
span.error { display: block; font-size: 9px; color: #7d3434; font-weight: bold; margin: 0 21px !important; height: 12px; line-height: 12px; }

/* Workshops */
#workshops #imgbox { margin: 30px 0px; text-align: center; }
#workshops #imgbox img { border: 1px solid #000; }
#workshops #imgbox p.imgcaption { font-size: 11px; font-style: italic; }

/* 404 */
#error-page #content { height: 600px; }
#error-page #content h2 { margin-bottom: 15px; }
#error-page #content ul { list-style: none; }

/* ]]> */