@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0; }

html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

div{
    margin: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

strong {
    font-weight: bold; }

/* remember to define focus styles! */
:focus {
    outline: 0; }

body {
    line-height: 1;
    color: black;
    background: white; }

ol, ul {
    list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0; }

caption, th, td {
    text-align: left;
    font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: ""; }

blockquote, q {
    quotes: "" ""; }

body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 11px;
    color: #545454;
    font-family: Arial, Helvetica, sans-serif; }

a:link {
    text-decoration: none;
    color: #545454; }

a:visited {
    text-decoration: none;
    color: #545454; }

a:hover {
    text-decoration: none;
    color: #0c2653; }
	
#main {
    margin: auto;
    /*margin-bottom: 30px;*/
   width: 970px; 
}
	
#mainb {
    margin: auto;
	margin-left: 20%;
    margin-bottom: 30px;
    width: 55%; }
	
#top {
    height: 55px; }

#topnavi {
    float: left;
    margin-left: 30px;
    padding-top: 15px;
    width: 400px; }

#topnavi ul {
    margin: 0;
    padding: 0; }

#topnavi li {
    float: left;
    list-style: none;
    padding-left: 23px;
    height: 20px;
    line-height: 18px;
    margin-right: 15px; }

#logo {
    float: right;
    width: 237px;
    height: 37px; }

#mainnavi {
    height: 40px;
    background-image: url(./utils/img/mainnavi_bg.gif);
    background-repeat: no-repeat;
    background-position: bottom; }

#klickpfad {
    height: 15px;
    font-size: 10px;
    margin-bottom: 3px;
    padding-left: 6px; }

#klickpfad li {
    float: left;
    list-style: none;
    background-image: url(../images/klickpfad_pipe.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 10px;
    padding-right: 10px; }

#klickpfad a {
    text-decoration: none; }

#klickpfad li.active {
    font-weight: bold; }

#navi {
    text-transform: uppercase;
    height: 22px; }

#navi a {
    display: block; }

#navi li {
    float: left;
    list-style: none;
    line-height: 22px; }

#navi li.level_1_NO_first {
    width: 105px;
    text-indent: -9999px;
    background-image: url(../images/navi_home.gif);
    background-repeat: no-repeat;
    height: 22px;
    border-right: 1px solid #999999; }

#navi li.level_1_NO_first:hover {
    width: 105px;
    text-indent: -9999px;
    background-image: url(../images/navi_home_hover.gif);
    background-repeat: no-repeat;
    height: 22px;
    border-right: 1px solid #999999; }

#navi li.level_1_ACT_first {
    width: 105px;
    text-indent: -9999px;
    background-image: url(../images/navi_home_hover.gif);
    background-repeat: no-repeat;
    height: 22px;
    border-right: 1px solid #999999; }

#navi li.level_1_NO {
    width: 143px;
    text-align: center;
    font-size: 14px;
    background-image: url(../images/navi.gif);
    background-repeat: no-repeat;
    background-position: center;
    border-right: 1px solid #999999; }

#navi li.level_1_NO:hover {
    background-image: url(../images/navi_hover.gif); }

#navi li.level_1_NO:hover a {
    color: #fff; }

#navi li.level_1_NO:hover li.level_2_NO a {
    color: #000; }

#navi li.level_1_NO:hover li.level_2_NO a:hover {
    color: #fff; }

#navi li.level_1_NO a {
    color: #000; }

#navi li.level_1_NO a:hover {
    color: #fff; }

#navi li.level_1_ACT {
    width: 143px;
    text-align: center;
    font-size: 14px;
    background-image: url(../images/navi_hover.gif);
    background-repeat: no-repeat;
    background-position: center;
    border-right: 1px solid #999999; }

#navi li.level_1_ACT a {
    color: #fff; }

#navi li.level_1_ACT li a {
    color: #000; }

#navi li.level_1_ACT li.ACT a {
    color: #fff; }

#navi li.level_1_ACT li a:hover {
    color: #fff; }

#navi li.level_1_NO_last {
    width: 143px;
    text-align: center;
    font-size: 14px;
    background-image: url(../images/navi.gif);
    background-repeat: no-repeat;
    background-position: right; }

#navi li.level_1_NO_last:hover {
    background-image: url(../images/navi_hover.gif); }

#navi li.level_1_NO_last a {
    color: #000; }

#navi li.level_1_NO_last a:hover {
    color: #fff; }

