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


* {margin:0; padding:0;}

body {font-family:Times New Roman, Times, sans-serif; font-size:14px; line-height:1.5em; color:black;}

h1 {font-size:1.4em; font-weight:normal;}
h2, h3, h4, h5, h6 {margin-bottom:0.5em; font-size:1.0em; font-weight:bold;}
p {margin-bottom:0.8em;}

a {color:#000000;}

img {border:none;}

ol, ul {margin:0 0 1.5em 1.5em;}
li {}

label {display:block;}

form {margin-bottom:1.5em;}
input,select,textarea {padding:3px 5px; width:75%;}
textarea {overflow:auto;}

span {}

table {width:100%;}

noscript {position:absolute; top:0; left:0; width:100%; text-align:center; color:red;}
noscript a {}

acronym {cursor:help;}

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

#container {position:relative; margin:70px 40px 30px 40px; width:940px; z-index:3;}

div.floatContainer {float:left;}

#navigation {margin-right:30px; padding-top:134px; width:125px;}
#container.home #navigation {} /* Startseite */

#subnavigation {margin-right:30px; padding-top:134px; width:125px; display:none;}
#container.angebot #subnavigation {display:block;} /* Angebot */

#left {position:relative; margin-right:30px; padding-top:90px; width:435px;}
#container.home #left {width:280px;} /* Startseite */
#container.kalender #left {width:590px;} /* Kalender */

#main {margin-right:30px; padding-top:90px; width:280px; display:none;}
#container.home #main {display:block;} /* Startseite */

#right {padding-top:90px; width:125px;}
#container.kalender #right {display:none;} /* Kalender */

#footer {}

#clouds {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1;}
/*
#background {position:fixed; top:0; left:0; margin:10px 10px; width:480px; height:100%; z-index:2; background:#FEEB00 url(images/background-background.jpg) repeat-x; opacity:0.7; filter:alpha(opacity=70);}
#backgroundForeground {position:fixed; bottom:0; left:0; height:10px; width:100%; background:#FFF; z-index:4;}
*/
#background {position:absolute; top:0; left:0; margin:0 15px; width:165px; height:100%; z-index:2; background:#FEEB00 url(images/background-background.jpg) repeat-x; opacity:0.70; filter:alpha(opacity=7);}

#background.home {width:475px;}
#background.vita {width:630px;}
#background.angebot, #background.kurse, #background.beratung, #background.aufstellungen, #background.workshop, #background.vortraege {width:785px;}
#background.kalender {}
#background.tarife {width:630px;}
#background.kontakt {width:630px;}
#background.agb {}
#background.impressum {}

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

#navigation ol {margin:0; padding-top:1px; list-style:none; list-style-position: outside; border-top:1px solid black;}
#navigation ol li {margin:0; padding:0.3em 0; line-height:1.2em;}
#navigation ol li.margin {margin-top:1em;}
#navigation ol li.on a {font-weight:bold;}

#subnavigation ol {margin:0; padding-top:1px; list-style:none; list-style-position: outside; border-top:1px solid black;}
#subnavigation ol li {margin:0; padding:0.3em 0; line-height:1.2em;}
#subnavigation ol li.margin {margin-top:1em;}
#subnavigation ol li.on a {font-weight:bold;}

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

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

h1.title {border:none;}
h1.title a {position:absolute; top:0; left:0; width:280px; height:90px; text-indent:-1000px; overflow:hidden; background:url(images/header-logo.png) no-repeat;}
h2.subtitle {display:none;}

h1.contentheading {margin-bottom:0.2em; line-height:42px; border-top:2px solid black; border-bottom:1px solid black;}
h2.articletitle {}
h3.articlesubtitle {margin-bottom:0.5em; font-weight:normal; font-style:italic;}

form p {margin-bottom:0.5em;}
.inputtext {}
.radiobutton {}
.checkbox {}
.selectfield {}
.button {padding:0; width:auto;}
.submit {}
.cancel {}

div.newsslide_item p.timestamp {margin-bottom:0;}
div.newsslide_item p.subtitle {margin-bottom:0.5em; font-style:italic;}

span.googleCalendar {padding:5px 0; display:block;}

.note {font-size:0.75em;}

/* ------------ Editor ------------ */

body.mceContentBody {margin:0; padding:5px !important;}

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

.success {color:green;}
.error {color:red;}

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

.clearfix {height:1px; clear:both;}