/* Default font settings

------------------------------------------------------------------------------------------------ */

html,
body {
    height: 100%;
}

body {
    line-height: 1.5em;
    background-color: #ee8824;
}

body,
button,
input,
select,
textarea {
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #000000;
}

.hideme {
    display: none;
}

.clearing {
    clear: both;
    float: none;
}





/* Headings 

------------------------------------------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0 10px 0;
}

h1 {
    font-size: 30px;
    color: #ee8824;
    margin: 35px 0 25px;
    line-height: 35px;
    font-weight: bold;
    text-align: center;
}

h2 {
    font-size: 30px;
    color: #ee8824;
    margin: 35px 0 25px;
    line-height: 35px;
    font-weight: bold;
    text-align: center;
}

h3 {
    font-size: 16px;
    color: #ee8824;
    margin: 10px 0;
}





/* Fonts

------------------------------------------------------------------------------------------------ */







/* Text elements

------------------------------------------------------------------------------------------------ */

p {
    margin: 15px 0 15px 0;
}

cite {
    font-style: italic;
}

strong {
    font-weight: bold;
}



a {
    color: #ee8824;
}

a:focus {
    outline: 0;
}

a:hover {
    text-decoration: none;
}

a:hover,
a:active {
    outline: 0;
}

sup {
    vertical-align: super;
    font-size: 80%;
}



/* Images

------------------------------------------------------------------------------------------------ */

img {
    border: none;
}





/* Lists

------------------------------------------------------------------------------------------------ */

ol,
ul {
    margin: 10px 0 10px 20px;
    padding: 0 0 0 20px;
}

li ol,
li ul {
    margin: 0;
}

ol {
    list-style-type: decimal;
}

ul {
    list-style-type: disc;
}

li {
    margin: 0 0 3px 0;
}







/* Tables

------------------------------------------------------------------------------------------------ */

table {}





/* Forms 

------------------------------------------------------------------------------------------------ */



form label {
    display: block;
    width: 390px;
    line-height: 30px;
}

form input[type=text],
form input[type=password] {
    width: 250px;
    padding: 2px 5px;
}

form select {
    width: 265px;
}

form textarea {
    width: 250px;
    height: 100px;
    padding: 10px 5px;
    resize: none
}

form .submit {
    display: block;
    margin-top: 10px;
    cursor: pointer;
    background-color: #ee8824;
    padding: 5px 8px;
    color: #ffffff;
    border: none;
}

form .submit:hover {
    background-color: #F49C4D;
}



form br {
    display: none !important;
    display: block;
    float: left;
}



/* Form error */

p.error {
    color: #ff0000;
}



/* CONTACT FORM + PAGE */

#kontakt .ce_text {
    border: none;
    width: 395px !important;
    display: block;
    float: left;
    margin-right: 60px;
}

#kontakt .ce_form {
    border: none;
    width: 395px !important;
    display: block;
    float: left;
}



/* REGISTER */

#register .ce_text {
    border: none;
    width: 395px !important;
    display: block;
    float: left;
    margin-right: 60px;
}

#register .ce_form {
    border: none;
    width: 395px !important;
    display: block;
    float: left;
}



.mod_login {
    border: none;
    width: 395px !important;
    display: block;
    float: left;
}

.captcha_text {
    display: block;
    font-size: 11px;
}



.ce_text.register {
    position: absolute;
    right: 0;
    width: 200px;
    text-align: right;
}

.ce_text.register a {
    margin-top: 10px;
    background-color: #006431;
    padding: 5px 8px;
    color: #ffffff;
    border: none;
    text-decoration: none;
}

.ce_text.register a:hover {
    background-color: #66846f;
}

.guesttext {
    border: none;
    width: 395px !important;
    display: block;
    float: left;
    margin-right: 60px;
}









/* General design

------------------------------------------------------------------------------------------------ */

.wrapper {
    position: relative;
    margin: 0 auto;
    min-width: 980px;
    max-width: 1180px;
    min-height: 500px;
}

#page {
    margin: 60px 10px 0;
    background-color: #ffffff;
}

.inner_wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0 0 20px 0;
    width: 960px;
}



a#logo {
    position: absolute;
    left: 50%;
    margin-left: -470px;
    display: block;
    width: 300px;
    height: 146px;
    text-indent: -9999px;
    z-index: 1001;
    background-image: url('../_images/logofontana.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
}





/* Header design

------------------------------------------------------------------------------------------------ */

#header {
    position: relative;
    height: 155px;
    margin: 0 35px 0 0;
    z-index: 1000;
}

/* SWITCH LANGUAGE*/

.mod_changelanguage {
    position: absolute;
    top: 10px;
    right: 0;
}

.mod_changelanguage ul {
    margin: 0;
    padding: 0;
}

.mod_changelanguage ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mod_changelanguage ul li span {
    display: block;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    background-image: url('../_images/flags.png');
}

.mod_changelanguage ul li.lang-de span {}

.mod_changelanguage ul li.lang-de span.active {}

.mod_changelanguage ul li.lang-en span {}

.mod_changelanguage ul li.lang-en span.active {}



/* NAVIGATION */

.ie7 ul#navigation.level_1 {
    height: 27px;
}

.ie7 ul#navigation.level_1>li {
    display: block;
    float: left;
    padding: 0px 10px 0px 9px;
    margin: 0 0 20px 0;
    border: none;
    background-image: url('../_images/navborder.gif');
    background-repeat: no-repeat;
    background-position: top right;
}

.ie7 ul#navigation.level_1>li.last {
    background-image: none;
}

.ie7 ul#navigation.level_1>li>a {
    text-decoration: none;
    line-height: 30px;
    color: #686869;
    padding: 0 0 6px 0;
    display: block;
}