#navi li.level_1_ACT_last {
    width: 143px;
    text-align: center;
    font-size: 14px;
    background-image: url(../images/navi_hover.gif);
    background-repeat: no-repeat;
    background-position: right; }

#navi li.level_1_ACT_last a {
    color: #fff; }

#navi li.level_1_ACT_last li a {
    color: #000; }

#navi li.level_1_ACT_last li.ACT a {
    color: #fff; }

#navi li.level_1_ACT_last li a:hover {
    color: #fff; }

#navi li.level_1_NO_last:hover a {
    color: #fff; }

#navi li.level_1_NO_last:hover li.level_2_NO a {
    color: #000; }

#navi li.level_1_NO_last:hover li.level_2_NO a:hover {
    color: #fff; }

#navi ul.ullevel2_NO {
    display: none;
    height: 22px; }

ul.width_1 {
    padding: 0;
    margin-left: -106px;
    margin-top: 6px;
    position: absolute; }

li.level_2_NO.position_11 {
    width: 485px;
    background-image: url(../images/navi_sub_left.gif);
    background-repeat: no-repeat;
    font-size: 11px; }

li.level_2_NO.position_11:hover {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_11.ACT {
    background-image: url(../images/navi_sub_left_hover.gif); }

ul.width_2 {
    padding: 0;
    margin-left: -250px;
    margin-top: 6px;
    position: absolute; }

li.level_2_NO.position_21 {
    width: 485px;
    background-image: url(../images/navi_sub_left.gif);
    background-repeat: no-repeat;
    font-size: 11px; }

li.level_2_NO.position_21:hover {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_21.ACT {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_22 {
    width: 484px;
    border-left: 1px solid #999999;
    background-image: url(../images/navi_sub_right.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: right; }

li.level_2_NO.position_22:hover {
    background-image: url(../images/navi_sub_right_hover.gif); }

li.level_2_NO.position_22.ACT {
    background-image: url(../images/navi_sub_right_hover.gif); }

ul.width_4 {
    padding: 0;
    margin-left: -538px;
    margin-top: 6px;
    position: absolute; }

li.level_2_NO.position_41 {
    width: 242px;
    background-image: url(../images/navi_sub_left.gif);
    background-repeat: no-repeat;
    font-size: 11px; }

li.level_2_NO.position_41:hover {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_41.ACT {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_42 {
    width: 242px;
    border-left: 1px solid #999999;
    background-image: url(../images/navi_sub_right.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: center; }

li.level_2_NO.position_42:hover {
    background-image: url(../images/navi_sub_right_hover.gif); }

li.level_2_NO.position_42.ACT {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_43 {
    width: 242px;
    border-left: 1px solid #999999;
    background-image: url(../images/navi_sub_left.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: center; }

li.level_2_NO.position_43:hover {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_43.ACT {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_44 {
    width: 241px;
    border-left: 1px solid #999999;
    background-image: url(../images/navi_sub_right.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: right; }

li.level_2_NO.position_44:hover {
    background-image: url(../images/navi_sub_right_hover.gif); }

li.level_2_NO.position_44.ACT {
    background-image: url(../images/navi_sub_right_hover.gif); }

ul.width_3 {
    padding: 0;
    margin-left: -394px;
    margin-top: 6px;
    position: absolute; }

li.level_2_NO.position_31 {
    width: 323px;
    background-image: url(../images/navi_sub_left.gif);
    background-repeat: no-repeat;
    font-size: 11px; }

li.level_2_NO.position_31:hover {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_31.ACT {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_32 {
    width: 323px;
    border-left: 1px solid #999999;
    background-image: url(../images/navi_sub_right.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: center; }

li.level_2_NO.position_32:hover {
    background-image: url(../images/navi_sub_right_hover.gif); }

li.level_2_NO.position_32.ACT {
    background-image: url(../images/navi_sub_right_hover.gif); }

li.level_2_NO.position_33 {
    width: 322px;
    border-left: 1px solid #999999;
    background-image: url(../images/navi_sub_right.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: right; }

li.level_2_NO.position_33:hover {
    background-image: url(../images/navi_sub_right_hover.gif); }

li.level_2_NO.position_33.ACT {
    background-image: url(../images/navi_sub_right_hover.gif); }

ul.width_5 {
    padding: 0;
    margin-left: -682px;
    margin-top: 6px;
    position: absolute; }

li.level_2_NO.position_51 {
    width: 193px;
    background-image: url(../images/navi_sub_left.gif);
    background-repeat: no-repeat;
    font-size: 11px; }

li.level_2_NO.position_51:hover {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_51.ACT {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_52 {
    width: 193px;
    border-left: 1px solid #999999;
    background-image: url(../images/navi_sub_right.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: center; }

li.level_2_NO.position_52:hover {
    background-image: url(../images/navi_sub_right_hover.gif); }

li.level_2_NO.position_52.ACT {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_53 {
    width: 193px;
    border-left: 1px solid #999999;
    background-image: url(../images/navi_sub_left.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: center; }

li.level_2_NO.position_53:hover {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_53.ACT {
    background-image: url(../images/navi_sub_left_hover.gif); }

li.level_2_NO.position_54 {
    width: 193px;
    border-left: 1px solid #999999;
    background-image: url(../images/navi_sub_right.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: center; }

li.level_2_NO.position_54:hover {
    background-image: url(../images/navi_sub_right_hover.gif); }

li.level_2_NO.position_54.ACT {
    background-image: url(../images/navi_sub_right_hover.gif); }

li.level_2_NO.position_55 {
    width: 194px;
    border-left: 1px solid #999999;
    background-image: url(../images/navi_sub_right.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: right; }

li.level_2_NO.position_55:hover {
    background-image: url(../images/navi_sub_right_hover.gif); }

li.level_2_NO.position_55.ACT {
    background-image: url(../images/navi_sub_right_hover.gif); }

ul.width_6 {
    padding: 0;
    margin-left: -826px;
    margin-top: 6px;
    position: absolute; }

#maincontent {
    min-height: 300px;
    margin-top: 14px;
    line-height: 16px; }

#maincontent li {
    background-position: 0px 7px;
    padding-left: 8px;
    background-repeat: no-repeat; }

#footer2 {
    height: 60px;
    padding-top: 10px;
	    /*width: 1150px;*/
	}

#footerleft2 {
    float: left;
    width: 180px; }

#footerleft2 ul {
    margin: 0;
    padding: 0; }

#footerleft2 li {
    float: left;
    list-style: none;
    height: 33px;
    margin-right: 5px; }

#footernavi2 {
    float: left;
    width: 480px;
    margin-top: 12px; }

#footernavi2 ul {
    margin: 0;
    padding: 0; }

#footernavi2 li {
    float: left;
    list-style: none;
    padding-left: 23px;
    height: 20px;
    line-height: 18px;
    margin-right: 15px; }


#country2 {
    float: right;
    margin-top: 14px; }

#country2 span {
    background-image: url(../img/worldwide.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 3px;
    margin-right: 10px;
    padding-bottom: 3px; }

#country2 select {
    font-size: 11px;
    color: #545454;
    font-family: Arial, Helvetica, sans-serif;
    width: 140px;
    border: 1px solid #cccccc; }

#social {
    float: left;
    width: 210px;
    margin-top: 15px;
    margin-bottom: 10px; }

#social ul {
    margin: 0;
    padding: 0; }

#social li {
    float: left;
    list-style: none;
    height: 27px;
    margin-right: 0px; }

#social li.youtube a {
    display: block;
    width: 26px;
    height: 27px;
    margin-right: 5px; }

#social li.flickr a {
    display: block;
    width: 26px;
    height: 27px;
    margin-right: 5px; }

#social li.rss a {
    display: block;
    width: 26px;
    height: 27px; }

#footernavi3 {
    float: left;
    width: 600px;
    margin-top: 12px; }

#footernavi3 ul {
    margin: 0;
    padding: 0; }

#footernavi3 li {
    float: left;
    list-style: none;
    /*padding-left: 23px;*/
    height: 20px;
    line-height: 18px;
    margin-right: 15px; }
#footernavi3 li.print {
    background-image: url(../images/drucken_icon.gif);
    background-repeat: no-repeat;
    margin-left: 40px; }

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

h1 {
    font-size: 35px ;
    font-weight: normal ;
    line-height: 46px ;
    letter-spacing: 0.6px ;
    text-transform: uppercase ;
    color: black ;
    position: relative ;
    margin-bottom: 0px ;
    margin-top: 19px ; }
h2 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding-bottom: 5px; }

h3 {
    font-size: 11px;
    font-weight: bold;
    color: #000;
    padding-bottom: 5px; }

/***********************************************
STYLE EDIT 2014
overrides styles
************************************************/
body {
    line-height: 18px !important;
    font-size: 12px !important;
    color: #333333 !important; }

/***********************************************
Links
************************************************/
#maincontent a:link {
    color: black !important; }

#maincontent a:visited {
    color: black !important; }

#maincontent a:hover {
    text-decoration: underline !important;
    color: black !important; }

/***********************************************
Topnavi
************************************************/
#topnavi {
    margin-left: 45px !important;
    margin-top: 3px !important; }

