@charset "utf-8";
/******************************************************************************  
/*	
/*	Standards
/*
/*****************************************************************************/
<!--
body { overflow-x: auto; overflow-y: scroll;  } /* permanente Scrollbar in Firefox */
html,body { margin:0; padding:0; height:100%; background-color: #FFFFFF; color: #555; font-size: 14px; font-family: robotoregular, Arial, Helvetica, sans-serif; line-height: 1.6; min-width: 1255px; -webkit-font-smoothing:antialiased; }
img { border: 0px; vertical-align: middle; }
a { color: #145AA7; text-decoration: none; font-family: robotoregular, Arial, Helvetica, sans-serif; -webkit-transition: color .2s ease-in, text-shadow .2s ease-in; -moz-transition: color .2s ease-in, text-shadow .2s ease-in; -o-transition: color .2s ease-in, text-shadow .2s ease-in; -ms-transition: color .2s ease-in, text-shadow .2s ease-in; transition: color .2s ease-in, text-shadow .2s ease-in; } 
a:hover { color: #DA0000; } 
strong { font-family: robotomedium; font-weight: normal; color: #006; }
ul { margin: 0px; margin-bottom: 8px; -webkit-padding-start: 28px; -moz-padding-start: 28px; }
p { padding: 0px; margin: 0px; margin-bottom: 12px; }
a.active { color: #DA0000; } a:focus { outline: none; }
h1, h2, h3, h4, h5 {  padding: 0px; color: #0053A0; line-height: 1; letter-spacing: 1px; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; margin: 0px; font-family: roboto_condensedregular, Arial, Helvetica, sans-serif; }
h1 { font-size: 17px; }
h2 {  font-size: 14px;  color: black; font-family: robotomedium }
h3 {  font-size: 13px; font-weight: normal; text-transform: none;  }
h4 {  font-size: 13px; font-weight: normal; text-transform: none; color: black; }

/* Formulare */
input, select, textarea { font-size: 12px; font-family: robotoregular, Arial, Helvetica, sans-serif; color: #737E88; }
textarea { overflow-y: scroll; }
input, textarea { color: #585858; padding: 6px 12px; border: 1px solid #B9B9B9; background-color: white; -webkit-transition: background-color .3s ease-in, border-color .3s ease-in; -moz-transition: background-color .3s ease-in, border-color .3s ease-in; -o-transition: background-color .3s ease-in, border-color .3s ease-in; -ms-transition: background-color .3s ease-in, border-color .3s ease-in; transition: background-color .3s ease-in, border-color .3s ease-in; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
input[type="checkbox"], input[type="radio"] { vertical-align: middle; }
input[disabled],input[disabled]:hover { background: #F5F5F5; color:silver; }

/* Blöcke */
.float_left, .float-left { float: left; } .float_right, .float-right { float: right; }
.clear_both, .clear, .clear-both { clear: both; line-height: 0px; height: 0px; font-size: 0px; }
.block { display: block; }

/* Farben und Schrift */
.default-color { color: #555; }
.light-color { color: #999; }
.white-color { color: white; }
.grey-color { color: #737E88; }
.green-color { color: #517700; }
.red-color { color: #8C0712; }
.red-lt-color { color: #FFDDDE; }
.blue-color { color: #0053A0; }
.black-color { color: #000000; }
.font-default { font-size: 13px; }
.font-small { font-size: 11px; }
.font-medium { font-size: 15px; }
.font-large { font-size: 18px; }
.strike { text-decoration: line-through }
.underline { text-decoration: underline; }
.title_error { color: red }

/* Hintergrund */
.back-grey { background-color:#E2E2E2; }
.back-grey-lt { background-color: #FAFAFF; }

/* Border */
.border-bottom { border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; margin-bottom: 12px; }
.dotted-bottom { border-bottom: 1px dotted #e5e5e5; }
.dotted-top { border-top: 1px dotted #e5e5e5; }
.border-top { border-top: 1px solid #e5e5e5; padding-top: 12px; margin-top: 12px; }

/* Sonstiges */
.quick_errors { color: #D31010; margin: 7px 0px; }
#loading { z-index: 1100; position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
#loading div { z-index: 1101; background-color: white; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;
 position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
#loading img { z-index: 1102; position: fixed; margin-left: auto; opacity: 1; margin-right: auto; left: 0; right: 0; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; }
label { vertical-align: middle;}

/* Google Translate */
.translated-ltr div#fixloginfooter { top: 40px!important }
.translated-ltr div#loged_navi { top: 40px!important }
.goog-te-banner-frame { }
.skiptranslate { margin-top: -4px;}
.skiptranslate img { display: none; }
.goog-te-gadget-simple { background-color: transparent !important; border: 1px solid #C5C5C5 !important; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.goog-te-gadget-simple .goog-te-menu-value { color: inherit !important; }
.goog-te-gadget-simple .goog-te-menu-value:hover { color: inherit !important; text-decoration: none !important; }
.goog-te-menu-value span { padding-right: 12px; }
.goog-tooltip { display: none !important; }

/* Transitions */
.transition-transform { -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out; transition: transform .3s ease-in-out; }
.transition-transform-color { -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; -o-transition: color .3s ease-in; -ms-transition: color .3s ease-in; transition: color .3s ease-in; }
.transition-transform-background-color { -webkit-transition: background-color .3s ease-in; -moz-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; -ms-transition: background-color .3s ease-in; transition: background-color .3s ease-in; }
.transition-transform-border-color { -webkit-transition: border-color .3s ease-in; -moz-transition: border-color .3s ease-in; -o-transition: border-color .3s ease-in; -ms-transition: border-color .3s ease-in; transition: border-color .3s ease-in; }

.transition-transform-underline { -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; -o-transition: color .3s ease-in; -ms-transition: color .3s ease-in; transition: color .3s ease-in; }
.transition-transform-opacity { -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; -ms-transition: opacity .3s ease-in; transition: opacity .3s ease-in; }
-webkit-transform: translate3d(0,0,0);

/* Transitions */
.shadow-lt-bottom { -webkit-box-shadow: 0px 2px 4px 0px #D6D6D6; -moz-box-shadow: 0px 2px 4px 0px #D6D6D6; -o-box-shadow: 0px 2px 4px 0px #D6D6D6; -ms-box-shadow: 0px 2px 4px 0px #D6D6D6; box-shadow: 0px 2px 4px 0px #D6D6D6; }
.shadow-short-top { -webkit-box-shadow: 0px 0px 4px 0px #F0F0F0; -moz-box-shadow: 0px 0px 4px 0px #F0F0F0; -o-box-shadow: 0px 0px 4px 0px #F0F0F0; -ms-box-shadow: 0px 0px 4px 0px #F0F0F0; box-shadow: 0px 0px 4px 0px #F0F0F0; }
.shadow-short-bottom { -webkit-box-shadow: 0px 2px 2px 0px #F0F0F0; -moz-box-shadow: 0px 2px 2px 0px #F0F0F0; -o-box-shadow: 0px 2px 2px 0px #F0F0F0; -ms-box-shadow: 0px 2px 2px 0px #F0F0F0; box-shadow: 0px 2px 2px 0px #F0F0F0; }

/* Shadows */
.shadow-1 { box-shadow: 4px 6px 8px -1px #D6D6D6; }

/* Buttons */
.top-button { border: 1px solid #7A7777; padding: 6px 8px; background-color: #5F6163; color: white; }
.top-button:hover { border: 1px solid #9E9C9C; background-color: #808081; color: white; }

.default-button { cursor: pointer; font-size: 14px; line-height: 31px; padding: 6px 8px; background-color: whiteSmoke; border: 1px solid gainsboro; font-family: robotomedium, Arial, Helvetica, sans-serif; color: #6F6F6F }
.default-button img { margin-top: -3px; }
.default-button span { color: #A2A2A2; font-size: 16px; vertical-align: middle; }
.default-button:hover, .default-button-active, .default-button-active:hover { padding: 6px 8px; text-shadow: 0 1px 1px white; background-color: #D5D5D5; border: 1px solid #C6C6C6; color: #333; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0, 0, 0, .1); }
.default-button-active, .default-button-active:hover { cursor: default; border: 1px solid #B9B9B9; -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1); -o-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1); -ms-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1); background: #eeeeee; background: -moz-linear-gradient(top,  #eeeeee 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e0e0e0)); background: -webkit-linear-gradient(top,  #eeeeee 0%,#e0e0e0 100%); background: -o-linear-gradient(top,  #eeeeee 0%,#e0e0e0 100%); background: -ms-linear-gradient(top,  #eeeeee 0%,#e0e0e0 100%); background: linear-gradient(to bottom,  #eeeeee 0%,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e0e0e0',GradientType=0 ); }
.default-button:hover img, .default-button-active img { margin-top: -3px; }
.default-button .ui-selectmenu-icon, .default-button-active .ui-selectmenu-icon { margin-top: -6px; }
.default-button:active { background-color:inherit; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); border: 1px solid #4D90FE;}

.action-button, .action-button-block { cursor: pointer; color: white !important; font-size: 14px; line-height: 31px; padding: 6px 8px; background-color: #4D90FE; border: 1px solid #3079ED; font-family: robotomedium, Arial, Helvetica, sans-serif; }
.action-button:hover, .action-button-block:hover { color: white; border-color: #2F5BB7; padding: 6px 8px; background-color: #357AE8; border-color: #2F5BB7; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 1px rgba(0, 0, 0, .2); }
.action-button-active { cursor: pointer; color: white !important; border-color: #2F5BB7; font-size: 13px; line-height: 31px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 6px 8px; background-color: #3E7FE6; background-image: -webkit-linear-gradient(top,#3E7FE6,#3E7DE4); background-image: -moz-linear-gradient(top,#3E7FE6,#3E7DE4); background-image: -ms-linear-gradient(top,#3E7FE6,#3E7DE4); background-image: -o-linear-gradient(top,#3E7FE6,#3E7DE4); background-image: linear-gradient(top,#3E7FE6,#3E7DE4); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3E7FE6',EndColorStr='#3E7DE4'); border: 1px solid #0959D6; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.2); }
.action-button-block, .action-button-block:hover, .action-button-block:active { display: inline-block; padding: 6px 12px; text-align: center; font-size: 14px; min-width: 220px; }


/******************************************************************************  
/*	
/*	Layout & Content
/*
/*****************************************************************************/

/* Layout */
div#outerWrapper { height:auto !important; height:100%; min-height:100%; position: relative; width: 100%; }
div#innerWrapper { width: 995px; margin: 0 auto; padding-bottom: 288px; padding-top: 36px; }
div#banner { margin: 36px 0px; } 
div#footer { position:absolute; bottom: 0;  padding: 0px; width: 100%; min-width: 995px; font-size: 0.9em; line-height: 1.2; border-top: 1px solid rgba(0,0,0,0.2); color: #A3A3A3; background-color: #D1D1D1; -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.1); -o-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.1); -ms-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.1); box-shadow: inset 0px 2px 2px rgba(0,0,0,0.1); }
div#footer div.footer-content { width: 995px; margin: 0 auto; padding: 24px 0px; color: grey }
div#loged_navi { position: fixed; z-index: 25; }
div#loged_navi a, div#loged_navi .login { color: white; margin-right: 6px; border: 1px solid #7A7777; padding: 6px 8px; background-color: #5F6163; color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
div#loged_navi a:hover, div#loged_navi a.active, div#loged_navi .login:hover { border: 1px solid #9E9C9C; background-color: #808081; color: white; cursor: pointer; }


/* Header */
#header #top-nav { padding-top: 0px; }
#header #top-nav a { width: 126px; text-align: center; color: black; font-size: 17px; margin-right: 24px; text-transform: uppercase; font-family: roboto_condensedregular, Arial, Helvetica, sans-serif; display: inline-block; padding: 0px 12px; padding-bottom: 8px; padding-top: 4px; border-bottom: 4px solid transparent; }
#header #top-nav a:hover, #header #top-nav a.active { text-decoration: none; border-bottom: 4px solid #C50000; }
#header #top-nav a#page_351 { margin-right: 0px; }
#header #top-nav a#page_351:hover, #header #top-nav a#page_351.active { border-bottom: 4px solid #123A8F; }
#header #top-nav a#page_84:hover, #header #top-nav a#page_84.active { border-bottom: 4px solid #D1D1D1; }


/* Headlines */
h1#headline, h1.headline { margin-bottom: 6px; font-size: 21px; }
h2#subline { margin-bottom: 24px; font-size: 15px; }
h1.price { font-family: robotoblack, Arial, Helvetica, sans-serif; text-transform: none; color: #368800; margin: 12px 0px; }
.subparts { margin: 36px 0px; padding: 24px; background-color: #EEE; border: 1px solid #ADADAD; }

/* Footer */
div#footer a { padding: 0px 6px; color: #838181; }
div#footer a:hover, div#footer div#bottom_navi a.active, div#control-panel a:hover { text-decoration: underline; }