ul#lang_select {
	padding:20px 0 0 0;
	text-align:center;
}

	ul#lang_select  li {
		padding: 0 2px;
		display:inline;
	}

/* -- HTML Elemente -- */
* {
	margin:0;
	padding:0;
	list-style:none;
}

body {
	color:#555258;
	font:11px Arial, sans-serif;
	background:url(../img/body_b2b_3.gif) repeat-y 50% 0 #B2B9C2;
}

img {
	border:0;
}

a:link,
a:visited {
        color:#666;
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}

.important {
	color:#9E032A;
}

.name-of-person {
	color:#555359;
}

.detail {
	color:#CCC;
}

p {
	margin:10px 0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clearer {
	clear:both;
}

h1,
h2,
h3 {
    margin:10px 0;
    /*font-variant:small-caps;*/
    font-weight:normal;
}

h1 {
    font-size:22px;
}

h2 {
    font-size:18px;
}

h3 {
    font-size:12px;
}

h4 {
    margin:10px 0;
    font-size:11px;
    font-weight:bold;
}

/* -- Tabellen -- */
table {
	width:100%;
	border-collapse:collapse;
	border:0;
}

	th {
		font-weight:bold;
		text-align:center;
	}

/* -- Formular Elemente -- */
form {
	margin:0;
	padding:0;
	display:inline;
}

input,
textarea,
select,
option {
    margin:4px 0;
    display:block;
	font:11px Verdana, Arial, sans-serif;
}

select {
    width:150px;
}

.input_option {
	border:1px solid #B4C1C8;
}

input.submit_option {
	cursor:pointer;
    color:#555358;
    background:#B4C1C8;
    border:1px solid;
}

fieldset {
	border:0;
}

	legend {
		padding:0 5px;
		font-weight:bold;
	}

label {
	cursor:pointer;	
}

/* -- Bestellformular -- */
form#order_form {
    display:block;
}
    
    form#order_form dl.left,
    form#order_form dl.right {
        width:250px;
    }

    form#order_form dd input {
        display:inline;
    }

    form#order_form p#submit_row {
        padding-top:20px;
    }
    
    form#order_form input.input_option,
    form#order_form select {
        width:200px;
    }
    
    form#order_form span.error {
        display:block;
	color:#F00;
    }

/* -- Haupt Elemente -- */
div#main_wrapper {
	width:956px;
	margin:0 auto;
}

	/* -- Masthead -- */
	div#mast_head {
		height:232px;
        position:relative;
		background:url(../img/mast_head.gif) no-repeat 0 0;
	}
    
        div#claim {
            position:absolute;
            bottom:20px;
            left:218px;
        }

	/* -- Content -- */
	div#content_wrapper {
		position:relative;
	}

    	/* -- Content links -- */
        div#col_left  {
            width:154px;
            position:absolute;
            top:0;
            left:1px;
        }
        
            /* -- Hauptnavigation -- */
            ul#main_nav {
                /* font-size:12px; */
                /*font-variant:small-caps;*/
            }
            
                ul#main_nav li {
                    border-bottom:1px solid #FFF;
                }
                
                    ul#main_nav li a {
                        padding:6px 20px;
                        display:block;
                        color:#555358;
                    }
                    
                    ul#main_nav li a.active {
                        color:#FFF;
                        background:#565359;
                    }
                    
                    ul#main_nav li ul {  
                    }
                    
                        ul#main_nav li ul li {
                            border-top:1px solid #FFF;
                            border-bottom:0;
                        }
                        
                            ul#main_nav li ul li a {
                                padding-left:25px;
                                background:#B2B9C2;
                            }
                            
                            ul#main_nav li ul li a.active {
                                color:#B2B9C1;
                            }
        
            /* -- Service Nav -- */
            ul#service_nav {
                margin:20px 0 30px 0;
                font-variant:small-caps;
                text-align:center;
            }
            
                ul#service_nav li {
                    display:inline;
                }
                    
                    ul#service_nav,
                    ul#service_nav li a {
                        color:#B2B8C1;
                    }
                    
                    ul#service_nav li a.active {
                        text-decoration:underline;
                    }
        
            p#note {
                text-align:center;
            }

	/* -- Content links unter Navigation -- */
	div#col_left_item {
		padding:5px 10px;
		background:#B2B9C2;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}    

    	/* -- Content Hauptspalte -- */
    	div#col_main {
    		width:801px;
    		position:absolute;
    		top:0;
    		right:0;
            line-height:1.7em;
    	}
        
            div#col_main a {
                font-weight:bold;
            }
        
            /* -- Subnavigation B2B -- */
            ul#browse_nav {
                width:800px;
                height:65px;
                position:absolute;
                left:155px;
                z-index:255;
                line-height:normal;
                background:#808285;
                border-bottom:1px solid #555359;
            }
            
                ul#browse_nav li {
                    width:140px;
                    height:15px;
                    padding:20px 10px 5px 50px;
                    position:absolute;
                    top:0;
                    background-color:#FFF;
                    background-repeat:no-repeat;
                    background-position:0 0;
                }
                    
                ul#browse_nav li.first {
                    left:0;
                    background-image:url(../img/browse_nav_01.gif);
                }
                
                ul#browse_nav li.second {
                    left:200px;
                    background-image:url(../img/browse_nav_02.gif);
                }
                
                ul#browse_nav li.third {
                    left:400px;
                    background-image:url(../img/browse_nav_03.gif);
                }
                
                ul#browse_nav li.fourth {
                    width:142px;
                    left:598px;
                    background-image:url(../img/browse_nav_04.gif);
                }
                
                ul#browse_nav li * {
                    margin:0;
                }
                
                    ul#browse_nav li h3 a {
                        color:#99002E;
                        padding:5px 10px 5px 50px;
                        /*border:1px solid #FF0000;*/
                        position:absolute;
                        top:0px;
                        left:0px;
                        width:140px;
                        height:30px;
                    }
                    
                    ul#browse_nav li p {
                        color:#666;
                    }
                    
                ul#browse_nav li.active {
                    background-color:#808285;
                }
                
                    ul#browse_nav li.active * {
                        color:#FFF !important;
                    }
                
        /* -- allg. Content Formatierungen -- */
        div#content {
        }
        
            div#content ul,
            div#content ol {
                margin:10px 0 10px 25px;
            }
            
                div#content ul li {
                    list-style:square;
                }
                
                div#content ol li {
                    list-style:decimal;
                }
                        
                
