/*  =========================================================

1. Allgemeine Selektoren
   - Block-Elemente
   - Inline-Elemente
   - Allgemeine Klassen

2. Layoutbereiche
   - Wrapper
   - Kopfbereich
   - Navibereich
   - Suche
   - Breadcrumbs
   - Textbereich
   - Fussbereich

3. Spezielle Seiten
   - Kontaktformular

========================================================== */

/* ===============================

   =1. Allgemeine Selektoren

=============================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

html {
    height: 101%;
}

body {
    color: #FFF;
    background: #fdcc00 url(../grafik/fond.gif) left top repeat-x;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-align: left;
}

:focus {
	outline: 0;
}

em {font-style: italic;}

strong {font-weight: bold;}

/* ===============================
   =Block-Elemente
=============================== */

#header h1 {
    color: #FFF;
    font-weight: bold;
    font-size: 110%;
    margin: 5px 0 0 430px;
}

h1, h2, h3 {
    color: #0053a0;
    font-weight: bold;
    margin-bottom: 0.5em;
}

h5 {
    color: #666;
    font-weight: bold;
    margin-bottom: 0.5em;
}

h4 {
    color: #FFF;
    font-weight: normal;
    margin-bottom: 0em;
    font-size: 100%;
    margin-right: 5px;
}

p, ul, ol {
    margin: 0 0 1em 0;
}

ol, ul {
    list-style: none;
}

/* ===============================
   =Inline-Elemente
=============================== */

a {
    color: #0053a0;
    text-decoration:underline;
}

    a:hover {
    text-decoration:none;
    }

/* ===============================
   =Classes allgemeiner Art
=============================== */

.left {
    float:left;
    margin-top: 0.23em;
    margin-right: 1.63em;
    margin-bottom: 0.63em;
}

.right {
    float:right;
    margin-top: 0.23em;
    margin-left: 1.63em;
    margin-bottom: 0.63em;
}

.clear{
    height:0.1px;
    overflow:hidden;
    font-size:0.1px;
    line-height:0.1px;
    clear:both;
}

.invisible{
    width:0px;
    height:0px;
    left:-1000px;
    top:-1000px;
    position:absolute;
    overflow:hidden;
    display:inline;
}


.hr {
    clear:both;
    border-top:1px solid #fff;
}


.seitenbeginn {
    float:left;
    margin-top: 10px;
    margin-left: 40px;
}

.drucker {
    float:right;
    margin-top: 10px;
    margin-right: 40px;
}

.drucker img {
    padding: 0 3px;
}

/* ========================================

  =2. LAYOUTBEREICHE

========================================= */

#pagewrapper {
    background: url(../grafik/wrapper_bg.jpg) center repeat-y;
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

/* ===============================
   =KOPFBEREICH
=============================== */

#header {
    width: 960px;
    padding: 0;
    line-height:1.5;
}

.header-start {
    background: url(../grafik/header-fond.jpg) 0 68px no-repeat;
    height: 350px;
}

.header-inhalt {
    height:132px;
}

#logo {
   margin: 0;
   width: 246px;
   height: 125px;
   float:left;
}


.slogan-text {
    font-weight: regular;
    font-size: 95%;
    margin: 15px 0 0 470px;
    width: 330px;
}

/* ===============================
   =BOX - START - E-MAIL-FELD
=============================== */

#mb_popup{display:none;}

#java {display:none;}  

.main-start form,
.box-inhalt form {
    margin: 0;
}

.main-inhalt form {margin:0 0 0 40px;}

#main.main-inhalt .mod_article p.error
{margin: 0 0 0 0; color: #d20000;}

.main-start #tl_subscribe .error,
.main-start #tl_unsubscribe .error,
.main-inhalt #tl_subscribe .error,
.main-inhalt #tl_unsubscribe .error
 {
    color: #d20000;
}


.main-inhalt #email-adresse input.email {
    width: 232px;
    height: 20px;
    background-color: #a8dbf0;
    border: 1px solid #999;
    margin-top: 0px;
    margin-right: 0px;
    padding-left: 3px;
    color: #0053a0;
    font-size: 90%;
}

.box-inhalt #tl_subscribe input.text {
    width: 232px;
    float: left;
    display: block;
    height: 20px;
    background-color: #a8dbf0;
    border: 1px solid #999;
    margin-top: 0px;
    margin-right: 0px;
    padding-left: 3px;
    color: #0053a0;
    font-size: 90%;
}


.main-inhalt #email-adresse input.absenden {
    width: 114px;
    height: 25px;
    color: #FFF;
    border: 0px;
    float: left;
    padding: 0 0 4px 2px;
    font-size: 90%;
    margin: 10px 0 0 0;
    background: url(../grafik/absenden.gif) top left no-repeat;
}


