html, body {
    height: 100%;
}

body {
    background: #f0f0f0 url('../img/body_bg.gif') top left repeat-x;
    font-size: 11px;
    font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
    color: #585858;
    padding:0px;
    margin:0px;
}

*  {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

/*[if EDITOR]
body, html {
    padding: 10px;
	background: #FFF;
}
[endif]*/

.nuc_pagebreak {
    margin: 0 0 24px 0;
    color: red !important;
    background-color: red !important;
    height: 2px !important;
    border: none !important;
    counter-increment: page 1;
}
.nuc_pagebreak:before {
    content: "(Ende Seite " counter(page) "; Begin Folgeseite)";
}

a {color: #cc0033; text-decoration:none; font-weight: bold}
a:visited {color:#cc0033; text-decoration:none}
a:hover {color: #cc0033; text-decoration:underline}
a:active { color:#cc0033; text-decoration:none}

h1 {
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    color: #cc0033;
    margin: 30px 0 0 0;
}

h2 {
    font-size:11px;
    font-weight: bold;
    padding: 0;
    margin: 5px 0 0 0;
    color: #000;
}

h3 {
    font-size:12px;
    color: #cc0033;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

p, pre{
    padding: 0px;
    margin: 15px 0px;
    color: #575757;
}

ul {
    padding: 0;
    list-style-type: square;
}

ul li {
    font-size: 11px;
    line-height: 16px;
    color: #2d2d2d;
    margin: 0 0 0 15px;
}

ul li ul {
    margin: 5px 0 0 0;
}

ol {
    padding: 0 0 0 26px;
}

img.imageborder {
    padding: 1px;
    border: 1px solid #575654;
}

.clear {clear: both;}

a.linkpfeil {
    background: url('../img/main_link_li.gif') 0px 3px no-repeat;
    padding-left: 8px;
}

a.redlink {color: #cc0033;}

a:visited.morelink,
a:active.morelink,
a.morelink {
    font-size: 10px;
    color: #0b5779;
    text-decoration: underline;
}

table.contenttable {
    boder: none;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

table.contenttable tr.light {
    background: #F0F0F0;
}

table.contenttable tr.dark {
    background: #E5E5E5;
}

table.contenttable tr td {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 2px;
}

/* ----------container zentriert das layout-------------- */
#container {
    width: 850px;
    margin: 0 auto;
}

/* HEADER */
#container #header {
    height: 100px;
    width: 100%;
    position: relative;
}

/* LOGO */
#container #header img#slogan {
    display: block;
    float: left;
    margin: 22px 0 0 13px;
}

#container #header img#logo {
    display: block;
    float: left;
    margin: 20px 0 0 10px;
}

/*SHORTNAVI */
#container #header div#shortmenu {
    position: absolute;
    top: 41px;
    left: 590px;
}

#container #header div#shortmenu a {
    font-weight: normal;
    padding: 0 4px;
}

/* LANGUAGE FLAGS */
#container #header div#languages {
    position: absolute;
    top: 36px;
    left: 770px;
    padding: 0;
    height: 25px;
    overflow: hidden;
    margin: 0 0 0 10px;
}

#container #header div#languages a {
    padding: 0;
    margin: 0 2px 0 0;
    line-height: 13px;
    height: 25px;
    width: 30px;
    display: block;
    float: right;
}

#container #header div#languages a#flag_deutsch {
    background: url('../img/lang/de.gif') no-repeat;
}

#container #header div#languages a#flag_deutsch.selected{
    background: url('../img/lang/de_de.gif') bottom left no-repeat;
}
#container #header div#languages a#flag_deutsch:hover {
    background: url('../img/lang/de_de.gif') top left no-repeat;
}

#container #header div#languages a#flag_englisch {
    background: url('../img/lang/en.gif') bottom left no-repeat;
}

#container #header div#languages a#flag_englisch.selected {
    background: url('../img/lang/en_gb.gif') bottom left no-repeat;
}
#container #header div#languages a#flag_englisch:hover {
    background: url('../img/lang/en_gb.gif') top left no-repeat;
}

#container #header div#languages a#flag_italienisch {
    background: url('../img/flag_it.gif') bottom left no-repeat;
}

#container #header div#languages a#flag_italienisch.selected,
#container #header div#languages a#flag_italienisch:hover {
    background: url('../img/flag_it.gif') top left no-repeat;
}

#container #header div#languages a#flag_franzoesisch {
    background: url('../img/flag_fr.gif') bottom left no-repeat;
}

#container #header div#languages a#flag_franzoesisch.selected,
#container #header div#languages a#flag_franzoesisch:hover {
    background: url('../img/flag_fr.gif') top left no-repeat;
}

