html {
 font-size: 101%;
 width: 100%;
}

* {
 font-family: Arial,Helvetica,sans-serif;
 margin: 0;
 padding: 0;
}

body {
 font-size: 85%;
 background-color: #fff;
 color: #222a54;
}

#wrapper {
 width: 1024px;
}

#stage {
 margin-top: 175px;
 background-image: url(/fileadmin/werbeprofis/images/seite-back.jpg);
 background-repeat: repeat-y;
}

/* Kopfbereich Formatierung */

#kopfbereich {
 position: absolute;
 top: 20px;
 left: 0;
 width: 1024px;
}

#logo {
 position: absolute;
 top: 0;
 left: 61px;
}

#header-pic {
 position: absolute;
 top: 0;
 left: 260px;   
}

/* Navigation Querleiste */

#quer-navi {
 position: absolute;
 top: 143px;
 left: 0;
 background-image: url(/fileadmin/werbeprofis/images/menue-back.jpg);
 background-repeat: repeat-x;
 width: 100%;
 height: 32px;
 color: #fff;
 font-weight: bold;
}

ul#menu {
 position: absolute;
 top: 0;
 left: 246px;
 list-style-type: none;
 display: block;
 width: 780px;
 background-image: url(/fileadmin/werbeprofis/images/menue-back.jpg);
 background-repeat: repeat-x;
}

.left-side-menu-border {
 position: absolute;
 top: 0;
 left: 244px;
 width: 0;
 height: 32px;
 border-right: 2px solid #c2c5d6;
}

#menu a {
 display: block;
 text-decoration: none;
 outline: none;
 color: #fff;
 border: 0;
 text-align: center;
 width: 150px;
 line-height: 32px;
 border-right: 2px solid #c2c5d6;
}

#menu a:hover, 
#menu a:active, 
#menu .current a {
 background-image: url(/fileadmin/werbeprofis/images/menue-back_selected.jpg);
 background-repeat: repeat-x;
 color: #c2c5d6;
}

#menu ul.submenu {
 position: relative;
 left: 0;
 top: 0;
 width: 148px;
 display: none;
}

 #menu li:hover ul.submenu {
 display: block;
 border: 0;
}

#quer-navi li {
 float: left;
}

#menu .submenu a {
 color: #c0c0c0;
 background: none;
 background-color: #222a54;
 border: 0;
 line-height: 2em;
 text-align: left;
 width: 140px;
 padding: 0 5px;
 display: block;
}

#menu .submenu a:hover,
#menu li.current ul.submenu li.current a {
 background: none;
 font-weight: bold;
 background-color: #c2c5d6;
 color: #222a54;
}

/* Seitenspalte Formatierung */

#seitenspalte {
 float: left;
 width: 244px;
 padding-top: 10px;
 height: 450px;
}

#seitenspalte h2 {
 text-align: right;
 padding: 0 10px 10px 8px;
 border-bottom: 1px solid #222a54;
 margin-bottom: 4px;
}

#seitenspalte ul {
 margin: 15px 25px;
 list-style-type: none;
}

#seitenmenu a {
 padding: 5px;
 margin: 5px 0;
 line-height: 8px;
 text-decoration: none;
 font-weight: bold;
 color: #222a54;
 width: 164px;
 display: block;
}

#seitenmenu a:hover {
 text-decoration: underline;
}

#seitenmenu .current {
 border: 1px solid #222a54;
}

#seitenspalte img {
 border: 1px solid #222a54;
 margin: 0 8px;
}

#seitenspalte a img {
 border: 1px solid #cad0ea;
}

#seitenspalte a:hover img {
 border: 1px solid #222a54;
}

#seite-adresse {
 margin: 15px 25px;;
}

#seitenspalte h3 {
font-size: 100%; 
}

#seite-adresse a {
 color: #222a54;
}

#seite-adresse p#dt-fundraising a img {
 border: 1px solid #222a54;
}

#seite-adresse p#dt-fundraising a:hover img {
 border: 1px solid #cad0ea;
}

p#dt-fundraising {
 text-align: center;
}

/* Content Formatierung */

#content {
 margin-left: 0;
 padding: 20px 50px;
 width: 674px;
 height: 410px;
 overflow: auto;
 background-image: url("/fileadmin/werbeprofis/images/wasserzeichen.gif");
 background-position: 200px 48px;
 background-repeat: no-repeat;
}

#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5 {
 font-family: Times,serif;
} 

#content h1 {
 margin: 10px 0;
 font-size: 130%
}

#content h1#title-h1 {
 margin-top: 0;
 padding-top: 0;
}

#content h2 {
 margin: 5px 0;
 font-size: 150%
}

#content h2#title-h2 {
 margin-top: 0;
 padding-top: 0;
}

#content p {
 margin: 1em 0;
}

#content a {

}

#content ul {
 margin-left: 2em;
}

/* Fussbereich Formatierung */

#fussbereich {
 position: relative;
 top: 0;
 left: 0;
 clear: both;
 color: #fff;
 width: 100%;
 height: 32px;  
 text-align: center;
 background-image: url(/fileadmin/werbeprofis/images/menue-back.jpg);
 background-repeat: repeat-x;
}

ul#navi-bottom {
 position: absolute;
 top: 0;
 left: 244px;
 list-style-type: none;
 width: 790px;
 color: #fff;
 border-left: 2px solid #c2c5d6;
}

#navi-bottom li {
 float: left;
}

#navi-bottom a {
 display: block;
 text-decoration: none;
 font-weight: bold;
 outline: none;
 color: #fff;
 border: 0;
 text-align: center;
 width: 150px;
 padding: 0;
 line-height: 32px;
 border-right: 2px solid #c2c5d6;
}

#navi-bottom a:hover {
 background-image: url(/fileadmin/werbeprofis/images/menue-back_selected.jpg);
 background-repeat: repeat-x;
 color: #c2c5d6;
}

/* Typo3-Formate */

.csc-frame-frame1 {
 border: 1px solid #222a54;
 padding: 0 1em;
 margin: 0 1em;
 font-size: 85%;
}

.csc-frame-invisible {
 clear: both;
}

/* allgemeine Formate */

.clearing {
 line-height: 0.01em;
 margin: 0;
 padding: 0;
 clear: both;
}

.invisible {
 position: absolute;
 top: -1000px;
 left: -1000px;
 visibility: none;
}

.left {
 float: left;
}

.right {
 float: right;
}

.image-left {
 float: left;
 margin-right: 5px;
}

.clear {
 clear: both;
}

.red {
 color: #ef2c30;
}

.center {
 text-align: center;
}

#content h1 {
 margin: 1.5em 0 ;
}

#content h2 {
 margin: 1.25em 0;
}

#content h3 {
 margin: 1em 0;
}


/* CSC-Mailform */



fieldset.csc-mailform {
 border: 0;
 padding: 0;
}

.csc-mailform-field fieldset {
 border: 0;
 padding: 0;
}

.csc-mailform-field fieldset legend {
 display: none;
}

.csc-mailform-field {
 margin-top: .25em;
}

.csc-mailform label {
 display: block;
 width: 11em;
 text-align: left;
 float: left;
 clear: left;
 padding-right: .5em;
}

.csc-mailform .csc-mailform-radio label {
 display: inline;
 width: inherit;
 text-align: left;
 float: none;
 clear: none;
 padding-right: 0;
}

.csc-mailform-submit {
 font-size: 1em;
 margin-left: 11.5em;
}

textarea {
 font-size: 1em;
 font-family: monospace;
}