#topnavi li {
    list-style: none outside none !important;
    margin-right: 25px !important;
    padding-left: 0px !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    color: black !important;
    letter-spacing: 0.5px !important; }

#topnavi li.level_1_NO_first {
    background-image: none !important; }

#topnavi li.level_1_NO_active_first {
    background-image: none !important; }

#topnavi li.level_1_NO_second {
    background-image: none !important; }

#topnavi li.level_1_NO_second_active {
    background-image: none !important; }

#topnavi li.level_1_NO_third {
    background-image: none !important; }

#topnavi li.level_1_NO_third_active {
    background-image: none !important; }

#topnavi li.level_1_NO_last {
    background-image: none !important; }

#topnavi li.level_1_NO_active_last {
    background-image: none !important; }

/***********************************************
Breadcrumb
************************************************/
#klickpfad {
    height: auto !important;
    padding: 8px 10px 8px 0px !important;
    position: absolute !important;
    top: 165px !important;
    background: #eeeeee !important;
    width: 960px !important; }

#klickpfad li {
    list-style: none outside none !important;
    padding: 0 20px 0 10px !important;
    background-position: right center !important; }

#klickpfad a {
    color: #777777 !important; }

#klickpfad li:last-child {
    background-image: none !important; }

/***********************************************
Mainnavi
************************************************/
#mainnavi {
    background-image: none !important; }