/* MAINMENU */
#container #mainmenu {
    height: 34px;
    background: #929794;
    position: relative;
    z-index: 5;
}

#container #mainmenu ul {
    list-style-type: none;
    position: absolute;
    width: 847px;
    height: 64px;
    padding-left: 3px;
    overflow: hidden;
}

#container #mainmenu ul li {
    float: left;
    height: 30px;
    margin: 4px 2px 0 0;
    position: relative;
}

#container #mainmenu ul li a {
    display: block;
    color: #FFF;
    line-height: 26px;
    padding: 0 18px 4px 18px;
    font-weight: bold;
    font-size: 12px;
    background: #6d716f url('../img/mainmenu_li.gif') bottom center no-repeat;
}

#container #mainmenu ul li.selected a,
#container #mainmenu ul li a:hover {
    text-decoration: none;
    background: #000 url('../img/mainmenu_li_hover.gif') bottom center no-repeat;
}

/* MENU ZWEITE EBENE */
#container #mainmenu ul li ul {
    display: none;
    z-index: 11;
}

#container #mainmenu ul li:hover div {
    position: absolute;
    top: 30px;
    left: -1200px;
    width: 2400px;
    height: 34px;
    z-index: 201;

}

#container #mainmenu ul li:hover ul {
    display: block !important;
    position: absolute;
    top: 25px;
    left: 0;
    padding-left: 20px;
    width: 600px;
    z-index: 202;
}

#container #mainmenu ul li.selected ul {
    position: absolute;
    top: 25px;
    left: 0;
    padding-left: 20px;
    width: 500px;
    display: block;
    z-index: 10;
}

#container #mainmenu ul li.selected:hover div {
    display: none;
}

#container #mainmenu ul li:hover ul li,
#container #mainmenu ul li.selected ul li {
    background: url('../img/mainmenu_zweite_li.gif') center left no-repeat;
    height: 30px;
    padding: 0 16px 0 10px;
    margin: 0;
}

#container #mainmenu ul li:hover ul li a,
#container #mainmenu ul li.selected ul li a {
    background: none !important;
    line-height: 30px;
    padding: 0;
    margin: 0;
    color: #cf8f9f;
    display: block;
}

#container #mainmenu ul li ul li a:hover {
    background: none !important;
    color: #FFF;
}

#container #mainmenu ul li.selected ul li.selected a,
#container #mainmenu ul li.selected ul li a:hover {
    background: none !important;
    color: #FFF;
}


#container #mainmenu ul li:hover ul.nav13 {
    width: 320px;
}

#container #mainmenu ul li:hover ul.nav4 {
    width: 320px;
}

/* Änderung für Startseite */

#container #mainmenu ul li:hover ul.blue li {
    background: url('../img/mainmenu_zweite_li_blue.gif') center left no-repeat !important;
}
#container #mainmenu ul li:hover ul.blue li a {
    color: #58899e !important;
    background: none;
}
#container #mainmenu ul li ul.blue li a:hover {
    color: #7baabe !important;
    background: none;
}


/* LOGIN AREA */
#container #mainmenu div#loginarea {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 34px;
    color: #cfd5d1;
    font-size: 12px;
    margin: 0 6px 0 0;
    z-index: 10;
}

#container #mainmenu div#loginarea a {
    margin: 0 8px;
    font-size: 12px;
    color: #cfd5d1;
    font-weight: normal;
}

#container #mainmenu div#loginarea a:hover {
    text-decoration: underline;
}

/* LOGIN WINDOW */
#container #mainmenu div#login_window {
    position: absolute;
    top: 34px;
    right: 0;
    height: 100px;
    width: 129px;
    color: #FFF;
    padding: 13px;
    background: #929794;
}

#container #mainmenu div#login_window input {
    border: 1px solid #929794;
    height: 15px;
    width: 104px;
    padding: 1px 3px 0 3px;
    font-size: 10px;
}

#container #mainmenu div#login_window input.submit {
    border: none;
    width: 18px;
    height: 18px;
    margin: 5px 0 0 0;
}

/* BANNER */
#container #banner {
    height: 193px;
    font-size: 0;
    position: relative;
    z-index: 1;
}

#container #banner div#textblock {
    position: absolute;
    top: 50px;
    left: 28px;
    width: 500px;
    height: 100px;
    background: none;
}

#container #banner div#textblock h1 {
    font-size: 22px;
    color: #FFF;
    font-weight: bold;
}

#container #banner div#textblock h2 {
    font-size: 14px;
    color: #FFF;
    font-weight: normal;
}