/* -- Layouts -- */

/**
 * 2 Spalten, Image, 2 Spalten (1/2, 1/2)
 *
 * Wird auch von b2b_1 verwendet!
 *
 */
div.layout_b2c_1,
div.layout_b2b_1 {
} 

    div.layout_b2c_1 div#content_head div.left {
        width:355px;
        padding:5px 20px;
    }
    
		div.layout_b2c_1 div#content_head {
			width:801px;
            min-height:105px;
            height:auto !important;
            height:105px;
			background:url(../img/content_head_b2c_1.gif) no-repeat right bottom;
		}
        
    div.layout_b2c_1 div#content_col_left,
    div.layout_b2b_1 div#content_col_left {
        width:380px;
        padding:0 0 0 10px;
    }
    
    div.layout_b2c_1 div#content_col_right,
    div.layout_b2b_1 div#content_col_right {
        width:340px;
        padding:40px 30px 0 0;
        color:#FFF;
    }

/**
 * 4 Spalten, Image, 2 Spalten (1/2, 1/2)
 *
 */
div.layout_b2c_2 {
}

    div.layout_b2c_2 div#content_head div.left {
        width:158px;
        padding:5px 20px;
    }
    
		div.layout_b2c_2 div#content_head {
			width:801px;
            min-height:105px;
            height:auto !important;
            height:105px;
			background:url(../img/content_head_b2c_2.gif) no-repeat right bottom;
		}
        
    div.layout_b2c_2 div#content_col_left {
        width:380px;
        padding:0 0 0 10px;
    }
    
    div.layout_b2c_2 div#content_col_right {
        width:340px;
        padding:40px 30px 0 0;
        color:#FFF;
    }
        
/**
 * 4 Spalten, 2 Spalten (3/4, 1/4)
 *
 * Braucht anderen body background!!!
 * Wird auch von b2b_2 verwendet!
 * 
 */
div.layout_b2c_3 {
}

    div.layout_b2c_3 div#content_head div.left {
        width:158px;
        padding:5px 20px;
    }
    
		div.layout_b2c_3 div#content_head {
			width:801px;
            min-height:105px;
            height:auto !important;
            height:105px;
			background:url(../img/content_head_b2c_2.gif) no-repeat right bottom;
		}
        
    div.layout_b2c_3 div#content_col_left,
    div.layout_b2b_2 div#content_col_left {
        width:380px;
        padding:0 0 0 10px;
    }
    
    div.layout_b2c_3 div#content_col_right,
    div.layout_b2b_2 div#content_col_right {
        width:150px;
        padding:40px 30px 0 0;
        color:#808285;
    } 
        
/**
 * 2 Spalten (1/3, 2/3)
 *
 * Braucht anderen body background!!!
 *
 */
div.layout_b2b_3 {
}
   
    div.layout_b2b_3 div#content_col_left {
        width:180px;
        padding:20px 0 0 10px;
    }
    
    div.layout_b2b_3 div#content_col_right {
        width:530px;
        padding:20px 30px 0 0;
    }

/* -- Alle b2b Layouts Abstand nach oben wg. Browsenav!! -- */
div.layout_b2b_1,
div.layout_b2b_2,
div.layout_b2b_3 {
    padding-top:65px;
}

/**
 * Links in den Layouts  
 * 
 */
div.layout_b2c_2 div#content_col_left a,
div.layout_b2b_1 div#content_col_left a {
    color:#666;
}

/* div.layout_b2c_2 div#content_head div.left a, */
div.layout_b2c_2 div#content_col_right a,
div.layout_b2b_1 div#content_col_right a {
    color:#CCC;
}