.box-inhalt #tl_subscribe input.submit {
    width: 114px;
    height: 25px;
    color: #FFF;
    border: 0px;
    float: left;
    display: block;
    padding: 0 0 4px 2px;
    font-size: 90%;
    margin: 10px 0 0 0;
    background: url(../grafik/absenden.gif) top left no-repeat;
}


.main-inhalt #tl_subscribe input.text,
.main-inhalt #tl_unsubscribe input.text  {
    width: 232px;
    height: 20px;
    background-color: #a8dbf0;
    border: 1px solid #999;
    margin-top: 10px;
    margin-right: 8px;
    padding-left: 3px;
    color: #0053a0;
    font-size: 90%;
}

.main-inhalt #tl_subscribe input.submit,
.main-inhalt #tl_unsubscribe input.submit {
    width: 114px;
    height: 25px;
    color: #FFF;
    border: 0px;
    padding: 2px 0 4px 2px;
    font-size: 90%;
    margin: 10px 0 0 0;
    background: url(../grafik/absenden.gif) top left no-repeat;
}

/* ===============================
   =BREADCRUMBS
=============================== */

#breadcrumb{
   margin: 10px 0 5px 363px;
   font-size:90%;
   color: #FFF;
}

#breadcrumb a {
   color:#FFF;
}

#breadcrumb h4 {
   width: 150px;
   display: inline;
}

#breadcrumb ul {
   width: 450px;
   display: inline;
}

#breadcrumb ul li {
   display: inline;
}
/* ===============================
   =MAIN
=============================== */

#content {
    color:#0053a0;
    line-height: 1.5;
}

#main {
    float:left;
    display:inline;
    margin: 0;
}

#left {
    float:left;
    display:inline;
    margin: 0;
}

.main-start {
    background: url(../grafik/header-fond-2.jpg) top left no-repeat;
    width:960px;
}

.main-inhalt {
    width: 636px;
}

table.oeffnungszeiten             {font-size: 90%; margin: 0 0 0 40px;}
table.oeffnungszeiten tr td {height:20px; font-weight:bold; background-color: #DDD; padding: 5px;border: 1px solid #FFF;}
table.oeffnungszeiten tr.reihe2 td {background-color: #EFEFEF; font-weight:normal; padding: 5px;border: 1px solid #FFF;}

.kursplan table             {width:565px; font-size: 75%; margin: 0px 0 20px 40px;}
.kursplan table tr td {width:113px; background-color: #DDD; padding: 4px;border: 1px solid #FFF;}
.kursplan table thead tr th {width:113px;height:20px;background-color: #DDD; padding: 4px;border: 1px solid #FFF; font-weight:bold;}


#bildergalerie .ce_gallery,
.ce_news_gallery {width: 565px; margin: 0 0 0 28px;}

#bildergalerie .image_container,
.ce_news_gallery .image_container {width:170px; margin: 0 0 0 0px;}
#bildergalerie .image_container a img,
.ce_news_gallery .image_container a img {width: 150px; padding: 2px; float:left; margin: 0 0 0 0px;}


#bildergalerie .image_container img,
.ce_news_gallery .image_container img {width: 150px; padding: 2px; float:left; margin: 0 0 0 0px;}


/* ===============================
   =BOXEN - START
=============================== */

.box {
    width: 314px;
    float:left;
    margin-right: 5px;
}

*html .box {
    width: 314px;
    float:left;
    margin-right: 2px;
}

.box-last {
    width: 314px;
    float:left;
    padding-right: 0px;
}

*html .box-last {
    width: 314px;
    padding-right: 0px;
}

.box-last .box-inhalt .mod_newslist,
.box .box-inhalt .mod_newslist {
    width: 250px;
    padding-right: 0px;
}

*html .box-last .box-inhalt .mod_newslist p,
*html .box .box-inhalt .mod_newslist p {
    width: 230px;
    padding: 0;
}

.box h2,
.box h5,
.box-last h5 {
    background: url(../grafik/box-oben-kl.png) top left no-repeat;
    padding: 10px 0 5px 40px;
    margin-bottom: 0em;
    font-size: 120%;
}

.box .box-inhalt,
.box-last .box-inhalt {
    background: url(../grafik/box-verlauf-kl.png) bottom left no-repeat;
    padding: 0 0 20px 40px;
    float:left;
    width: 273px;
}

.box .box-inhalt p,
.box-last .box-inhalt p {
    font-size: 90%;
    padding: 0;
    width: 249px;
}

/* ===============================
   =RAUMANSICHT - BOX - START
=============================== */

.raumansicht {
    width: 960px;
    margin-top: 20px;
    padding: 0px;
}

.raumansicht h3 {
    background: url(../grafik/raumansicht-oben.png) top left no-repeat;
    padding: 10px 0 5px 40px;
    margin-bottom: 0em;
    font-size: 120%;
}

.raumansicht .raumansicht-inhalt {
    background: url(../grafik/raumansicht-verlauf.png) bottom left no-repeat;
    padding: 0 0 20px 40px;
    float:left;
    width: 960px;
}

*html .raumansicht .raumansicht-inhalt {
    width: 920px;
}

.raumansicht .raumansicht-inhalt p {
    font-size: 90%;
    padding: 0;
    width: 249px;
    float: left;
}

.raumansicht .raumansicht-inhalt .image_container {
    float: left;
    display: block;
    padding: 0 60px 0 0;
}

*html .raumansicht .raumansicht-inhalt .image_container {
    padding: 0 25px 0 0;
}


/* ===============================
   = NEUER TEXTBEREICH
=============================== */

#main.main-inhalt .mod_article {
    background: url(../grafik/box-verlauf-gr2.png) top left no-repeat;
    width: 636px;
}

#main.main-inhalt #neuigkeiten.mod_article {
    background: none;
    width: 636px;
}


.news #main.main-inhalt .bildchen {
background: none;
}

.news #main.main-inhalt .mod_newslist .bildchen {
    background: url(../grafik/box-unten-gr.png) no-repeat;
    width: 636px;
}

