/* GLOBAL */

body
{
    text-align: left;
    background-color: white;
    margin: 0;
}

body, div, table, input, select, textarea
{
    font-family: Arial;
    color: #4b4b4b;
    font-family: Arial;
    font-size: 12px;
    line-height: 15px;
    padding: 0;
    margin: 0;
}

hr
{
    color: #FFFFFF;
    border: 0;
    border-bottom: dotted 1px #AAAAAA;
}

h1
{
    margin-top: 0;
    color: #4b4b4b;
    font-size: 22px;
    line-height: 24px;
}

h2
{
    margin-top: 0;
    color: #4b4b4b;
    font-size: 7.5pt;
    display: block;
    padding: 2px 5px 2px 5px;
    font-weight: bold;
}

h3
{
    font-weight: bold;
    margin-bottom: 4px;
}

.contentorange
{
    color: #FF6600;
}

.red
{
    color: red;
}

.image_left
{
    float: left;
    padding-right: 20px;
    padding-left: 0px;
    padding-bottom: 20px;
}

.image_right
{
    float: right;
    padding-right: 0px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.imagelink
{
    margin-bottom: 8px;
}

ul
{
    color: #4b4b4b;
    font-family: Arial;
}

li
{
    padding-bottom: 3px;
}

.clear
{
    clear:both;
}

#main-content ul, #right-content ul, #right-content-ref, #large-content ul, #middle-home-content ul, #right-home-content ul, #main-content .onecell ul, #right-content .onecell ul, #right-content-ref .onecell ul, #large-content .onecell ul, #middle-home-content .onecell ul, #right-home-content .onecell ul, .landingPageContainer ul, #landingPage ul
{
    list-style: none;
    border-bottom: 1px dotted #AAAAAA;
    padding-left: 0;
    margin-left: 0;
}

#main-content .noline ul
{
    border: 0;
}

#main-content li, #right-content li, #right-content-ref li, #large-content li, #middle-home-content li, #right-home-content li, #main-content .onecell li, #right-content .onecell li, #right-content-ref .onecell li, #large-content .onecell li, #middle-home-content .onecell li, #right-home-content .onecell li, .landingPageContainer li, #landingPage li
{
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    padding: 4px 0 4px 35px;
    border-top: 1px dotted #AAAAAA;
}

.rss
{
    background-image: url(../images/bullet_rss.gif);
    display: block;
}

.rss a
{
    display: block;
    line-height: 16px;
}

p
{
    color: #4b4b4b;
    font-family: Arial;
    margin: 3px 0 3px 0;
}

#main-content p
{
    margin-bottom: 8px;
}

a, a:visited, a:active
{
    text-decoration: none;
    color: #ff6600;
}

a:hover
{
    text-decoration: underline;
}

#main-content a, #main-content a:visited
{
    text-decoration: underline;
}




.arrowlink
{
    background: url(../images/link_arrow.gif) no-repeat top left;
    padding-left: 8px;
}

.noarrowlink
{
    background: none;
    padding-left: 0px;
}

#left-home-content .competence
{
    display: block;
    padding: 2px 5px 12px;
}

#left-home-content .competence:hover
{
    background: #eee;
    cursor: pointer;
}

#left-home-content h2
{
    display: block;
    padding: 2px 5px 0px;
    background: none repeat scroll 0 0 transparent;
    color: #FF6600;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
    padding-left: 0;
}

#left-home-content .competence h2
{
    background: none;
    margin: 0 0 5px;
    padding-left: 0;
    font-size: 22px;
    color: #4b4b4b;
    font-weight: bold;
    display: block;
}

#left-home-content .competence .more
{
    color: #217DAC;
}

#left-home-content .competence:hover .more
{
    color: #217DAC;
}

#left-home-content .competence:hover .more:hover
{
    text-decoration: underline;
}

#left-home-content .competence p, #left-home-content .competence:hover, #left-home-content .competence:hover h2, #left-home-content .competence:hover p, #left-home-content .competence:hover a, #left-home-content .competence:hover a:hover
{
    margin-top: 0;
    text-decoration: none;
}
#left-home-content .competence p
{
    font-size:14px;
    line-height:18px;
}

/* href logos */

.mail /* , a[href^="mailto:"] */
{
    display: inline-block;
    background: url(../images/icon_link_mailto.gif) no-repeat top left;
    padding-left: 18px;
}

.card /* , a[href$=".vcf"] */
{
    display: inline-block;
    background: url(../images/icon_link_vcard.gif) no-repeat top left;
    padding-left: 18px;
    width: 200px;
}

.phone
{
    display: inline-block;
    background: url(../images/icon_phone.gif) no-repeat top left;
    padding-left: 18px;
    width: 200px;
}

.xing
{
    display: inline-block;
    background: url(../images/icon_xing.gif) no-repeat top left;
    padding-left: 18px;
    width: 200px;
}

.fax
{
    display: inline-block;
    background: url(../images/icon_fax.gif) no-repeat top left;
    padding-left: 18px;
    width: 200px;
}

.print
{
    display: inline-block;
    background: url(../images/icon_print.gif) no-repeat top left;
    padding-left: 18px;
    width: 200px;
}

.weblink
{
    display: inline-block;
    background: url(../images/icon_weblink.gif) no-repeat top left;
    padding-left: 18px;
    width: 200px;
}

.facebook
{
    display: inline-block;
    background: url(../images/icon_facebook.gif) no-repeat top left;
    padding-left: 18px;
    width: 200px;
    padding-bottom: 5px;
}

.twitter
{
    display: inline-block;
    background: url(../images/icon_twitter.gif) no-repeat top left;
    padding-left: 18px;
    width: 200px;
}

/* HEADER */

#header
{
    margin: 0 auto;
    padding: 10px 0 0 0;
    text-align: left;
}

#headerlogo
{
    float: right;
    margin-bottom: 10px;
}

#headerbar
{
    clear: both;
    width: 961px;
    height: 7px;
    overflow: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #FF6600;
}

#headerflash
{
    margin: 0;
    padding:20px 0 10px 0;
}


/* for all templates */

#container
{
    width: 930px;
    margin: 0 auto;
    text-align: left;
    background: #FFFFFF;
    height: auto;
}

/* for main template */

#navigation
{
    float: left;
    width: 180px;
    margin: 0;
    padding: 0;
}

#main-content
{
    float: left;
    width: 450px;
    margin-left: 30px;
    font-size: 12px;
}

#main-content h1, #large-content h1
{
    margin-top: 8px;
}

#navigation ul
{
    margin-top: 8px;
}


#frmMailSolution
{
    background-image: none;
}

#frmMailSolution #main-content
{
    float: left;
    width: 450px;
    margin-left: 0px;
    font-size: 12px;
}

#right-content
{
    font-size: 8pt;
    float: left;
    width: 210px;
    margin-left: 60px;
}

#right-content-ref
{
    font-size: 8pt;
    float: left;
    width: 210px;
    margin-left: 60px;
}


#right-content div, #right-content-ref div, #right-content a, #right-content-ref a
{
    font-size: 8pt;
}

/* for large template */

#large-content
{
    float: left;
    width: 720px;
    margin-left: 30px;
    font-size: 12px;
}

/* for home template */

#left-home-content
{
    float: left;
    width: 430px;
    margin: 0;
    padding: 0;
}

#middle-home-content
{
    float: left;
    width: 220px;
    margin-left: 30px;
}

#right-home-content
{
    font-size: 12px;
    float: right;
    width: 220px;
    background: url(../images/bg_dotted_home.gif) no-repeat 0 8px;
}

#right-home-content a
{
    line-height: 17px;
}

#right-home-content a img
{
    border: 1px solid #dcdcdc;
}

#right-home-content a:hover img
{
    border: 1px solid #FF6600 !important;
}

/* HEADERNAVIGATION */

#headernavigation
{
    font-family: Arial;
    font-size: 11px;
    margin: 35px 0 0 0;
    padding: 0000;
    float: left;
    list-style-type: none;
    white-space: nowrap;
    border-left: 1pxdotted#AAAAAA;
    width: 810px;
}

#headernavigation li
{
    display: inline;
}

#headernavigation li a
{
    color: #4b4b4b;
    padding: 2px 6px;
    float: left;
    border-right: 1px dotted #AAAAAA;
    font-weight: normal;
    background: 0;
}

#headernavigation li .active
{
    color: #FF6600;
    font-weight: bold;
    background: 0;
}


.navigation_headline_three_columns
{
    height:12px;
    background-image:url(../images/trennstrich-3spalten.gif);
    background-repeat:no-repeat;   
    padding:0 0 10px 0;
}

.navigation_headline_two_columns
{
    height:12px;
    background-image:url(../images/trennstrich-2spalten.gif);
    background-repeat:no-repeat;   
    padding:0 0 10px 0;   
}


/* LEFTNAVIGATION */

#leftnavigation
{
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-family: Arial;
    vertical-align: middle;
    text-align: left;
    border-bottom: dotted 1px #AAAAAA;
    list-style-type: none;
    line-height: 22px;
}

#leftnavigation li
{
    border-top-style: dotted;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-width: 1px;
    border-color: #AAAAAA;
    padding: 0px 0px 1px 0px;
    display: block;
    background-color: #FFFFFF;
    line-height: 22px;
}

#leftnavigation li .active
{
    background-color: #F7F7F7;
    color: #ff6600;
    font-weight: bold;
    line-height: 22px;
}
#leftnavigation li .arrow
{
    background: url(../images/pfeil-subnavigation.gif) scroll 10px 9px;
    background-repeat:no-repeat;
    padding-left:20px;
}
#leftnavigation li .active_arrow
{
    background: url(../images/pfeil-subnavigation-aktiv.gif) scroll 10px 9px;
    background-repeat:no-repeat;
    padding-left:20px;
    background-color: #F7F7F7;
    color: #ff6600;
    font-weight: bold;
    line-height: 22px;
}

#leftnavigation li.firstinlevel2
{
    border-top-style: dotted;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-width: 1px;
    border-color: #AAAAAA;
    padding: 0px 0px 1px 11px;
    display: block;
    background-color: #FFFFFF;
    line-height: 20px;
}

#leftnavigation li.firstinlevel2 .active
{
    background-color: #FFFFFF;
    color: #4b4b4b;
    font-weight: bold;
    line-height: 20px;
}

#leftnavigation li.level2
{
    border-style: none;
    padding: 0px 0px 1px 11px;
    display: block;
    background-color: #FFFFFF;
    line-height: 20px;
}

#leftnavigation li.level2 .active
{
    background-color: #FFFFFF;
    color: #4b4b4b;
    font-weight: bold;
    line-height: 20px;
}

#leftnavigation a
{
    display: block;
    background: 0;
    padding: 0 0 0 10px;
}

#leftnavigation li a:hover
{
    color: #ff6600;
}

#leftnavigation a, #leftnavigation a:visited
{
    color: #4b4b4b;    
}




/* META-NAVIGATION */

#metanavigation
{
    background-image: url(../images/meta_top.gif);
    background-repeat: repeat-x;
    text-align: left;
    height: 32px;
    clear: both;
    padding: 0;
    border: none 0;
}

#metacontainer
{
    width: 930px;
    margin: 0 auto;
    text-align: left;
    height: auto;
}

#metanavigationleft
{
    margin-top: 10px;
    float: left;
    text-align: left;
    font-size: smaller;
    color: #ABABAB;
}

#metanavigationright
{
    margin-top: 10px;
    float: right;
    text-align: right;
    font-size: smaller; 
    color: #ABABAB;
}

#metanavigationleft a, #metanavigationright a
{
    color: #ABABAB;
    background: 0;
    padding: 0;
}

/* FOOTER */

#footer
{
    background-color:#ff6600;
    text-align: center;
    height: auto;
    clear: both;
    margin: 50px 0 0 0;
    border: none 0;
}
#footer div
{
    color:White;
}
#footer a, #footer a:visited, #footer a:active
{
    color: white;
}

#footercontainer
{
    width: 930px;
    margin: 0 auto;
    text-align: center;
    color:White;
}

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


#footerleft
{
    float: left;
    text-align: left;
    font-size: 11px;
    margin-top: 20px;
    width: 400px;
}

* html #footerleft
{
    margin-left: 5px;
}

#footerbookmarks
{
    float: right;
    text-align: left;
    font-size: 11px;
    margin-top: 20px;
    margin-right: 20px;
    width: 160px;
}

#footerright
{
    float: right;
    text-align: left;
    font-size: 11px;
    margin-top: 20px;
    width: 150px;
}

#footerlinks
{
    float: left;
    text-align: left;
    font-size: 11px;
    margin-top: 20px;
    margin-left: 20px;
    width: 160px;
}

#footer .footerhead
{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid white;
    margin: 0 0 8px 0;
    padding: 0 3px 3px;
}

#footerleft .floatLeft
{
    width: 190px;
    height: 96px;
    float: left;
    font-size: 11px;
    margin: 9px 3px 6px 4px;
    overflow: hidden;
}

#footerleft .floatLeft img
{
    border: none;
    margin-left: -2px;
}

#footerleft a, #footerleft a:visited, #footerleft a:active
{
    color: white;
}

#footerright p
{
    margin-left: 3px;
    color: white;
}

#footerright div
{
    font-size: 11px;
}

#footerright a, #footerright a:visited, #footerright a:active
{
}

#footerlinks a, #footerlinks a:visited, #footerlinks a:active
{
    padding-left: 3px;
    line-height: 18px;
}

#footerbookmarks a, #footerbookmarks a:visited, #footerbookmarks a:active
{
    line-height: 16px;
    vertical-align: top;
    padding-left: 3px;
}
#footerbookmarks .socWeb
{
    padding: 2px 0 3px;
}

#footerlinks .marginTop
{
    margin-top: 30px;
}

.footer_tooltip
{
    position: absolute;
    width: 184px;
    border: 0;
    padding: 0 0 0 0;
    visibility: hidden;
    z-index: 999; /* increase value when not visible */
}

.textbox
{
    width: 200px;
}

#main-content h2, #large-content h2
{
    font-family: Arial;
    font-size: 12px;
    line-height: 15px;
    padding: 0;
    margin: 0;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 14px;
    background: none;
}

#right-content h2, #right-content-ref h2
{
    height: 17px;
    font-size: 8pt;
    display: block;
    padding: 2px 0 0 5px;
    margin-bottom: 8px;
    border-top:1px solid #4b4b4b;
    border-bottom:1px solid #4b4b4b;
}
#right-content h2
{
    margin-top:8px;
}

#left-home-content h1, #middle-home-content h1, #right-home-content h1
{
    font-family:Georgia;
    color: #4b4b4b;
    height: 27px;
    font-size: 17px;
    display: block;
    margin-bottom: 13px;
    padding: 4px 0 0 5px;
    font-weight: normal;
    border-bottom: 1px solid #4b4b4b;
}

/* content tables */

.onecell
{
}

.twocelltable
{
    padding-bottom: 3px;
}

.twocellleft
{
    width: 218px;
    padding: 0 14px 0 0;
}

.twocellright
{
    width: 218px;
}

.threecelltable
{
    padding-bottom: 3px;
}

.threecellleft
{
    width: 148px;
}

.threecellmiddle
{
    width: 148px;
    padding: 0 3px 0 3px;
}

.threecellright
{
    width: 148px;
}

.fourcellfirst
{
    width: 148px;
    padding: 7px 9px 7px 0px;
}

.fourcellsecond
{
    width: 148px;
    padding: 7px 9px 7px 9px;
}

.fourcellthird
{
    width: 148px;
    padding: 7px 9px 7px 9px;
}

.fourcellfourth
{
    width: 148px;
    padding: 7px 9px 7px 9px;
}

.floatingtd
{
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-style: none;
    padding: 10px 0 0 0;
}

.download
{
    margin: 0 0 10px 0;
    font-size: 11px;
}

.imagecaption
{
    background-color: #F6F6F6;
}

.imagecaption td
{
    border-top: 1px solid #FFFFFF;
    padding: 4px 6px 4px 6px;
}

.separator
{
    border-bottom: dotted 1px #AAAAAA;
    margin-bottom: 2px;
}

.double_separator
{
    border-bottom: dotted 1px #AAAAAA;
    margin-bottom: 2px;
    border-top: dotted 1px #AAAAAA;
    margin-top: 2px;
}

/* CONTROLS */

.control
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 200px;
}