/***********************************************
hr
************************************************/
hr {
    border: 0px !important;
    background: black !important;
    height: 1px !important;
    margin: 30px 0 30px 0 !important; }

/***********************************************
Maincontent // Lists
************************************************/

.tx-flseositemap-pi1 ul li, .csc-textpic ul li, .csc-textpic-text ul li, .bodytext + ul li, .box-100 .csc-default > ul li {
    background-repeat: no-repeat !important;
    background-position: left 5px !important;
    padding-left: 15px !important;
    margin: 2px 0px 2px 14px !important;
    list-style: none outside none !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: #333333 !important; }

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
    overflow: auto;
    padding-left: 0px !important; }

#maincontent li.csc-textpic-image {
    background-image: none !important;
    background-repeat: no-repeat !important; }

/***********************************************
Footer
************************************************/
#footer2 {
    height: 200px;
    padding: 20px 0 25px 0 !important;
    border-top: 1px solid black !important;
    margin: 60px 0 0 0 !important;
}

#footernavi3 {
    margin-top: 21px !important; }

#footernavi3 li.level_1_NO,
#footernavi3 li.level_1_NO_active {
    list-style: none outside none !important;
    background-image: none !important;
    margin-right: 25px !important;
    padding-left: 0px !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    color: black !important;
    letter-spacing: 0.5px !important; }

#country2 span {
    background-image: url("../img/worldwide.png") !important;
    font-size: 11px !important;
    padding-left: 25px !important;
    text-transform: uppercase !important;
    color: black !important;
    letter-spacing: 0.5px !important; }

#country2 select {
    width: 180px !important; }

/***********************************************
Social
************************************************/
#social {
    width: 100% !important;
    margin: 30px 0 0 0 !important;
    border-top: 1px solid black !important;
    padding: 20px 0 0 0 !important; }


#social li.youtube a {
    display: block;
    background-image: url(./utils/img/youtube.png) !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px !important; }

#social li.rss a {
    display: block;
    background-image: url(./utils/img/rss.png) !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px !important; }


/***********************************************
Paragraph
************************************************/
p {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #333333; }

/***********************************************
Main
************************************************/
#main {
    padding-top: 10px !important; }

/***********************************************
Box-100
************************************************/
.box-100-top {
    height: auto !important;
    background-image: none !important; }

.box-100 {
    min-height: 249px !important;
    margin: 86px 0 0 !important;
    width: 970px !important;
    background-color: white !important;
    background-image: none !important;
    border-left: 0px solid #cccccc !important;
    border-right: 0px solid #cccccc !important;
    padding: 0 !important; }