#main.main-inhalt .bildchen {
    background: url(../grafik/box-unten-gr.png) no-repeat;
    width: 636px;
}

#main.main-start .bildchen {
    display:none;
}

#main.main-inhalt .mod_newslist .layout_simple {
    background: url(../grafik/box-verlauf-gr2.png) top left no-repeat;
    width: 636px;
}


#main.main-inhalt .mod_article p {
    font-size: 90%;
    margin: 10px 30px 10px 40px;
}


#main.main-inhalt .mod_article h1 {
    width: 636px;
    padding: 10px 0 5px 40px;
    margin-bottom: 0em;
    font-size: 110%;
}

*html #main.main-inhalt .mod_article h1 {
    width: 596px;
    padding: 10px 0 10px 40px;
}

/* ===============================
   =BOXEN - INHALT
=============================== */


#main.main-inhalt .mod_article .image_container img {
    border: 1px solid #0053A0;
    margin: 0 40px 5px 15px;
    padding: 2px;
}

.box-inhalt .mod_newslist p,
.box-inhalt .mod_newslist p .mehr {
    color: #666;
}

.box-inhalt .mod_newslist p .mehr:hover {
    text-decoration: underline;
}

*html #main.main-inhalt .mod_article .image_container img {
    margin: 0 40px 5px 15px;
}


/* ===============================
   =NEWS
=============================== */


.back a {
    text-decoration: none;
    margin: 0;
    font-size: 90%;
    color: #0053A0;
    font-weight: bold;
}

.back a:hover {
    text-decoration: underline;
}

#main.main-inhalt .mod_newslist .layout_simple img {
     margin: 0 0 0 40px;
}

.mod_newslist p a {
    font-weight: bold;
    text-decoration: none;
    background: url(../grafik/pfeil.png) center left no-repeat;
    padding-left: 25px;
    margin: 10px 0;
}

.mod_newslist a img {
    font-weight: bold;
    background: none;
    margin: 0;
}


.mod_newslist .newsblock {
    width: 249px;
}

.mod_newsreader h1,
.mod_newslist h1 {
    width: 596px;
    padding: 10px 0 5px 40px;
    margin-bottom: 0em;
    font-size: 110%;
}


.mod_newsreader h2 {
    padding: 10px 0 10px 10px;
    margin-bottom: 0em;
    font-size: 100%;
}

*html .mod_newsreader h1,
*html .mod_newslist h1 {
    width: 596px;
    padding: 10px 0 10px 40px;
}

.mod_newsreader  {
    min-height: 270px;
}

.mod_newsreader .ce_text {
   padding: 0 0 20px 0;
    float:left;
    width: 636px;
}

.mod_newslist .ce_text {
    padding: 0 0 20px 0;
    float:left;
    width: 636px;
}

.mod_newsreader .ce_text,
.mod_newslist .ce_text {
    padding: 0 0 20px 0;
    width: 596px;
}

.mod_newsreader .ce_text p,
.mod_newslist .ce_text p {
    font-size: 90%;
    margin: 0 75px 0 0;
}

*html .mod_newsreader .ce_text p,
*html .mod_newslist .ce_text p {
    margin: 0 40px 0 0;
}