.controllabel
{
    display: block;
    text-align: left;
    background-color: #F7F7F7;
    width: 100px;
    padding: 2px 2px 2px 2px;
}

.controlbig
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 310px;
    height: 150px;
}

.controlsmall
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100px;
}

input.button
{
    margin: 10px 50px 10px 0px;
}

/* NEWS */

.news_date
{
    line-height: 22px;
}

.news_top_date
{
    font-size: 11px;
}

.news_top_headline
{
    font-weight: bold;
    font-size: 11px;   
}

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

.news_headline
{
    font-weight: bold;
    display: block;
}

.news_message
{
    display: block;
}

.events_top_eventtype
{
    font-weight: bold;
    font-size: 11px;    
}

.events_top_date
{
    font-size: 11px;
}

.events_top_time
{
    font-size:11px;
}

.events_top_headline
{
    font-size: 11px;   
}

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


.news_top_message p, .news_message p
{
    margin: 0;
    padding: 0;
}


/* EVENTS LIST */
#eventslist .event_item
{
    padding-bottom:20px;
}

#eventslist h2
{
    margin: 3px 0 3px 0;
    font-size: 14px;
    line-height: 16px;
    color: #217DAC;
    width: 325px;
    float:left;
}

#eventslist .eventslist_eventstype
{
    width: 110px;
    display: block;
    text-align: right;
    font-size: 10px;
    color: #FF6600;
    vertical-align:top;
    margin:4px 0 0 0;
    float:right;
}