.box-100-bottom {
    height: 0px !important;
    background-image: none !important; }

/***********************************************
Box-75
************************************************/
.box-75-top {
    background-image: none !important;
    height: auto !important;
    margin: 0px !important; }

.box-75 {
    background-color: white !important;
    background-image: none !important;
    border-left: 0px solid #cccccc !important;
    border-right: 0px solid #cccccc !important;
    padding: 0px 0px 0px 28px !important;
    margin: 39px 0 0 !important;
    overflow-x: hidden !important; }

#box-75-right .box-75 {
    padding: 0px 0px 0px 28px !important; }

#box-75-left .box-75 {
    padding: 0px 28px 0px 0px !important; }

.box-75-bottom {
    background-image: none !important;
    height: auto !important;
    margin: 0px !important; }

#box-75-left .csc-header,
#box-75-right .csc-header {
    margin-bottom: 10px !important;
    overflow-x: hidden !important; }

/***********************************************
Box-50
************************************************/
.box-50-top {
    background-image: none !important;
    height: auto !important;
    margin: 0px !important; }

.box-50 {
    margin: 39px 0 0 !important;
    background-color: white !important;
    background-image: none !important;
    border-left: 0px solid #cccccc !important;
    border-right: 0px solid #cccccc !important;
    overflow-x: hidden !important;
    padding: 0px !important; }

.box-50-bottom {
    background-image: none !important;
    height: auto !important;
    margin: 0px !important; }

/***********************************************
Box-25
************************************************/
#box-25-right, #box-25-left {
    margin: 75px 0 0 0 !important;
    background-color: white !important; }

#box-25-middle {
    margin-top: 75px !important; }

.box-25-top {
    background-image: none !important;
    height: auto !important; }

.box-25 {
    background-color: white !important;
    background-image: none !important;
    background-position: 1px 0;
    background-repeat: repeat-x;
    border-left: 0px solid #cccccc !important;
    border-right: 0px solid #cccccc !important;
    min-height: 1px;
    margin: 20px 0 10px 0 !important; }

#box-25-left,
#box-25-left .box-25-190,
#box-25-left .box-25-390,
#box-25-right,
#box-25-right .box-25-190,
#box-25-right .box-25-390,
#box-25-middle,
#box-25-middle .box-25-190,
#box-25-middle .box-25-390 {
    background-color: white !important;
    width: 235px !important;
    padding: 0 0 0 0 !important;
    background-image: none !important;
    background-position: 1px 0;
    background-repeat: repeat-x;
    border-left: 0px solid #cccccc !important;
    border-right: 0px solid #cccccc !important;
    min-height: 1px; }

.box-25-bottom {
    background-image: none !important;
    border-bottom: 1px solid black; }

.box-25-190 ul li {
    background-image: url("./utils/img/ico_list8x8.png") !important;
    background-repeat: no-repeat !important;
    background-position: left 5px !important;
    padding-left: 15px !important;
    margin: 2px 0px 2px 14px !important;
    list-style: none outside none !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: #333333 !important; }

/***********************************************
Links
************************************************/
a:link {
    color: black !important;
    text-decoration: none; }

a:hover {
    text-decoration: underline !important; }

a:visited {
    color: black !important; }

p a {
    font-size: 12px !important;
    line-height: 18px !important;
    color: black !important; }

.more {
    background-image: url("../img/ico_arrow_right13x13.png");
    background-position: bottom right;
    background-repeat: no-repeat !important;
    float: right;
    margin-top: 0;
    padding-left: 0px !important;
    text-align: right !important;
    border-bottom: 1px solid black !important;
    width: 100% !important;
    font-size: 12px !important;
    font-weight: normal !important; }

.more a {
    padding-right: 18px !important; }

.more2 {
    background-image: url("../img/ico_arrow_right13x13.png");
    background-position: bottom right;
    background-repeat: no-repeat !important;
    float: right;
    margin-top: 0;
    padding-left: 0px !important;
    text-align: right !important;
    border-bottom: 1px solid black !important;
    width: 100% !important;
    font-size: 12px !important;
    font-weight: normal !important; }

.more2 a {
    padding-right: 18px !important; }

.backbutton {
    background-image: url("../img/ico_arrow_left13x13.png");
    background-position: top left !important;
    background-repeat: no-repeat !important;
    padding-left: 18px !important;
    font-size: 12px !important; }

.backbutton:hover {
    text-decoration: underline !important; }

.internal-link {
    background-image: url("../img/ico_arrow_right13x13.png");
    background-position:left center !important; /*top*/
    background-repeat: no-repeat !important;
    padding-left: 20px !important;
    font-size: 12px !important;
    line-height: 20px !important; }

.internal-link:hover {
    text-decoration: underline !important; }

.external-link-new-window {
    background-image: url("../img/ico_arrow_right13x13.png");
    background-position:left center !important; /*top*/
    background-repeat: no-repeat !important;
    padding-left: 20px !important;
    font-size: 12px !important;
    line-height: 20px !important; }

.external-link-new-window:hover {
    text-decoration: none !important; }

.mail {
    background-image: url("./utils/img/ico_mail13x13.png");
    background-position:left 3px !important;
    background-repeat: no-repeat !important;
    padding-left: 18px !important; }

/***********************************************
Tables
************************************************/

/*********fancybox **********/
#fancybox-title table {
text-shadow:none!important;
background:transparent none repeat scroll 0% 0% !important;
}
/*********fancybox **********/