.ie7 ul#navigation.level_1 li:hover ul {
    position: absolute;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    margin: 0px 0 0 -40px;
    text-align: left;
    background-color: #ee8824;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}



ul#navigation.level_1 {
    float: right;
    font-size: 14px;
    margin: 87px 0 0 0;
    padding: 0;
    display: table;
    width: 573px;
    padding: 8px 0px;
    background-color: #d0d1d2;
    background-image: url('../_images/navbg.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    border: 1px solid #4e7159;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

ul#navigation.level_1>li {
    list-style: none;
    display: table-cell;
    padding: 3px 5px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #000000;
}

ul#navigation.level_1>li:last-of-type {
    border: none;
}

ul#navigation.level_1>li>a {
    text-decoration: none;
    padding: 0 0 20px 0;
    color: #686869;
}

ul#navigation.level_1>li>a:hover,
ul#navigation.level_1>li.trail>a,
ul#navigation.level_1>li.active>a,
ul#navigation.level_1>li.hover>a {
    color: #000000;
}



ul#navigation.level_1 li ul {
    display: none;
}

ul#navigation.level_1 li:hover ul {
    position: absolute;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    margin: 12px 0 0 0;
    text-align: left;
    background-color: #ee8824;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border-top: 1px solid #fff;
}

ul#navigation.level_1 li ul li {
    list-style: none;
    margin: 0;
    padding: 4px 5px;
}

ul#navigation.level_1 li ul li a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

ul#navigation.level_1 li ul li a:hover,
ul#navigation.level_1 li ul li.active {
    color: #ffffff;
}







/* Content design

------------------------------------------------------------------------------------------------ */

.startpage #container {
    border: none;
}

.startpage #container h1 {
    border-top: 1px solid #000000;
    padding-top: 15px;
    margin-top: 25px;
    margin-right: 5px;
}

#container {
    position: relative;
    width: 843px;
    margin: 0 0 0 80px;
    padding: 0px 0 10px 0;
    font-size: 14px;
    line-height: 1.2em;
    border-top: 1px solid #000000;
}

.mod_article {
    width: 850px;
}

.ce_text.column.left {
    padding-right: 60px;
}

.ce_text.column {
    border: none;
    width: 395px !important;
    display: block;
    float: left;
}

.ce_text.column.full {
    width: 850px !important;
    float: none;
}

.ce_text.zentriert {
    text-align: center;
}

.ce_text.zentriert .siegel img {
    margin: 0 10px;
}

.siegel img {
    height: 60px;
    width: auto;
    vertical-align: middle;
}

.siegel img:first-of-type {
    height: 50px;
}



.line {
    clear: both;
    float: none;
    display: block;
    border-bottom: 1px solid #000;
    padding: 20px 0 0 0;
    margin: 20px 0;
}





/* STARTSLIDER */

.ce_slider_item {
    position: relative;
    width: 841px;
    height: 411px;
}



.ce_slider_controls_elements * {
    background-image: url('../_images/arrow.png') !important;
    background: red !important;
}



table.slidetext {
    position: absolute;
    bottom: 50px;
    left: 50px;
    z-index: 100;
    width: 262px;
    height: 117px;
}

table.slidetext td.link table {
    width: 100%;
    text-align: right;
    margin: 0 0 1px 0;
    background-image: url('../_images/white_trans.png');
}

table.slidetext td.link table a {
    color: #5b6269;
    padding-right: 10px;
    font-size: 11px;
    text-decoration: none;
    background-image: url('../_images/arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
}

table.slidetext td.link table a:hover {
    text-decoration: underline;
}

table.slidetext td.link table td {
    padding: 10px;
}



table.slidetext td.text table {
    width: 100%;
    color: #575858;
    background-image: url('../_images/white_trans.png');
}

table.slidetext td.text table td {
    padding: 0 10px;
}

table.slidetext td.text table td.headline {
    padding: 10px 10px 0 10px;
}

table.slidetext td.text table td.dertext {
    padding: 0 10px 10px 10px;
}

table.slidetext td.text h3,
table.slidetext td.text h2 {
    color: #575858;
    margin: 0px 0 0px 0;
    line-height: 15px;
}

table.slidetext td.text h4 {
    margin: 0px;
    padding: 0;
}

table.slidetext td.text p {
    margin: 5px 0;
    padding: 0;
}





/* NEWS */

.news_latest {
    width: 395px !important;
    display: block;
    float: left;
}

.news_latest.first {
    padding-right: 60px;
}

.news_latest h3 a {
    color: #000;
    text-decoration: none;
}

.news_latest h3 a:hover {
    text-decoration: underline;
}

p.more a {
    padding-right: 10px;
    font-size: 11px;
    color: rgba(251, 135, 35, 0.7);
    text-decoration: none;
    background-image: url('../_images/arrow.gif');
    background-repeat: no-repeat;
    background-position: right center;
}

p.more a:hover {
    text-decoration: underline;
}





/* Buttons */

a.btn {}





/* Footer design

------------------------------------------------------------------------------------------------ */

#footer {
    margin: 17px 10px;
    padding: 0 0 30px 0;
    font-size: 12px;
    color: #ffffff;
}

#footer img {
    display: block;
    float: left;
    margin: 0 12px 0 0;
}

#footer span {
    display: block;
    padding: 16px 0 0 0px;
}

#footer a {
    color: #ffffff;
    text-decoration: none;
}

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

/* Toplink */

#footer a.toplink {
    float: right;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: -103px -50px 0 0;
    padding: 20px 0 0 0;
    width: 46px;
    height: 26px;
    background-color: #ffffff;
    color: #ee8824;
    background-image: url('../_images/arrowtop.gif');
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

#footer a.toplink:hover {
    color: #ee8824;
    text-decoration: none;
}