/* Mobile Devices */
@media only screen and (max-width: 760px) {
  #facebook-container { display: none; }
}


/* CSS Document */

body
{
    background-color: #e1e1e1;
    font-size: 10pt;
    font-family: Arial;
    margin:0px; 
}

h1
{
    font-size:15pt;
    color:Black;
    font-weight:bold; 
}    

h2
{
    font-size:13pt;
    color:Black;
    font-weight:bold;  
}

.registration_counter {
position:relative;
width:100%;
height:150px;
text-align:center;
vertical-align:middle;     
border:1px solid #DDD;
} 

.registration_counter_item
{
    position:relative;
    float:left;
    width:33%;
}
    
.registration_counter_registrations
{
    font-weight:bold;
    font-size:20pt;  
}    

/****************************************** CSS Styles für Presse/News **************************************************/

.presse {
    font-size:12pt;
    padding:15px 15px 0px 15px;
}

.presse h1 {
    font-size:15pt;
    color:Black;
    font-weight:normal; 
    margin:0px; 
    padding-left: 18px;
    background: url('../grafics/presse/bullet.jpg');
    background-repeat: no-repeat;
    background-position: left;
}

.presse h2 {
    font-size:15pt;
    font-weight:bold;
}

.presse span {
    color:Gray; 
    font-size:9pt;
}

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

.jahrauswahl {
    font-size:12pt;
    font-weight: bold;
    padding:15px 15px 0px 15px;
    text-align:center;
    }
   
/****************************************** CSS Styles für Geschichte **************************************************/   

.geschichte {
    font-size:12pt;
    padding: 15px 15px 0px 15px;
}

.geschichte h1 {
    font-size:15pt;
    color:Black;
    font-weight:normal; 
    margin:0;
    margin-bottom:15px;
    padding-left: 18px;
    background: url('../grafics/presse/bullet.jpg');
    background-repeat: no-repeat;
    background-position: left;
}

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


/****************************************** CSS Styles für Infotexte **************************************************/

.info, .success, .warning, .error
{
    font-size:10pt;
    border: 1px solid;
    margin-bottom:35px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../error.png');
}     

/*----------------------------------------------------------
ASP.NET MVC FRAMEWORK DEFAULT CSS CLASS NAMES
----------------------------------------------------------*/
.field-validation-error
{
    color:red;
    font-size: 10pt; 
}

.field-validation-valid
{
    display:none;    
}    

.input-validation-valid,.validation-summary-valid
{
    /* display:none; */
}

.input-validation-error
{
    background-color:#fee;
}
.input-validation-error:focus
{
    /*outline:none;*/
}
input[type="text"].input-validation-error:focus, select.input-validation-error:focus
{
    /*outline:none;*/
}

.validation-summary-errors
{
    color:red;
    font-size:10pt; 
}
.validation-summary-errors span
{
    font-weight:700;
}
.validation-summary-errors ul
{
    list-style:disc inside;
}
.validation-summary-errors ul li
{
    font-weight:normal
}
.validation-summary-errors ul li label, .validation-summary-errors ul li span
{
    display:inline !important; 
    font-weight:normal
}
    
/****************************************** CSS Styles für Header User Control **************************************************/

#camodo_logo
{
    position:relative;
    width:141px;
    height:46px;
    padding-left:15px;
}

#camodo_header_shadow_corner_l_t
{
    position: relative;
    width: 10px;
    height: 15px;
    background-image: url(../grafics/header/header_shadow_outline/header_shadow_corner_l_t.jpg);
}

#camodo_header_shadow_left
{
    position: relative;
    width: 10px;
    height: 113px;
    background-image: url(../grafics/header/header_shadow_outline/header_shadow_left.jpg);
    background-repeat: repeat-y;
}

#camodo_header_shadow_corner_l_b
{
    position: relative;
    width: 10px;
    height: 10px;
    background-image: url(../grafics/header/header_shadow_outline/header_shadow_corner_l_b.jpg);
}