table a:link {
    color: black;
    font-weight: bold !important;
    text-decoration: none !important; }

table a:visited {
    color: black !important;
    font-weight: bold !important;
    text-decoration: none !important; }

table a:active,
table a:hover {
    color: black !important;
    text-decoration: underline !important; }

table {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333333;
    font-size: 12px !important;
    text-shadow: 1px 1px 0px white ;
    background: #eaebec ;
    border: #cccccc 1px solid  }

table th {
    padding: 21px 25px 22px 25px ;
    border-top: 1px solid #fafafa ;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed  }

table th:first-child {
    text-align: left ;
    padding-left: 20px  }

table tr {
    text-align: center ;
    padding-left: 20px ;  }

table td:first-child {
    text-align: left ;
    padding-left: 20px ;
    border-left: 0 !important;
    background: #fafafa ; }

table td {
    padding: 6px ;
    border-top: 1px solid white ;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0 ;
    background: white ; }

table tr:hover td {
    background: #f2f2f2 ; }

td.borderinfo {
    background: white ;
    border-top: 1px solid #a5a5a5 !important;
    padding-bottom: 0px !important; }



/***********************************************
Form
************************************************/
label {
    font-size: 12px !important;
    font-weight: bold !important;
    color: black !important; }

/**** input, textarea, select ****/
input[type="text"],input[type="email"],input[type="number"],
input[type="password"],
textarea,
select,
.search {
    font-family: "Arial", sans-serif !important;
    background: whitesmoke !important;
    color: #333333 !important;
    font-size: 13px !important;
    height: auto !important;
    padding: 6px !important;
    border: 0px !important;
    border-bottom: 1px solid #e2e2e2 !important;
    border-right: 1px solid #e2e2e2 !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -moz-box-shadow: inset 1px 1px 2px -1px #9e9e9e !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #9e9e9e !important;
    box-shadow: inset 1px 1px 2px -1px #9e9e9e !important; }

input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover,
.search:hover {
    background: #f9f9f9 !important;
    border-bottom: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd !important; }

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
.search:focus {
    background: white !important;
    border-bottom: 1px solid #bbbbbb !important;
    border-right: 1px solid #bbbbbb !important;
    -moz-box-shadow: inset 1px 1px 2px -1px #333333 !important;
    -webkit-box-shadow: inset 1px 1px 2px -1px #333333 !important;
    box-shadow: inset 1px 1px 2px -1px #333333 !important; }

/**** button ****/
 button,
 .button,
 input[type="button"],
 input[type="submit"],
 input[type="file"] .button {
    /*background: black;*/
    /*color: white;*/
     background-color: #034b83;

color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    height: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 1rem 3.6rem 1rem 3.6rem;
   border: 0px solid black;
     border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}

 input[type="button"]:hover,
 input[type="submit"]:hover,
 input[type="file"] .button:hover {
    background: #2c2c2c !important;
    color: white !important; }

.input_mail_senden {
    width: 30% !important; }

.annul{
background-color: #034b83;

color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
	width: 55px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0.1rem 0.6rem 0.2rem 0.6rem;
   border: 0px solid black;
     border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}


/***********************************************
Menu
***********************************************/
#navi {
    text-transform: none !important;
    padding-top: 26px !important;
    position: relative !important; }


/***********************************************
Sitemap
***********************************************/
.tx-flseositemap-pi1 > ul > li > a {
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: 18px !important; }

/***********************************************
boxes border
***********************************************/
.box-25-190 .tx-mdreferenceweb-pi1 form {
    border-bottom: 1px solid black;
    margin: 20px 0 10px 0 !important; }

.box-25-190 .tx-mdreferenceweb-pi1 form:last-of-type {
    border: none !important; }

.tx-mdreferenceweb-pi1-object_desc {
    background-image: none !important;
    height: 40px;
    padding: 0px !important; }

#box-25-left .csc-default:last-of-type .box-25-bottom {
    border: none !important; }

#box-25-right .box-25-bottom:last-of-type {
    border: none !important; }


/***********************************************
Mega Dropdown Menu
***********************************************/
.navOverlay {
    display: none;
    position: fixed;
    z-index: 499;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.09) 12%, rgba(0, 0, 0, 0.15) 42%, rgba(0, 0, 0, 0.28) 71%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.06)), color-stop(12%, rgba(0, 0, 0, 0.09)), color-stop(42%, rgba(0, 0, 0, 0.15)), color-stop(71%, rgba(0, 0, 0, 0.28)), color-stop(100%, rgba(0, 0, 0, 0.3)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.09) 12%, rgba(0, 0, 0, 0.15) 42%, rgba(0, 0, 0, 0.28) 71%, rgba(0, 0, 0, 0.3) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.09) 12%, rgba(0, 0, 0, 0.15) 42%, rgba(0, 0, 0, 0.28) 71%, rgba(0, 0, 0, 0.3) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.09) 12%, rgba(0, 0, 0, 0.15) 42%, rgba(0, 0, 0, 0.28) 71%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.09) 12%, rgba(0, 0, 0, 0.15) 42%, rgba(0, 0, 0, 0.28) 71%, rgba(0, 0, 0, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f000000', endColorstr='#4d000000',GradientType=0 ); }

#navClose {
    position: absolute;
    z-index: 550;
    background: url("./utils/img/btn_menu_close30x30.png") no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    top: 59px;
    right: -5px;
    text-indent: -9999px;
    display: none; }

