/* Start of CMSMS style sheet 'werkstadtspiel_main' */
body {
    background-color: #676767;
    font-size: 12px;
    font-family: Arial, SunSans-Regular, Sans-Serif;
    color:#564b47;
    padding:0;
    margin:0;
}

a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

img {
  border: none;
}

h1 {
    font-size: 20px;
    text-transform:uppercase;
    padding:5px 15px;
    margin:0;
    color: #A21B1B 
}

h2 {
    font-size:16px;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
    margin:0;
    color: #A21B1B
}

h3 {
    font-size:14px;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
    margin:0;
    color: #A21B1B
}

/* ----------container to center the layout-------------- */
#container {
    width: 900px;
    margin-bottom: 10px;
    margin: 0 auto;
    background-color: #ffffff;
}

/* ----------banner for logo-------------- */
#banner {
    background-color: #E68509;
    text-align: center;
    padding: 0px;
    margin: 0px;
    border-bottom: solid 15px #CB2327
}
#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
#content {
    background-color: #ffffff;
    padding: 0px;
    margin: 0 80px;
    margin-bottom: 0;
    padding-left: 120px;
}

div#content { 
    min-height:400px;
    height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

p, pre {
    padding: 5px 10px;
    margin:0px;
}

/* --------------left navi------------- */
#left {
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
}

/* --------------right column------------- */
#right {
    float: right;
    width: 200px;
    margin: 0;
    padding: 0;
}

/* -----------footer--------------------------- */
#footer {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left; 
    height: 300px;
    background: url(/images/footer-background.png) 0 0 no-repeat;
}

/* -----------left menu------------------------ */
ul.menu {
    list-style-type: none;
    padding: 0;
    margin-left: 8px;
    margin-top: 12px;
}

ul.menu li {
    padding-top: 5px;
    background: url(/images/menu-background.png) 0 0 no-repeat; 
    min-width: 171px;
    min-height: 42px;
}

ul.menu li.currentpage h3 {
    padding-top: 5px;
    margin-left: 70px;
    margin-top: 12px;
}

ul.menu li a {
    display:block;
    margin-left: 80px;
    margin-top: 12px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none
}

ul.menu li a:hover {
    text-decoration: underline
}

/* -----------left logos------------------------ */
#logos {
    margin-top: 10px
}

#left img {
    margin-left: 24px;
    margin-top: 12px;
}

/* -----------left aktionstage------------------------ */
#aktionstage {
    margin-top: 0px
}

#aktionstage table {
    margin: 10px;
    width: 171px;
}

#aktionstage table td {
    width: 50%;
}

#aktionstage table a {
    color: #A21B1B;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}

#aktionstage table a span {
    color: #E68509;
}

#aktionstage table a:hover {
    text-decoration: underline
}

/* -----------right page tools------------------------ */
#tools {
   text-align:right;
  padding-right:10px;
  padding-top: 2em;
}
	

/* -----------contact form------------------------ */
.contact_fieldset {
             width:100%;padding: 10px
             }

.contact_sender_name { 
            width: 20em; 
            }

div.contact_sender_name input {
            width: 100%;
            }

.contact_sender_address { 
            width: 20em; 
            }

div.contact_sender_address input { 
           width: 100%; 
           }

.contact_subject {
          width: 40em; 
          }

div.contact_subject input {
          width: 100%;
          }

.contact_message  {
          width: 40em; 
          }

div.contact_message textarea {
         width:100%;height:100pt
         }

#m5fbrp_captcha_phrase {width:15em;}

div.contactform { width:100%}


/* End of 'werkstadtspiel_main' */