#camodo_header_shadow_top
{
    position: relative;
    width: 954px;
    height: 10px;
    background-image: url(../grafics/header/header_shadow_outline/header_shadow_top.jpg);
    background-repeat: repeat-x;
}

#camodo_metanavi_shadow_corner_l_t
{
    position: relative;
    width: 6px;
    height: 4px;
    background-image: url(../grafics/header/metanavi_shadow/metanavi_shadow_corner_l_t.jpg);
}

#camodo_metanavi_shadow_left
{
    position: relative;
    width: 6px;
    height: 19px;
    background-image: url(../grafics/header/metanavi_shadow/metanavi_shadow_left.jpg);
    background-repeat: repeat-y;
}

#camodo_metanavi_shadow_corner_l_b
{
    position: relative;
    width: 6px;
    height: 11px;
    background-image: url(../grafics/header/metanavi_shadow/metanavi_shadow_corner_l_b.jpg);
}

#camodo_metanavi_shadow_gap_t
{
    position: relative;
    width: 9px;
    height: 4px;
    background-image: url(../grafics/header/metanavi_shadow/metanavi_shadow_gap_t.jpg);
}

#camodo_metanavi_shadow_gap
{
    position: relative;
    width: 9px;
    height: 19px;
    background-image: url(../grafics/header/metanavi_shadow/metanavi_shadow_gap.jpg);
    background-repeat: repeat-y;
}

#camodo_metanavi_shadow_gap_b
{
    position: relative;
    width: 9px;
    height: 11px;
    background-image: url(../grafics/header/metanavi_shadow/metanavi_shadow_gap_b.jpg);
}

.camodo_metanavi_shadow_bottom
{
    position: relative;
    width: 590px;
    height: 11px;
    background-image: url(../grafics/header/metanavi_shadow/metanavi_shadow_bottom.jpg);
    background-repeat: repeat-x;
}

#camodo_metanavi_shadow_corner_r_t
{
    position: relative;
    width: 6px;
    height: 4px;
    background-image: url(../grafics/header/metanavi_shadow/metanavi_shadow_corner_r_t.jpg);
}

#camodo_metanavi_shadow_right
{
    position: relative;
    width: 6px;
    height: 19px;
    background-image: url(../grafics/header/metanavi_shadow/metanavi_shadow_right.jpg);
    background-repeat: repeat-y;
}

#camodo_metanavi_shadow_corner_r_b
{
    position: relative;
    width: 6px;
    height: 11px;
    background-image: url(../grafics/header/metanavi_shadow/metanavi_shadow_corner_r_b.jpg);
}

#camodo_header_shadow_bottom_navi
{
    position: relative;
    width: 90px;
    height: 8px;
    background-image: url(../grafics/header/header_shadow_outline/header_shadow_bottom_navi.jpg);
    float: left;
}

#camodo_header_shadow_bottom
{
    position: relative;
    width: 844px;
    height: 8px;
    float: left;
    background-image: url(../grafics/header/header_shadow_outline/header_shadow_bottom.jpg);
    background-repeat: repeat-x;
}

#camodo_header_shadow_bottom_end
{
    position: relative;
    width: 20px;
    height: 8px;
    background-image: url(../grafics/header/header_shadow_outline/header_shadow_bottom_end.jpg);
    float: left;
}

#camodo_header_shadow_corner_r_t
{
    position: relative;
    width: 10px;
    height: 15px;
    background-image: url(../grafics/header/header_shadow_outline/header_shadow_corner_r_t.jpg);
}

#camodo_header_shadow_right
{
    position: relative;
    width: 10px;
    height: 113px;
    background-image: url(../grafics/header/header_shadow_outline/header_shadow_right.jpg);
    background-repeat: repeat-y;
}

#camodo_header_shadow_corner_r_b
{
    position: relative;
    width: 10px;
    height: 10px;
    background-image: url(../grafics/header/header_shadow_outline/header_shadow_corner_r_b.jpg);
}