.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none; }

.nav {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 500; }

.nav a {
    text-decoration: none; }

.nav li {
    list-style: none; }

.nav > li {
    display: block;
    float: left; }

.nav > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 46px;
    padding: 0 25px;
    line-height: 31px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    background-position: top right; }

.nav > li:hover > a {
    color: black !important;
    text-decoration: none !important; }

.nav > li:hover > a > span {
    padding: 0 0 17px 0;
    border-bottom: 4px solid black; }

.nav > li:last-child > a {
    background: none;
    padding: 0 0 0 25px; }

.nav > li:first-child > a {
    padding: 0 25px 0 0; }

.nav > li > div {
    position: absolute;
    display: block;
    width: 970px;
    top: 44px;
    left: 0;
    display: none;
    background-color: #ffffff;
    border-top: 3px solid black; }

.nav > li:hover .nav-submenu > li:first-child > div.nav-subcontent-wrapper {
    display: block; }


	
	
#cctpconfig{
    display: inline-block;
    width: 730px;
    margin-left : 10px;
}
#cctpbconfig{
    display: inline-block;
    width: 690px;
    margin-left : 20%;
}
#cctpcconfig{
    display: inline-block;
    width: 690px;
    margin-left : 40%;
}


#storylineb{
	position:fixed;
    display: inline-block;
    float: left;
    margin-left:auto;
    margin-right: auto;
    width: 220px; 
    margin-top : 14px;
    font-size : 18px;
}
#storylineb ul{
    margin-top: 8px;
    margin-right : 8px;
}

#storylineb .fa{
    margin-top: 15px;
}
#storylineb .globe{
		background-image: url(../img/arrow.png);
}

#storylineb li{
    list-style-type: none; 
    font-size : 12px;
}

#storylineb .active{
    color : #00FF00;
}
#storylineb .termine{
    color : #0404B4;
}

#storyline{
	position:relative;
    display: inline-block;
    float: left;
    margin-left:auto;
    margin-right: auto;
    width: 220px; 
    margin-top : 14px;
    font-size : 18px;
}
#storyline ul{
    margin-top: 8px;
    margin-right : 8px;
}

