/**
* CSS (screen)
*
* @author	Sebastian Müller <sebastian produktivbuero de>
* @date		22/01/2009
*/

* {margin:0; padding:0;}

body {margin:0; padding:0; font-family:Verdana, sans-serif; font-size:12px; text-align:center; line-height:1.8em; color:#000000; background:#A3BECB;}
body#tinymce {padding:5px !important; background:white !important; text-align:left !important;}

h1 {margin-bottom:0.3em; font-size:1.8em; font-weight:normal;}
h2 {margin-bottom:0.3em; font-size:1.6em; font-weight:normal;}
h3 {margin-bottom:0.3em; font-size:1.4em; font-weight:normal;}
h4,h5,h6 {font-size:1.2em;}
p {margin-bottom:1.3em;}

a {color:black;}

img {border:none;}

ol,ul {margin-left:2em;margin-bottom:1.3em;}
li {}

label {display:block;}

form {}
input,select,textarea {padding:2px 4px; width:280px;}
textarea {overflow:auto;}
textarea {overflow:auto;}

noscript {padding:60px 15px 0 15px; color:#DF0000;}
noscript a {color:#DF0000;}

span {}

acronym {cursor:help;}

body.home #left div.teaserNewsletter {display:none;}
body.home #main div.teaserNewsletter {display:none;}
body.schauspielschule #left div.teaserNewsletter {display:none;}
body.schauspielschule #main div.teaserNewsletter {display:none;}

/* ------------ Layout ------------ */

#background {position:relative; background:#FFF url(images/body-background-pages.gif) repeat-x;}
#position {margin:0 auto; position:relative; width:960px; text-align:left;}
#header {height:60px; background:#000; text-indent:-1000px; overflow:hidden;}
#navigation {position:absolute; top:40px; right:15px;}
#left {padding:90px 15px 30px 15px; width:290px; float:left;}
#main {padding:90px 15px 30px 15px; width:290px; float:left;}
#right {padding:90px 15px 30px 15px; width:290px; float:left;}
#logo {position:absolute; top:5px; left:15px;}
#breadcrump {}
#footer {padding:15px 15px 60px; color:#FFF; clear:both; background:#A3BECB;}

/* ------ seitenabhängiges Layout ----- */

#introOverlay {position:fixed; top:0; left:0; width:100%; height:100%; background:#AEC6D2 url(images/intro-background.jpg); z-index:1000; display:none;}
#introLeft {position:fixed; top:0; left:0; width:45px; height:100%; background:transparent url(images/intro-left-background.gif) repeat-y;}
#introBody {position:absolute; top:20%; left:10%; width:80%;}
#introRight {position:fixed; top:0; right:0; width:45px; height:100%; background:transparent url(images/intro-right-background.gif) repeat-y;}
#introOverlay blockquote {margin-top:40px; font-family:Times, Times New Roman, serif; font-style:italic; font-size:2em;}
#introOverlay blockquote cite {font-family:Verdana, sans-serif; font-style:normal; font-size:0.5em;}
#introOverlay u {font-size:1.3em;}

body.home #background {background:#FFF url(images/body-background.gif) repeat-x;}

body.home #header {height:240px; background:#000 url(images/header-background.jpg) no-repeat -10px 0;}
body.home #navigation {position:absolute; top:220px; right:15px;}

p.indexlogo {display:none;}
p.pagelogo {display:inline;}
body.home #logo {top:50px; left:5px;}
body.home p.indexlogo {display:inline;}
body.home p.pagelogo {display:none;}

.printbutton {position: absolute; right: 20px; top: 110px;}
body.home .printbutton {position: absolute; right: 20px; top: 290px;}
.printbutton a {padding:4px 0 4px 22px; text-decoration:none; color:#808080; background:transparent url(images/print-background.gif) left center no-repeat;}

body.news #left {width:610px;}
body.news #main {display:none;}

body.newsletter #left {width:610px;}
body.newsletter #main {display:none;}

body.dozenten h1, body.dozenten h1 {font-size:1.4em;}
body.kooperationen #main h1, body.kooperationen #right h1 {padding-top:1.9em; font-size:1.4em;}
body.newsletter #main h1, body.newsletter #right h1 {padding-top:1.9em; font-size:1.4em;}
body.impressum #main h1, body.impressum #right h1 {padding-top:1.9em; font-size:1.4em;}
body.datenschutz #main h1, body.datenschutz #right h1 {padding-top:1.9em; font-size:1.4em;}

body.profiworkshops #right h2, body.kidsundteenskurse #right h2 {padding-top:1em;}
body.profiworkshops #right div.teaserAnmelden h2, body.kidsundteenskurse #right div.teaserAnmelden h2 {padding-top:0;}

/* ------------ Navigation ------------ */

#navigation ol {padding:0 10px; list-style:none; font-size:1.5em; font-weight:normal; line-height:40px; background:#FFF;}
#navigation ol li {margin:0 10px; display:inline;}
#navigation ol li a {color:#000; text-decoration:none;}
#navigation ol li.on a, #navigation ol li a:hover {color:#A3BECB;}

#navigation ol li.hide {display:none;}

/* ------------ Inhalt ------------ */

.skiptocontent {}
.skiptonavigation {}
.skiptotop {}

div.newsslide_container {position:relative; margin-bottom:1.3em; padding:15px 15px 0 15px; background:url(images/box-news-background.png) no-repeat right bottom;}
div.newsslide_container h1 {margin:0 0 0.3em 0 !important; padding:0 !important; font-size:1.7em !important;}
div.newsslide_item {padding-bottom:15px;}
div.newsslide_item h1 {margin:0; font-size:1em !important; font-weight:bold;}
div.newsslide_item h2 {margin:0; font-size:1em !important; font-weight:bold; font-style:italic;}
div.newsslide_item p {margin:0;}
div.newsslide_item span.timestamp {font-size:0.8em; font-style:italic;}

div.feed_container {position:relative; margin-bottom:1.3em; padding:15px 15px 0 15px; background:url(images/box-news-background.png) no-repeat right bottom;}
div.feed_container h1 {margin:0 0 0.3em 0 !important; padding:0 !important; font-size:1.7em !important;}
div.feed_item {padding-bottom:15px;}
div.feed_item h1 {margin:0; font-size:1em !important; font-weight:bold;}
div.feed_item h2 {margin:0; font-size:1em !important; font-weight:bold; font-style:italic;}
div.feed_item p {margin:0;}
div.feed_item span.timestamp {font-size:0.8em; font-style:italic;}

div.teaserBox {position:relative; margin-bottom:1.3em; padding:15px 15px 0 15px; background:url(images/box-background.png) repeat-y;}
div.teaserBox p {margin:0; padding-bottom:15px;}
div.teaserBox a {position:absolute; top:0; left:0; width:290px; height:100%; text-indent:-1000px; overflow:hidden;}
*+html div.teaserBox a {background:#FFF; filter:alpha(opacity=1);} /* IE 7: damit Link angezeigt wird */

div.teaserProgramm {padding:15px 105px 0 15px; background:url(images/box-programm-background.png) no-repeat right bottom;}
div.teaserProgramm h2 {font-weight:normal;}
div.teaserKontakt {padding:15px 105px 0 15px; background:url(images/box-kontakt-background.png) no-repeat right bottom;}
div.teaserKontakt h2 {font-weight:normal;}
div.teaserNewsletter {padding:15px 105px 0 15px; background:url(images/box-newsletter-background.png) no-repeat right bottom;}
div.teaserNewsletter h2 {font-weight:normal;}

div.teaserAnmelden {margin-bottom:1.3em; padding:15px; background:url(images/box-anmelden-background.png) no-repeat right bottom;}
div.teaserAnmelden h2 {font-weight:normal; cursor:pointer;}
div.teaserAnmelden div.teaserAnmeldenForm {display:none;}
div.teaserAnmelden input, div.teaserAnmelden textarea {width:95%;}
div.teaserAnmelden select {width:100%;}
div.teaserAnmelden .button {width:auto;}

ul.courses {margin-left:0; list-style:none; border-top:1px solid #000;}
ul.courses li {padding:10px 0; border-bottom:1px solid #000;}
ul.courses li span.title {font-weight:bold;}
ul.courses li span.date {font-style:italic;}
ul.courses li span.text {margin:10px 0;}
ul.courses li span.info {font-style:italic;}

body.dozenten .articleContainer {margin-bottom:2em;}
body.dozenten h1, body.dozenten img {cursor:pointer;}
body.dozenten .closebutton {position:absolute; bottom:0; right:0; cursor:pointer; font-size:0.8em; line-height:16px; padding-right:16px; background:url(images/close.gif) no-repeat right center;}

.inline {display:inline;}

.inputtext {}
.radiobutton {width:auto;}
.checkbox {width:auto;}
.selectfield {}
.button {width:auto;}
.submit {}
.cancel {}

.error {color:#DF0000;}
.note {font-size:0.8em; line-height:1.5em;}

#footer p {margin:0;}
#footer a {color:#FFF; text-decoration:none;}

/* ------------ Sonstiges ------------ */

.hide {display: none;}
.print {display: none;}
.noprint {}

.clearfix {clear:both;}