/****************************************** CSS Styles für Menu User Control **************************************************/
#Fachhändler a:hover ul
{
    display: block;
}

.navi_effect
{
    position:relative;    
    height:45px;
    background-image: url(../grafics/navigation/navi_effect.gif);
    background-position:center right;  
    float:left;
}

.navi_shadow_top {
position:relative;
width:100%;
height:7px;
background-image:url(../grafics/navigation/navi_shadow/navi_shadow_top.jpg);
background-repeat:repeat-x;
float:left;
}

/*
.navi_shadow_top_end {
position:relative;
width:10px;
height:7px;
background-image: url(../grafics/navigation/navi_shadow/navi_shadow_top_end.jpg);
float:left;
}
*/

.nav_bg {
position:relative;
/*width:100%;*/
height:30px;
background-image:url(../grafics/navigation/navi_shadow/nav_bg.jpg);
float:left;
}

#nav_bg_2 {
position:relative;
width:98px;
height:30px;
background-image:url(../grafics/navigation/navi_shadow/nav_bg.jpg);
float:left;
}

#nav_bg_3 {
position:relative;
width:152px;
height:30px;
background-image:url(../grafics/navigation/navi_shadow/nav_bg.jpg);
float:left;
}

#nav_bg_4 {
position:relative;
width:152px;
height:30px;
background-image: url(../grafics/navigation/navi_shadow/nav_bg.jpg);
float:left;
}

#nav_bg_5 {
position:relative;
width:171px;
height:30px;
background-image: url(../grafics/navigation/navi_shadow/nav_bg.jpg);
float:left;
}

#nav_bg_6
{
    position: relative;
    width: 122px;
    height: 30px;
    background-image: url(../grafics/navigation/navi_shadow/nav_bg.jpg);
    float: left;
}
#nav_bg_7
{
    position: relative;
    width: 110px;
    height: 30px;
    background-image: url(../grafics/navigation/navi_shadow/nav_bg.jpg);
    float: left;
}

.divider 
{
background-image: url(../grafics/navigation/divider.gif);
background-repeat:no-repeat;
background-position:center right;
}

#navi_shadow_bottom {
position:relative;
width:100%;
height:8px;
background-image:url(../grafics/navigation/navi_shadow/navi_shadow_bottom.jpg);
background-repeat:repeat-x;
float:left;
}

/*
#navi_shadow_bottom_end
{
    position: relative;
    width: 10px;
    height: 8px;
    background-image: url(../grafics/navigation/navi_shadow/navi_shadow_bottom_end.jpg);
    float: left;
}
*/

#navi_shadow_corner_r_t
{
    position: relative;
    width: 10px;
    height: 10px;
    background-image: url(../grafics/navigation/navi_shadow/navi_shadow_corner_r_t.jpg);
}

#navi_shadow_right
{
    position: relative;
    width: 10px;
    height: 27px;
    background-image: url(../grafics/navigation/navi_shadow/navi_shadow_right.jpg);
    background-repeat: repeat-y;
}
#navi_shadow_corner_r_b
{
    position: relative;
    width: 10px;
    height: 8px;
    background-image: url(../grafics/navigation/navi_shadow/navi_shadow_corner_r_b.jpg);
}
/****************************************** CSS Styles für ContentPictureBoxControl**************************************************/
#content_picture1
{
    background-color: #e1e1e1;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#content_picture2
{
    background-color: #e1e1e1;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/****************************************** CSS Styles für Index**************************************************/
/* Die einzelnen Klassen sind nacheinander angeordnet wie in der Index.aspx Seite, daher kann zwischen border_top und border_top_2 mehrere klassen liegen*/

/*
.content_holder
{
     z-index:5;
     position:relative;
     width:950px;
}

.content_positioner
{
     margin: 0px 0px 0px 10px;   
}
*/

.white_background {
background-color:#fff;
margin-bottom:5px;
width:100%;
box-shadow: 0 0 8px #9E9E9E;
-o-box-shadow: 0 0 8px #9E9E9E;
-moz-box-shadow: 0 0 8px #9E9E9E;
-webkit-box-shadow: 0 0 8px #9E9E9E;
}

.red_line {    
background-color:red;
border:0px;
width:100%;
height:6px;
}

.headline {
font-size:15pt;
font-weight:bold;
padding: 15px 5px 5px 15px;
}

.content_text {
font-size:12pt;
padding:15px 15px 0px 15px;
}

#camodo_content_pic_shadow_corner_l_t
{
    position: relative;
    width: 10px;
    height: 10px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_corner_l_t.jpg);
}

#camodo_content_pic_shadow_left
{
    position: relative;
    width: 10px;
    height: 497px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_left.jpg);
}