#eventslist .eventslist_date
{
    margin: 3px 0 14px 0;
    display: inline-block;
    background: url(../images/icon_datum.png) no-repeat left;
    padding-left: 19px;
    background-repeat: no-repeat;
    vertical-align:middle;
}

#eventslist .eventslist_time
{
    margin: 3px 0 14px 10px;
    display: inline-block;
    background: url(../images/icon_zeit.png) no-repeat left;
    padding-left: 17px;
    background-repeat: no-repeat;
    vertical-align:middle;
}

/* EVENTS DETAILS */
#events_details h2
{
    padding-bottom: 10px;
}

#events_details .eventslist_date
{
    margin: 0 0 7px 0;
    display: inline-block;
    background: url(../images/icon_datum.png) no-repeat left;
    padding-left: 19px;
    background-repeat: no-repeat;
    display: block;
    vertical-align:middle;
}

#events_details .eventslist_time
{
    margin: 0 0 7px 0px;
    display: inline-block;
    background: url(../images/icon_zeit.png) no-repeat left;
    padding-left: 19px;
    background-repeat: no-repeat;
    display: block;
    vertical-align:middle;
}

#events_details .eventslist_place
{
    margin: 0 0 7px 0px;
    display: inline-block;
    background: url(../images/icon_ort.png) no-repeat 0px 1px;
    padding-left: 19px;
    background-repeat: no-repeat;
    display: block;
    vertical-align:middle;
}