#main.main-inhalt .mod_article .mod_newsreader .ce_text .image_container,
.mod_newslist .ce_text .image_container   {
    border: none;
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
}

#main.main-inhalt .mod_article .mod_newsreader .ce_text .image_container img  {
    border: 1px solid #0053A0;
    margin: 0 0 0 0;
    padding: 2px;
}


*html .mod_newslist .layout_simple.left {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
}

.mod_newsreader .ce_text .info,
.mod_newslist .ce_text .info {
    margin-top: 15px;
}

.ce_download {
    margin: 15px 0 0 40px;
}

.ce_download a {
    float: left;
    font-size: 90%;
    margin: 0 0 0 7px;
}

.ce_download .mime_icon {
    float: left;
    margin: 3px 0 0 0;
}

.enclosure a {
    float: left;
    margin: 0 0 0 7px;
}

*html .enclosure a {
    float: none;
    margin: 0 0 0 7px;
}

*+html .enclosure a {
    float: none;
    margin: 0 0 0 7px;
}

.enclosure .mime_icon {
    float: left;
    margin: 3px 0 0 0;
}

*html .enclosure .mime_icon {
    float: none;
    padding: 3px 0 0 0;
}

*+html .enclosure .mime_icon {
    float: none;
    padding: 3px 0 0 0;
}


/* ===============================
   =RECHTS
=============================== */

#sidebar {
    float:right;
    margin-top:14px;
    margin-right:60px;
    width:240px;
    display:inline;
    font-size:0.69em;
    line-height:1.3;
    color:#5f5d4b;
}

/* ===============================
   =HYPERLINK
=============================== */

.ce_hyperlink {
    margin: 13px 0;
}

.ce_hyperlink a {
    font-weight: bold;
    text-decoration: none;
    background: url(../grafik/pfeil.png) center left no-repeat;
    padding-left: 25px;
    font-size: 90%;
    margin: 10px 0;
}

.ce_hyperlink a:hover {
    text-decoration: underline;
}

/* ===============================
   =FUSSBEREICH
=============================== */

#footer {
    height: 75px;
    margin: 0 auto;
    background: url(../grafik/foot.gif) center bottom no-repeat;
    text-align: center;
    clear: both;
    padding: 60px 0 0 0;
}

*+html #footer {
    padding: 85px 0 0 0;
}

#footer p {
    text-align: center;
    font-size: 90%;
}

#footer p a{
        color:#fdcc00;
        text-decoration:underline;
    }

#footer p a:hover{
        text-decoration:none;
    }

/* ===============================

   =3. Spezielle Seiten

=============================== */

/* ===============================
   Formulare
=============================== */

form                        {font-size: 90%; margin: 0 0 0 40px;}
#main .ce_form form label   {display: block;float:left; color: #0053a0; margin-top: 10px; width: 120px;}
#main .ce_form form input,
#main .ce_form form select  {margin: 10px 10px 5px 0; padding:2px; color: #0053a0;}
#main .ce_form form textarea{margin: 10px 10px 10px 0; color:#0053a0;}
#main .ce_form p.error      {color: #CD0303; padding:10px 0 0 0;  text-transform: uppercase;}
#main .ce_form input,
#main .ce_form select       {
    width: 350px;
    height: 20px;
    background-color: #a8dbf0;
    border: 1px solid #999;
    margin-top: 0px;
    margin-right: 0px;
    padding-left: 3px;
    color: #0053a0;
    font-size: 90%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
#main .ce_form textarea     {
    width: 350px;
    height: 100px;
    background-color: #a8dbf0;
    border: 1px solid #999;
    margin-top: 0px;
    margin-right: 0px;
    padding-left: 3px;
    color: #0053a0;
    font-size: 90%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
#main .ce_form input.sicherheit {width: 135px;}
#main .ce_form input.submit {
    width: 114px;
    height: 25px;
    color: #FFF;
    border: 0px;
    float: left;
    padding: 0 0 4px 2px;
    font-size: 90%;
    margin: 10px 0 0 0;
    background: url(../grafik/absenden.gif) top left no-repeat;}

form br            {clear: left;}
.submit_container  {margin-left: 120px;}

#map {margin: 0 0 20px 40px;}

#map input                          {width: 250px;margin-top:5px;}
#directions                         {font-size: 80%; color:#0053a0;line-height: 1.6;}
#directions img                     {border:0; float:none;}
.gmnoprint                          {color:#0053a0;font-size:90%; font-weight:normal;}
.gmnoprint a {color: #CD0303}
.googledir {width:550px;margin: 0 0 20px 40px;}

/* EoF */