#camodo_content_pic_shadow_corner_l_b
{
    position: relative;
    width: 10px;
    height: 10px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_corner_l_b.jpg);
}

#camodo_content_pic_shadow_top
{
    position: relative;
    width: 954px;
    height: 7px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_top.jpg);
    background-repeat: repeat-x;
}

#camodo_content_pic_shadow_top_nav
{
    position: relative;
    width: 81px;
    height: 7px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_top_nav.jpg);
    background-repeat: repeat-x;
}

#camodo_content_pic_shadow_top_2
{
    position: relative;
    width: 895px;
    height: 7px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_top.jpg);
    background-repeat: repeat-x;
}

#camodo_content_pic_shadow_top_end
{
    position: relative;
    width: 5px;
    height: 7px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_top_end.jpg);
    background-repeat: repeat-x;
}


/* Styles für ContentPictureBoxControl */


.camodo_contentpicture_transparent {
padding:15px;
color:white;
background-image: url(../grafics/black40.png);
background-repeat:repeat;
}

.camodo_contentpicture_arrow_1, .camodo_contentpicture_arrow_2 {
background-image: url(../grafics/camodo_arrow.png);
width:213px;
height:34px;  
}

.camodo_contentpicture_arrow_2
{
    margin-left:50px;
}

.camodo_contentpicture_arrow_text_white, .camodo_contentpicture_arrow_text_red
{
    padding-left:5px;
    font-size:18pt;
    font-weight:bold;
}

.camodo_contentpicture_arrow_text_white
{
    color:White;
}   

.camodo_contentpicture_arrow_text_red
{
    color:red;
}  

#camodo_content_pic_shadow_bottom
{
    position: relative;
    width: 954px;
    height: 10px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_bottom.jpg);
    background-repeat: repeat-x;
}

#camodo_content_pic_shadow_corner_r_t
{
    position: relative;
    width: 10px;
    height: 10px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_corner_r_t.jpg);
}

#camodo_content_pic_shadow_right
{
    position: relative;
    width: 10px;
    height: 497px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_right.jpg);
}

#camodo_content_pic_shadow_corner_r_b
{
    position: relative;
    width: 10px;
    height: 10px;
    background-image: url(../grafics/content_picture/content_picture_shadow/content_pic_shadow_corner_r_b.jpg);
}

#camodo_shadow_bg
{
    position: relative;
    width: 974px;
    height: 330px;
    background-image: url(../grafics/content_text_shadow/shadow_bg.jpg);
    background-repeat: repeat-y;
}

#camodo_content_text_shadow_corner_l
{
    position: relative;
    width: 10px;
    min-height: 11px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_corner_l.jpg);
}

#camodo_content_text_shadow_corner_l_b
{
    position: relative;
    width: 10px;
    min-height: 14px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_corner_l_b.jpg);
}

#camodo_content_text_shadow_top_2
{
    position: relative;
    width: 308px;
    height: 7px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_top.jpg);
    background-repeat: repeat-x;
}

