body { margin:auto; font-size: 14px; font-family: verdana; background-color: #fff; background-image: url(img/bg.jpg); background-repeat: repeat-x; text-decoration: none; }
a {
    text-decoration: none;
    color: #464646;
    }
a:hover { color: #ff9c00;}
a:active { color: #ff9c00; text-decoration: none;}
a img { border-style: none; }
img { padding-right: 4px; }
h1 { color: #464646; font-size: 20px; line-height: 28px; border-bottom: 5px solid #e0e0e0; }
.ce_text { text-align: justify; }
#main_right .ce_text { font-size: 12px; text-align: left; }
/* Variable Klassen */
#aussen { background-color: #fff; margin: auto; width: 900px; height:  100%; }
#headerline { background-image: url(img/headerline.jpg); background-repeat: repeat-x; height: 15px; width: 900px; float: left; }
#header { width: 900px; height: 64px; }
#logo { background-image: url(img/logo.jpg); background-repeat: no-repeat; width: 241px; height: 60px; float: left; margin-top: 5px; margin-left: 10px; }
#navi { width: 600px; height: 60px; float: right; }
#headerpic { width: 900px; height: 228px; margin-top: 20px; }
#headerpichost { background-image: url(img/headerpichost.jpg); margin-top: 20px; width: 900px; height: 228px; }
#main { width: 900px; min-height: 250px; }
#main_content { width: 570px; float: left; min-height: 250px; padding-right: 20px; padding-bottom: 10px; padding-left: 10px; }
#main_content_host { padding-right: 10px; padding-bottom: 10px; padding-left: 10px; width: 880px; min-height: 250px; float: left; }
#main_right { width: 280px; float: right; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.clear {clear: both;}
#footer { background-color: #e0e0e0; background-repeat: repeat-x; width: 100%; }
#footerrahmen { margin: auto; width: 900px; height: 170px; padding-top: 20px; }
#footertext { width: 200px; height: 20px; float: left; padding-left: 10px; }
#footernavi { width: 400px; height: 20px; float: left; }
/**
 * Navigation
 Header*/
#header .invisible
{ display: none; }
.mod_navigation { display: inline; top: 40px; width: 200px; }
.mod_navigation ul
{ margin:0 10px 0 0; padding-right: 0; padding-left: 0; list-style-type:none; }

.mod_navigation li
{ margin:0; padding:0 14px; list-style-type:none; display: inline; }
.mod_navigation li.last { list-style-type: none; display: inline; margin: 0; padding-top: 0; padding-bottom: 0; padding-left: 14px; border-right-width: 0; }
.mod_navigation a, .mod_navigation li
{ font-size:20px; color:#464646; line-height: 66px; padding-bottom: 5px; }
.mod_navigation a:hover, .mod_navigation li:hover { color: #ff9c00; font-size: 20px; line-height: 66px; text-decoration: none; padding-bottom: 5px; }
.mod_navigation li.active { color: #ff9c00; font-size: 20px; line-height: 66px; background-color: #464646; text-decoration: none; padding-bottom: 5px; border-top: 30px solid #464646; display: inline; }
/** *Navigation Member */
#main_right .invisible { display: none; }
#main_right .mod_customnav li

{ font-weight: normal; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dashed #464646; display: block; list-style-type: none; list-style-image: none; }
#main_right .mod_customnav li.last { font-weight: normal; list-style-type: none; list-style-image: none; display: block; padding-top: 5px; padding-bottom: 5px; border-bottom: 0 dashed #464646; }
#main_right .mod_customnav li.active { color: #ff9c00; text-decoration: underline; }
#main_right .mod_customnav ul { font-weight: normal; text-decoration: none; margin: 0; padding-right: 0; padding-left: 0; list-style-type: none; list-style-image: none; display: block; }
#main_right .mod_customnav a { color: #36391e; font-weight: normal; }
#main_right .mod_customnav a:hover { color: #ff9c00; font-weight: normal; text-decoration: underline; }
/**
 * Navigation 
Footer*/
#footer .invisible { display: none; }
.mod_customnav li { font-weight: normal; list-style-type: none; list-style-image: none; display: inline; padding-right: 10px; padding-left: 10px; }
.mod_customnav li.active { color: #ff9c00; text-decoration: underline; }
.mod_customnav ul { font-weight: normal; text-decoration: none; list-style-type: none; list-style-image: none; display: inline; margin: 0; padding-right: 0; padding-left: 0; }
.mod_customnav a { color: #36391e; font-weight: normal; }
.mod_customnav a:hover { color: #ff9c00; font-weight: normal; text-decoration: underline; }
/**
 * Formular
 */
#main_content .invisible, #main_content_host .invisible { display: none; }
td { padding-right: 10px; }
.colspan { color: #464646; text-align: justify; padding-top: 10px; padding-bottom: 20px; }
.input { color: #464646; font-size: 14px; background: #ffffff url(img/input.gif) no-repeat left top; padding-top: 3px; padding-bottom: 4px; padding-left: 4px; width: 141px; height: 17px; border: solid 0 #cccccc; -moz-border-radius: 5px; }
 .submit {
    margin-top: 5px;
    padding-top: 0;
    color: #464646;
    height: 24px;
}
.submit:hover{
    color: #ff9c00
}
.checkbox_container { margin-bottom: 4px; }
.textarea, .text, .captcha {
    border: 1px solid #cccccc;
    margin-bottom: 4px;
    -moz-border-radius: 5px;
}
.select {
    height: 20px;
    border: 1px solid #cccccc;
    margin-bottom: 4px;
    -moz-border-radius: 5px;
}

.error {
    color: #E00303;
}
label { color: #464646; }

/**
 * News
 */
.layout_full h1 { display: none; }
/**
 * Akkordeon
 */

.toggler,.togglerc { font-size: 10pt; color: #464646; font-weight: bold; background-image: url(img/pfeil_rechts.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; text-decoration: none; height:16px; margin-bottom: 10px; padding-left: 25px; cursor: pointer; cursor: pointer; }
.ce_accordion, .ce_accordionc { text-align: justify; margin-bottom: 10px; }
.togglerc {margin:10px 0 0 0;}
/**
 * Referenz
 */

#referenz { width: 850px; min-height: 170px; margin-top: 10px; margin-bottom: 10px; }
h2 { color: #000; font-size: 12px; text-decoration: none; }
.ref_text { float: left; margin-left: 30px; }
.ref_text ul li { list-style-image: url(img/list.gif); }
table ul li { list-style-image: url(img/list.gif); }
.ref_pic { width: 250px; float: left; }

/**
 * Tabellen
 */
.hosting thead {background-color: #454545; color:#ffffff;}
table.hosting {margin: 10px 0;text-align:center;border-top:1px solid #ccc;border-left:1px solid #ccc;padding: 0;}
.hosting tr {border-bottom:1px solid #ccc;}
.hosting thead tr {margin: 0 0 10px 0;border-none;}
.hosting td {border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.hosting thead td {text-align:center;}

.mod_helpdesk table {width:100%;}
.mod_helpdesk .breadcrumb {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px;margin: 10px 0;}
.mod_helpdesk table th {background-color: #454545; color:#ffffff;}
.mod_helpdesk table .headercol {background-color: #ccc;}
.mod_helpdesk .topcontrols .functions {float:right;}
.mod_helpdesk .bottomcontrols .functions {float:right;}

.mod_helpdesk .hint {margin:4px 4px 10px 4px; font-size:11px;}
.mod_helpdesk .error_atch {margin:4px 4px 10px 4px; font-size:12px;color: ff0000;}
.mod_helpdesk .label_container {font-weight:bold;}

.mod_helpdesk #helpdesk_message,.mod_helpdesk .textinput {width:570px;}
.mod_helpdesk .submit_container .submit {float:right;}
.mod_helpdesk .submit_container {height:30px;}
.mod_helpdesk  .messages-reverse {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px;margin: 10px 0;}
.mod_helpdesk .attachments {border: 1px solid #ccc;margin: 15px; padding:5px;}
.mod_helpdesk .top-left {float:left; width:200px;}
.mod_helpdesk .top-right {float:left; width:350px;}

.mod_helpdesk .bottom-left {float:left; width:200px;}
.mod_helpdesk .bottom-right {float: left; width:100%;border-bottom:1px solid #ccc;margin:10px 0}
.message-container, .clearfloat {clear:both;}