#storyline .fa{
    margin-top: 15px;
}
#storyline .globe{
		background-image: url(../img/arrow.png);
}

#storyline li{
    list-style-type: none; 
    font-size : 12px;
}

#storyline .active{
    color : #00FF00;
}
#storyline .termine{
    color : #0404B4;
}

#situation, #color, #prepatina, #protect, #surfacequality{
    border-collapse: collapse;
    border: none;
    padding-left : 5px;
    vertical-align: middle;
    background-color: #ffffff;
}



#situation td , #color td, #prepatina td, #protect td, #surfacequality td{
    border:none;
    background-color: #ffffff;
}
#surfacequality td{
    width: 230px;
}

#situation tr , #color tr, #prepatina tr, #protect tr , #surfacequality tr, #tablegutter tr{
    border:none;
    background-color: #ffffff;
}

#situation table, caption, tbody, tfoot, thead, tr, th, td{
    vertical-align: middle;
}

.formerror, .alert{
    color: #ff0000;
}

#cctpconfig p{
    padding-top: 10px;
    text-align: justify;
    text-justify: inter-word;
}

#cctpconfig li{
    padding-top: 9px;
	background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
}



#cctpconfig h2{
    padding-top: 15px;
}
section{
    display:inline-block;
}
.longinput{
    width : 500px;
}

.shortlabel{
   display:inline-block;
    width: 120px;
    margin-right : 2px;
    padding-right : 2px;
}
.mediumlabel{
   display:inline-block;
    width: 155px;
}

#hygrometrie li{
    padding-top: 10px;
}

#floatrightbox{
    float:right;
    display: inline-block;
    padding: 0px;
    margin:0px;
    margin-top: 170px;
    border:none;
    width:230px;
}
#bottomasideright150, #bottomasideleft150{
    display : inline;
    width:114px;
    padding: -1px;
    margin:-1px;
    border:none;
}

.FAQquestion{
    font-style: italic;
    font-weight: bold;
}

label{
    display: inline-block;
}
label img{
    pointer-events: none;
}

#tablegutter{
    border-collapse: collapse;
    border: #cccccc 1px solid;
    padding-left : 5px;
    vertical-align: middle;
    background-color: #ffffff;
}

#tablegutter td{
    vertical-align: text-top;
    border: #cccccc 1px solid;
    width: 230px;
    height : 230px;
    background-color: #ffffff;
}

#collectionvignette{
    width:970px;
}

#collectionvignette h2{
     width: 360px;
     display: inline-block;
     color: white;
     background-color: black;
     padding-left:15px;
     padding-bottom: 7px;
     padding-top: 9px;
}


.vignette{
    margin-left: 25px;
    border-width:1px;
    border-style:solid;
    border-color:black;
    display: inline-block;
    width: 375px;
    border-top:none;
    border-bottom:none;   
}

#vignetteCouv{
    margin-left:0px;
}
.vignette p{
    padding-left: 3px;
    padding-right: 3px;
}

.buttonvignette{
    width: 358px;
    display: inline-block;
    padding: 6px 0px 6px 15px !important;
    border: 1px solid black;
    margin-bottom: 0px !important;
}

#plansite li{
    margin-top:6px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}

#plansite ul{
    margin-bottom : 12px;
}

#suppligne{
    display: inline-block;
    width: 730px;
    margin-left : 10px;

}
#suppligne p{
    padding-top: 10px;
    text-align: justify;
    text-justify: inter-word;
}

#suppligne li{
    padding-top: 9px;
	background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
}



#suppligne h2{
    padding-top: 15px;
}

.dez{
position: fixed;
top : 0px;
left : 0px;
width : 100%;
height: 100%;
opacity: 0.6;
background : white;

}
.DL{
position: fixed;
width: 250px;
background: black;
    cursor: pointer !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    height: auto !important;
text-align: center;
left: 50%;
top: 50%;
	transform: translate(-50%, -50%);
border: 1px solid black; 
padding: 6px 15px 6px 15px;
}
.baracookie{
	border:1px;
	background-color:grey;
	border-radius: 2px 2px 2px 2px;
	padding:2px;
	/*background-color:#303030;
	color:white;*/
        background-color:white;
	text-decoration:none;
}
#miam{
	position:fixed;
	top:50px;
	left:0px;
	width:100%;
	background-color:#5a5a5a;
	font:bold 12px;
	color:white;
	padding-bottom:8px;
	padding-top:8px;
	text-align:left;
}