#camodo_content_text_shadow_bottom
{
    position: relative;
    width: 308px;
    height: 14px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_bottom.jpg);
}

#camodo_content_text_shadow_gap_corner_top
{
    position: relative;
    width: 15px;
    height: 7px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_gap_corner_top.jpg);
}

#camodo_content_text_shadow_gap_2
{
    position: relative;
    width: 15px;
    height: 309px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_gap.jpg);
    background-repeat: repeat-y;
}

#camodo_content_text_shadow_gap_corner_bottom_2
{
    position: relative;
    width: 15px;
    height: 14px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_gap_corner_bottom.jpg);
}

#camodo_content_text_shadow_top_2
{
    position: relative;
    width: 308px;
    height: 7px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_top.jpg);
    background-repeat: repeat-x;
}

#camodo_content_text_shadow_bottom_2
{
    position: relative;
    width: 308px;
    height: 14px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_bottom.jpg);
}

#camodo_content_text_shadow_gap_corner_top_2
{
    position: relative;
    width: 15px;
    height: 7px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_gap_corner_top.jpg);
}


#camodo_content_text_shadow_gap
{
    position: relative;
    width: 15px;
    height: 309px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_gap.jpg);
    background-repeat: repeat-y;
}

#camodo_content_text_shadow_gap_corner_bottom
{
    position: relative;
    width: 15px;
    height: 14px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_gap_corner_bottom.jpg);
}

#camodo_content_text_shadow_top
{
    position: relative;
    width: 308px;
    height: 7px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_top.jpg);
    background-repeat: repeat-x;
}

#camodo_content_text_shadow_bottom_3
{
    position: relative;
    width: 308px;
    height: 14px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_bottom.jpg);
}

#camodo_content_text_shadow_corner_r
{
    position: relative;
    width: 10px;
    min-height: 11px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_corner_r.jpg);
}

#camodo_content_text_shadow_corner_r_b
{
    position: relative;
    width: 10px;
    min-height: 14px;
    background-image: url(../grafics/content_text_shadow/content_text_shadow_corner_r_b.jpg);
}



/****************************************** Fonts **************************************************/

.navi
{
    border: 0;
    display: block;
    height: 34px;
    text-decoration: none;
    text-align: center;
    color: #666666;
    font-weight: lighter;
    font: 9pt 'Futura';
    line-height: 190%; /*text-shadow:none;*/
}

/*
.headline_continious_text
{
    border: 0;
    margin-top: 5px;
    margin-bottom: 3px;
    display: block;
    text-decoration: none;
    text-align: justify;
    color: #666666;
    font-weight: lighter;
    font: 12pt 'Futura'; 
}
*/
/*
.continious_text
{
    border: 0;
    display: block;
    height: 309px;
    text-decoration: none;
    text-align: justify;
    color: #666666;
    font-weight: lighter;
    font: 9pt 'Futura'; 
}
*/

/****************************************** Mainnavi **************************************************/

ul#navigation
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 0;
    top: 0px;
    left: 0px;
    width: 916px;
    height: 66px;
}

/*für alle links*/

a, a:link, a:visited, a:hover
{
    text-decoration:underline;
    text-align:left;    
    color:#2064A3;
    font-size:12pt; 
}

a.footer_language
{
    font-family:Arial;
    font-size:10pt;
    text-decoration:none;
}    

/*Ausrichtung und Formatierung des Hauptmenus*/

ul.pureCssMenu ul
{
    /* Untermenüs sind standardmäßig ausgeblendet */
    display: none;
}
ul.pureCssMenu li:hover > ul
{
    /* ... Untermenüs einblenden bei hover-Effekt */
    display: block;
}
ul.pureCssMenu ul
{
    left: -1px;
    top: 131%;
    box-shadow:				0 0 8px #9E9E9E;
    -o-box-shadow:			0 0 8px #9E9E9E;
    -moz-box-shadow:		0 0 8px #9E9E9E;
    -webkit-box-shadow:     0 0 8px #9E9E9E;
}
/*** shadows for all but IE6 ***/
ul.pureCssMenu ul ul {
    left: 98%;
    top: -2px;
}
ul.pureCssMenu, ul.pureCssMenu ul
{
    margin: 0px;
    list-style: none;
    padding: 0px 2px 2px 0px;
    background-color: #ffffff;
    background-repeat: repeat;

}
/*
ul.pureCssMenu table
{
    border-collapse: collapse;
}
*/
ul.pureCssMenu
{
    display: block;
    height: 21px;
    float: left;
}