#events_details .events_details_button
{
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 12px;
    width: 150px;
    font-weight:bold;
    height:30px;
}

#events_details .events_details_hyperlink a
{
    font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

/* Events Formular */
#events_formular {padding: 20px 10px 20px 20px;}
#events_formular .events_formular_left_column  {width: 150px; float: left; font-size: 15px; margin: 2px 0 0 0;}
#events_formular .events_formular_right_column {width: 302px; float: left;}
#events_formular .events_formular_textbox {width:300px;}
#events_formular .events_formular_dropdownlist {width:302px;font-size:16px;}
#events_formular .events_formular_textbox_zip {width:50px;}
#events_formular .events_formular_textbox_city {width:245px;}
#events_formular .events_formular_row{margin: 10px 0 0 0;}
#events_formular .events_formular_gender{font-size:15px;}
#events_formular .events_formular_button
{
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 12px;
    width: 150px;
}

/* ACCORDION */

.accordion
{
    width: 297px;
    color: #000000;
}

.accordionHeader
{
    height: 45px;
    padding: 0px 0px 1px 3px;
    cursor: pointer;
}

.accordionBody
{
    height: 0px;
    overflow: hidden;
    padding: 0px 2px;
}

.accordionBody a
{
    font-size: 11px;
    padding-top: 3px;
    display: block;
}

.accordionBody img, .accordionHeader img
{
    margin-right: 4px;
    margin-top: 2px;
}

.accordionSeparator
{
    border-top: dotted 1px #AAAAAA;
}

.accodrionImage
{
    float: left;
    padding: 0 5px 5px 0;
}

/* SITEMAP */

#main-content ul.sitemap
{
    border-bottom: none;
}

#main-content li.sitemap_level3, #main-content li.sitemap_level3_firstinlevel
{
    display: block;
    width: 100%;
    line-height: 13px;
    background-color: #EEEEEE;
    background-image: none;
    border-top: none;
    padding-left: 5px;
    padding-right: 30px;
    border-top: solid 1px white;
}

#main-content li.sitemap_level4
{
    display: block;
    width: 100%;
    line-height: 13px; /* border-top: none; */
}

#main-content li.sitemap_level4_firstinlevel
{
    display: block;
    width: 100%;
    line-height: 13px;
    border-top: none;
}

#main-content li.sitemap_level5
{
    border-top: none;
    background-image: url(../images/bullet_left_navigation_sitemap.gif);
    background-repeat: no-repeat;
    width: 100%;
    line-height: 13px;
}

#main-content li.sitemap_level5_firstinlevel
{
    /* border-top: none; */
    background-image: url(../images/bullet_left_navigation_sitemap.gif);
    background-repeat: no-repeat;
    width: 100%;
    line-height: 13px;
}

#main-content li.sitemap_level6, #main-content li.sitemap_level6_firstinlevel
{
    border-top: none;
    background-image: none;
    width: 100%;
    line-height: 13px;
}

a.sitemap_level3
{
    padding-left: 0px;
    color: #4b4b4b;
}

a.sitemap_level4
{
    padding-left: 0px;
}

a.sitemap_level5
{
    padding-left: 20px;
}

a.sitemap_level6
{
    padding-left: 40px;
}

.newref
{
    position: absolute;
    display: block;
    bottom: 2px;
    left: 1px;
    width: 40px;
    height: 23px;
    z-index: 50;
    background-image: url(../images/neu-ecke.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.prevImgs
{
    display: block;
    padding-bottom: 1em;
}
.prevImgs td
{
    vertical-align: middle;
    text-align: center;
    height: 100px;
    width: 100px;
    padding: 5px !important;
    border: 1px solid #bebebe;
}
.prevImgs td:hover
{
    border: 1px solid #FF6600;
}
.prevImgs a
{
    font-size: 0.92em;
}
.prevImgs a:hover
{
}
.prevImgs a span
{
    vertical-align: middle;
}
.prevImgs a img, .prevImgs a span img
{
    display: inline;
    margin: 0 auto;
    border: none;
    overflow: hidden;
}

/* +++++++++++   Clearfix   +++++++++++ */
.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix
{
    display: inline-block;
}
html[xmlns] .clearfix
{
    display: block;
}
* html .clearfix
{
    height: 1%;
}
/* +++++++++++  E o clearfix   +++++++++++ */

/* Reference JS  */
#khtooltip
{
    background: #FAFAFA;
    font-size: 11px;
    border-top: 1px solid #E6E6E6;
    color: #4b4b4b;
    width: 200px;
}

#khtooltiphead
{
    background: #B4B4B4;
    padding: 5px 10px 5px 10px;
    color: #FFFFFF;
    font-weight: bold;
    width: 200px;
}

#khtooltipcontent
{
    padding: 5px;
    width: 200px;
    text-align: left;
    color: #4b4b4b !important;
}

#khtooltipclose
{
    position: absolute;
    top: 5px;
    right: 5px;
    float: right;
    width: 14px;
    height: 14px;
}

.landingPageHeader
{
    width: 700px;
    float: left;
    margin: 30px 0 0 20px;
}

.landingPageHeader h1
{
    margin: 0;
}

.landingPageContainer
{
    width: 296px;
    padding-right: 20px;
}

.landingPageContainerRight
{
    padding-right: 0px;
}

.landingPageTwoColumnLeftBig
{
    width: 630px;
    padding-right: 80px;
}

.landingPageTwoColumnRightSmall
{
    width: 300px;
    padding-right: 0px;
}

.landingPageTwoColumnLeft
{
    width: 455px;
    padding: 0px;
}

.landingPageTwoColumnRightSmall
{
    width: 455px;
    padding: 0px;
}

.landingPageContainer h2, #landingPage h2
{
    margin-top: 0;
    color: #FF6600;
    font-size: 16px;
    line-height: 16px;
    background: none;
    padding: 0;
}

.landingPageContainer ul
{
    margin-bottom: 10px;
}

#landingPage
{
    padding: 0 15px 0 15px;
}


#divLeadGenLayer .headline
{
    display: block;
    padding: 2px 5px 12px;
    background: none repeat scroll 0 0 transparent;
    display: block;
    font-size: 22px;
    font-weight: bold;
    padding: 20px 0 30px 10px;
}

#divLeadGenLayer td, input, .textfield
{
    font-size: 16px;
    line-height: 16px;
}

#divLeadGenLayer input
{
    margin-right: 5px;
}

#divLeadGenLayer span
{
    margin-right: 15px;
}

#divLeadGenLayer form
{
    background-image: none;
}

#divLeadGenLayer .textfield
{
    width: 400px;
}

#newproject .label
{
    width: 150px;
}
#newproject .textbox
{
    width: 400px;
}
#newproject .dropdownlist
{
    width: 402px;
}

#formular .searchinputbox
{
    background-color: transparent;
    background-image: url(../images/bg_searchinput.gif);
    background-position: right top;
    background-repeat: no-repeat;
    width: 174px;
    height: 34px;
    margin: 4px 0 0 0;
    overflow: hidden;
    border: none;
}

#formular .inputboxinline
{
    background-color: transparent;
    background-image: url(../images/bg_searchinput.gif);
    background-position: right top;
    background-repeat: no-repeat;
    width: 174px;
    height: 34px;
    margin: 4px 0 0 0;
}

#formular .forminputboxinline210
{
    background-color: transparent;
    background-image: url(../images/bg_input_210.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 240px;
    height: 23px;
    margin: 0;
}

#formular .formtextareaboxinline
{
    background-color: transparent;
    background-image: url(../images/bg_textarea.gif);
    background-position: right top;
    background-repeat: no-repeat;
    width: 240px;
    height: 101px;
    margin: 0;
}

#formular .forminpt
{
    width: 260px;
    height: 21px;
    color: #4b4b4b;
    font-size: 14px;
    margin: 0 5px 0 10px;
}

#formular .txtarea
{
    width: 219px;
    height: 91px;
    background: transparent;
    border: none;
    color: #999;
    font-size: 12px;
    margin: 3px 5px 3px 15px;
    overflow: auto;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

#formular .menuipt
{
    width: 137px;
    height: 21px;
    background: none;
    border: none;
    color: #999;
    font-size: 11px;
    margin: 3px 13px 0 13px;
}

#formular .ipt
{
    width: 153px;
    height: 22px;
    background: transparent;
    border: none;
    color: #999;
    font-size: 11px;
    margin: 2px 5px 0 15px;
}

#formular .inputlabel
{
    float: left;
    width: 170px;
    padding: 4px 0 4px 5px;
    background: #F7F7F7;
    display: block;
    border: 0px solid #e8e8e8;
}

#formular .inputlabelbig
{
    width: 175px;
    background: #F7F7F7;
    display: block;
    border: 0px solid #e8e8e8;
    height:100%;
    position:absolute;
}

#formular .inputlabelbig .inputlabelbigtext
{
    position:absolute;
    top:4px;
    left:5px;
}

#formular .inputlabel label
{
    width: 186px;
}

#formular .inputfield
{
    float: left;
    width: 250px;
    padding: 0;
    background: #FFF;
    border: 0px solid #FFF;
    border-radius-topright: 3px;
    border-radius-bottomright: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-radius-topright: 3px;
    -webkit-border-radius-bottomright: 3px;
}

#formular .checkboxbox
{
    display: block;
    margin: 0 0 5px 10px;
}

#formular .checkboxbox input
{
    margin: 5px 5px 0 0;
    position: relative;
    top: 2px;
}

#formular .floatright
{
    float: right;
}

.formularbutton
{
    font-size:12px;
    font-weight:bold;
    width:150px;
    height:30px;
}

.formularerror
{
    display: block; 
    vertical-align: top; 
    margin-top: 4px; 
    color: Red;
    padding: 5px 0 0 0;
}

#list .headline
{
    color: #4b4b4b;
    background-image: url(../images/title_home_back.gif);
    background-repeat: no-repeat;
    height: 27px;
    font-size: 9pt;
    display: block;
    padding: 8px 0 0 10px;
    margin-bottom: 5px;
    font-weight: bold;
    border-right: 1px solid #DCDCDC;
    float: left;
}

#list .wide
{
    width: 258px;
}

#list .normal
{
    width: 194px;
}

#list .small
{
    width: 120px;
}

#list .verysmall
{
    width: 45px;
}

#list .wideContent
{
    width: 258px;
    float: left;
    padding-left: 10px;
    margin-top: 5px;
}

#list .normalContent
{
    width: 194px;
    float: left;
    padding-left: 10px;
    margin-top: 5px;
}

#list .smallContent
{
    width: 120px;
    float: left;
    padding-left: 10px;
    margin-top: 5px;
}

#list .verySmallContent
{
    width: 45px;
    float: left;
    padding-left: 10px;
    margin-top: 5px;
}

#list .icon
{
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    padding: 5px 0 5px 35px;
}

#accordion .chapterHeadline
{
    cursor: pointer;
    position: relative;
    background-color: #E5E5E5;
    line-height: 28px;
}

#accordion .criteriaHeadline
{
    cursor: pointer;
    position: relative;
    background-color: #F2F2F2;
    line-height: 22px;
}

#accordion a, #accordion a:visited, #accordion a:active, #accordion a:hover
{
    color: #555555;
}

#accordion .divAttribute
{
    height: 12px;
    padding: 10px 0;
}

#accordion .small
{
    float: left;
    width: 50px;
}

#accordion .normal
{
    float: left;
    width: 250px;
}

#accordion .wide
{
    float: left;
    width: 620px;
}

.watermark
{
    width: 200px;
    color: #999;
    font-size: 8pt;
}

.newsletterTextBox
{
    width: 200px;
    color: #999;
    font-size: 8pt;
}

#qslist input, #qslist img
{
    margin-right: 10px;
}

#qsCheckList li
{
    background-image: url("../images/qslist/bullet.gif");
    background-repeat: no-repeat;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.popupMainEventsRegistration
{
    background-color: transparent;
    border-width: 0px;
    width: 496px;
    margin: 0;
    padding: 0;
}
.popupHeaderEventsRegistration
{
    background-image: URL(../images/Popup/header_klein.png);
    background-repeat: no-repeat;
    width: 490px;
    height: 25px;
}
.popupLeftEventsRegistration
{
    background-image: URL(../images/Popup/schatten_links.png);
    background-repeat: repeat-y;
    width: 6px;
    float: left;
}
.popupContentEventsRegistration
{
    padding-left: 1px;
    background-color: white;
    width: 483px;
    float: left;
}
.popupRightEventsRegistration
{
    background-image: URL(../images/Popup/schatten_rechts.png);
    background-repeat: repeat-y;
    width: 6px;
    float: left;
}

.popupFooterEventsRegistration
{
    background-image: URL(../images/Popup/schatten_unten_klein.png);
    background-repeat: no-repeat;
    width: 496px;
    height: 12px;
}
.popupCloseButton
{
    position: absolute;
    top: 10px;
    right: 11px;
}

#expert_day
{
    position:relative;
}

#expert_day .textfield
{
    font-size:12px;
    width:160px;
}

.reference_item
{
    float:left;
    display:block; 
    position:relative;
    width:220px;
    height:126px; 
    margin: 0 30px 15px 0; 
    text-decoration: none;
}
.reference_item_last
{
    margin: 0 0 15px 0; 
}

.navigation_home_headline
{
    background-image: URL(../images/trennstrich-home-430px.gif);
    background-repeat: no-repeat;
    height:12px;   
}
.navigation_home_headline_right
{
    background-image: URL(../images/trennstrich-home-referenzen.gif);
    background-repeat: no-repeat;
    height:12px;   
}

.home_teaser
{
    font-size:14px;
    font-weight:bold;
    color:#ff6600;
    padding:0 0 15px 0;
}