/* FOOTER */
#container #footer {
    position: relative;
    height: 66px;
    width: 100%;
    border-top: 1px solid #fff;
    background: #cfcfcf url('../img/footer_bg.gif') top right no-repeat;
}

#container #footer span {
    position: absolute;
    margin: 22px 0 0 36px;
}
#container #footer span#copy {
    position: absolute;
    margin: 15px 0 0 36px;
}
#container #footer span.right {
    position: absolute;
    right: 23px;
    top: 5px;
    margin: 32px 0 0 0;
}

#container #footer span.right a {
    color: #cc0033;
}

/******************* WARNINGS *************************/
#content div.warning{
    padding:5px;
    background: #e5f7fd;
    border: 1px solid #00a1e4;
    font-size: 11px;
    color: #264a5a;
    margin: 0 0 10px 0;
}

#content div.warning table,
#content div.warning h3{
    font-size:1.1em;
}

#content div.info{
    background: #F0F0F0 url('../img/icon_information.gif') 10px 5px no-repeat;
    padding: 5px 5px 5px 35px;
    border: 1px solid #929794;
}

#content div.infoconfig{
    background: #F0F0F0 url('../img/icon_information.gif') 10px 5px no-repeat;
    padding: 5px 5px 5px 35px;
    margin: 0 25px 0 0;
    border: 1px solid #929794;
}

#content div.alert{
    background: #F0F0F0 url('../img/icon_alert.gif') 10px 5px no-repeat;
    padding: 5px 5px 5px 35px;
}

#content div.error{
    background: #fce0d3 url('../img/icon_error.gif') 10px 5px no-repeat;
    padding: 5px 5px 5px 35px;
    border: 1px solid #f26522;
}

#content div.error p {
    margin: 0;
}

#content div.small{
    background-position: 10px 5px;
}

#content div.warning ul{
    font-size:1.25em;
}

table.warenkorb .shop-basket-next {
    margin-top: 4px;
    margin-right: 4px;
    float: right;
}

/* Typographie Umfragen */

.fragebogen, .fragebogen td, .fragebogen input, .fragebogen textarea, .fragebogen select {
    margin: 5px 5px 0 0;
}

.fragebogen h2 {
    margin: 10px 0 5px 0;
}

.fragebogen h2.formhead {
    font-size: 18px;
}

.fragebogen .frage_kasten {
    margin-bottom: 20px;
}
.fragebogen .frage_kasten .frage {
    font-weight: bold;
}
.fragebogen .fehler {
    font-weight: bold;
    color: #C41425;
}
.fragebogen .vielen_dank {
    font-weight: bold;
}

/* Eingabefelder und Buttons*/
.fragebogen .einzeiliges_textfeld {
    width: 100%;
}
.fragebogen .mehrzeiliges_textfeld {
    width: 100%;
    height: 50px;
    border: 1px solid #2966C2;
}
/* nur für IE 5.5 - 6.x */
* html .fragebogen .frage_kasten .einzeiliges_textfeld,
* html .fragebogen .frage_kasten .mehrzeiliges_textfeld {
    width: 98%;
}
/* nur vom IE 5.0 */
html + body .fragebogen .frage_kasten .einzeiliges_textfeld,
html + body .fragebogen .frage_kasten .mehrzeiliges_textfeld {
    width: 98%;
}
.fragebogen .button {
    font-size: 12px;
    border: 1px solid #2966C2;
    background: #FFFFFE;
}
.fragebogen .required {
    position: relative;
    top: 2px;
    color: #C3032C;
    font-size: 15px;
}
.fragebogen hr {
    border: none;
    border-bottom: 1px solid #D7D7D7;
    margin: 10px 0 10px 0;
    width: 481px;
}

.fragebogen .radio {
    margin: 5px 12px 0 12px;
}

.fragebogen .radioside {
    width: 480px;
    min-height: 30px;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 15px;
}

.fragebogen .radioleft {
    float: left;
    width: 78px;
    text-align: center;
}

/* Gruppenauswahl */

.fragebogen table.frage_kasten {
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #DFDFDF;
    /*border-top: 1px solid #DFDFDF;*/
    margin: 0;
    width: 480px;
}

.fragebogen table.frage_kasten tr td {
    padding: 5px 3px;
    text-align: center;
    /*background: #E6E6E6;*/
    min-width: 58px;
}
.fragebogen table.frage_kasten tr td.space {
    /*background: none;*/
}

.fragebogen table.frage_kasten tr td.raster_frage {
    text-align: right;
    color: #000;
    /*background: none;*/
}

.fragebogen table.frage_kasten tr td.headbg {
    /*background: #D4D4D4;*/
    font-weight: bold;
}