/* Vergrößern des SubMenus*/
ul.pureCssMenu ul
{
    width: 200px;
}
ul.pureCssMenu li
{
    display: block;
    margin: 2px 0px 0px 2px;
    font-size: 0px;    
}

ul.pureCssMenu a:active, ul.pureCssMenu a:focus
{
    outline-style: none;
}

/* Einstellungen für die Hauptmenüpunkte */

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover
{
    display:block;
    vertical-align:middle;    
    border-width:0px;   
    border-style:solid;
    text-align:center;
    text-decoration: none;
    padding: 2px 5px 5px 10px;    
    font: normal 12pt Arial;
    color:white;
    text-decoration:none;
    cursor:pointer;
}

/* Einstellungen für die Untermenüpunkte */

ul.pureCssMenu ul li a, ul.pureCssMenu ul li.dis a:hover, ul.pureCssMenu ul li.sep a:hover
{
    display:block;
    vertical-align:middle;
    border-width:0px;   
    border-style:solid;
    text-align:left;
    text-decoration: none;
    padding: 10px 5px 5px 10px;     
    font: normal 12pt Arial;
    color:#000;
    text-decoration:none;
    cursor:pointer;
}
ul.pureCssMenu span
{
    overflow: hidden;
}
ul.pureCssMenu li
{
    float: left;
}
ul.pureCssMenu ul li
{
    float: none;
}
ul.pureCssMenu ul a
{
    text-align: left;
    white-space: nowrap;
}
ul.pureCssMenu li.sep
{
    text-align: left;
    padding: 0px;
    line-height: 0;
    height: 100%;
}
ul.pureCssMenu li.sep span
{
    float: none;
    padding-right: 0;
    width: 3px;
    height: 100%;
    display: inline-block;
    background-color: #fff;
    background-image: none;
}
ul.pureCssMenu ul li.sep span
{
    width: 100%;
    height: 3px;
}
ul.pureCssMenu li:hover
{
    position: relative;
}
ul.pureCssMenu li:hover > a
{
    border-style: solid;
    font: normal 12pt Arial;
    text-decoration: underline;
}
ul.pureCssMenu li a:hover
{
    position: relative;
    border-style: solid;
    font: normal 12pt Arial;
    text-decoration: underline;
}
ul.pureCssMenu ul li a:hover
{
    position: relative;
    border-style: solid;
    font: normal 12pt Arial;
    color: #ff0000;
    text-decoration: none;
}

ul.pureCssMenu li.pureCssMenui0
{
    height: 50px;
}
ul.pureCssMenu li a.pureCssMenui0
{
    height: 100%;
    background-image: url(./images/btn3.jpg);
    border-width: 0px;
    font: normal 12pt Arial;    
}
ul.pureCssMenu li a.pureCssMenui0:hover
{
    background-image: url(./images/btn4.jpg);
    font: normal 12pt Arial;
    color: #eee;
}
ul.pureCssMenum0
{
    background-color: transparent;
    border-width: 0px;
    padding: 0px 0px 0px 0px;
}
ul.pureCssMenum0 > li > a {
padding-top:5px;
padding-bottom:5px;
}
ul.pureCssMenum0 a
{
    padding: 8px 10px 0px 10px;
    text-decoration:none; 
}
ul.pureCssMenum0 ul a
{
    padding: 2px 5px 5px 10px;
}
ul.pureCssMenum0 > li
{
    margin: 0px 0px 0px 0px;
}
ul.pureCssMenum0 li
{
    margin: 0px 0px 0px 0px;
}
ul.pureCssMenum0 li li
{
    margin: 2px 0px 0px 2px;
}


/* -- level mark -- */

ul.dropdown ul
{
    width: 150px;
    margin-top: 1px;
}

ul.dropdown ul li
{
    font-weight: normal;
}


/*</group>*/

/*<group=level 1 ids>*/

li#home {
width:9%;
}
li#fachhaendler {
width:17%;
}
li#grosshaendler {
width:19%;
}
li#organisationen {
width:21%;
}
li#ueberuns {
width:17%;
}
li#presse {
width:17%;
}

/****************************************** Metanavigation *****************************************/

ul#metanavigation
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 0;
    top: 0px;
    left: 0px;
    width: 595px;
    height: 34px;
}

/*<group=level 1>*/

ul#metanavigation li
{
    padding-left: 25px;
    margin: 0;
    display: inline-block;
    position: relative;
}


ul#metanavigation li a
{
    border: 0;
    display: block;
    height: 34px;
    text-decoration: none;
    text-align: center;
    color: #666666;
    font-weight: lighter;
    font-size: 9pt;
    font-family: Arial; /*font:9pt 'Futura';*/
    line-height: 190%; /*text-shadow:none;*/
}

ul#metanavigation li a:hover
{
    border: 0;
    display: block;
    color: #666666;
}

/*</group>*/


/****************************************** B-2-B Links *****************************************/

ul.portal {
list-style-type:none;
padding:0;
margin:0;
border:0;
top:0px;
left:0px;
width:110px;
/* DJ 27.07.2015
width:86px;
*/
height:16px;
}

ul.portal li {
padding-left:0px;
margin:0;
display:block;
float:left;
position:relative;
width: 110px;
/* DJ 27.07.2015
width:86px;
*/
height:16px;
}

ul.portal li a {
border: 0;
display:block;
height:16px;
text-decoration:none;
text-align:center;
color:#FFF;
font-weight:lighter; 
font-size:9pt;
font-family:Arial;
line-height:140%;
}

ul.portal li a:hover {
border:0;
display:block;
color:#666666;
}

/* Neue Stiles Demoseite */
.btnorange {
-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
box-shadow:inset 0px 1px 0px 0px #fff6af;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
background-color:#ffec64;
border:1px solid #ffaa22;
display:inline-block;
color:#333333;
font-size:18px;
font-weight:bold;
padding:3px 5px;
text-decoration:none;
text-shadow:1px 1px 0px #ffee66;
}

.btnorange:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
background:-moz-linear-gradient(center top, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
background-color:#ffab23;
}

.btnorange:active {
position:relative;
top:1px;
}        

.footer_dark, .footer_copyright {    
padding:15px 15px 15px 15px;
}            

.footer_dark {
margin-top:15px;
background-color:#2A2A2A;                
color:white;
background-image:url("https://www.camodo.com/grafics/bg_footer_dark.png");
background-position:center bottom;
background-repeat:no-repeat;    
}

.footer_copyright {
color:#8A8A8A;
text-align:center;
background-color:#222222;
font-size:8pt; 
}

.proliste li {                
font-size:16pt; 
font-weight:bold;  
vertical-align:top;  
list-style-image: url("https://www.camodo.com/grafics/pro.png");
text-indent:15px;
}                
            
.footermenu li a {                
color:#6A6A6A;
padding: 0 0 0 1px;
text-decoration: none;            
}            

.footermenu li {
background: url("https://www.camodo.com/grafics/dark-list-separator.gif") repeat-x scroll center bottom transparent;
margin: 0 0 -2px;
padding: 4px 0 6px;
}
            
ul.footermenu {
margin:0;
padding:0;
}

ol.footermenu, ul.footermenu {
list-style:none outside none;
}