* { padding:0px; margin: 0px;}
img {border:0;}
.page { width:960px;margin:0px auto -20px; text-align:left; padding: 0px 20px 20px 20px; margin-bottom: 20px;background: #fff; border: 5px solid #cfcfcf; border-width: 0px 5px 5px 5px; }

.header {padding-top: 20px; width: 100%}

div.breaker {
  clear:both;
  height:1px;
  overflow:hidden;
}

div.f-left {position: relative; float:left;}
div.f-middle_container {position: relative; float:left;}
div.f-middle-top{margin: 3px; margin-top: 0px;}
div.f-middle-bottom{margin: 3px; margin-bottom: 0px; margin-top: 8px;}
div.f-right {position: relative;  float:right;}

.welcome {color: #005E9C; font-weight: bold;}
.header-logo { position: relative; float: left;}
.header-links { position: relative; float: right; line-height: 24px; text-align: right; }
.header-links a { color: #999999; text-decoration: none;}
.header-links a:hover { color: black; text-decoration: none;}
.header-links .account {	background: url(/bilder/account_ico.png) no-repeat 0 50%; padding: 0px 17px; }
.header-links .login {	background: url(/bilder/login_ico.png) no-repeat 0 50%; padding-left: 17px; clear: both;}

.offerbar { margin: 15px 0 15px 0; color: white; position:relative; clear:both; background: transparent; padding: 0px 0px; height: 40px; width:100%}
.offerbar.empty { height: 1px; margin: 15px 0 0 0;}
.offerbar .f-left,.offerbar .f-right { line-height: 40px; font-weight: bold; font-size: 16px;}
.offerbar .f-left {background-color:#005e9c; width: 80%; text-align: center; }
.offerbar .f-right {width: 20%; text-align: center; background: url(/bilder/arrow_button.png) #27475c 80% 50% no-repeat; cursor: pointer;}
.offerbar a, .offerbar a:hover {text-decoration:none; color: white;}
 
.footer { margin-top: 15px; color: white; position:relative; clear:both; background-color: #F5F3F2; padding: 0px 0px;  width:960px}
.footer .f-left,.footer .f-right {line-height: 30px; padding: 0px 10px}
.footer .f-left { text-align: left; width: 150px;}
.footer .f-right { text-align: right; }
.footer .f-right  img { margin-top:10px; margin-right:20px; }
.footer a, .footer a:hover {text-decoration:none; color: #444444;}
.footer .bold { color: #444444; font-weight: bold; }
 
.copyright { margin-top: 20px; color: white; position:relative; clear:both; background-color: #333333; padding: 0px 0px;  height: 40px;  width:960px}
.copyright .f-left { text-align: right; padding: 12px 0 0 10px; }
.copyright .f-left a{ color: #D66113; }
.copyright .f-right { text-align: right; padding: 12px 10px 0 0; }
.copyright a {text-decoration:none; color: white; font-weight: bold;}
.copyright .f-right a { margin: 0 10px;} 

.offer-box {position:relative; }
.topoffer { position: absolute; top: 0px; left:0px; }
.sideoffer { position: relative; }
.bottom-transp { position: absolute; bottom:0px; left:0px; width: 100%;  background: url(/bilder/semi66.png); color: white; cursor: pointer;}
.topoffer .bottom-transp {height: 70px; font-size: 15px; }
.sideoffer .bottom-transp {height: 40px; font-size: 12px; font-weight: bold;}
.bottom-transp .teaser { background: url(/bilder/arrow_button.png) no-repeat 100% 50%; text-align: right; white-space: normal; overflow: hidden;  }
.sideoffer .bottom-transp .teaser {margin-right:10px; margin-top:8px; padding-right: 30px; height: 24px; line-height: 20px;}
.topoffer .bottom-transp .teaser {margin-right:20px; margin-top:15px; padding-right: 50px; height: 40px; line-height: 20px; margin-left:50px;}
.topoffer a:hover, .sideoffer a:hover { text-decoration: none; }


.right-content { margin: 0 0 5px 0;  position:relative; clear:both; background-color: #F5F3F2; padding: 0px 0px;  width:100%}
.right-content b { line-height: 24px ; font-size: 14px;  }
.right-content .inner {position: relative; padding: 5px; font-size: 12px; line-height: 20px }

.newsletter { position:relative; clear:both; background-color: #F5F3F2; padding: 0px 0px;  width:100%}
.newsletter .inner {position: relative; padding: 10px; font-size: 12px; line-height: 20px }
.news-input {position: relative; float: left; display: table-cell; vertical-align: middle; background: url(/bilder/subscribe_bg.png) #F4F4F4 no-repeat ; height:33px; width: 225px; margin: 10px 8px; }
.news-input .input-text { margin-left: 35px;  border: 0; font-size:14px; width: 160px; }

.search p {margin: 0px; font-size: 12px; line-height: 20px }
.search td {vertical-align: middle; padding: 2px 0;}
.search-input {position: relative; float: left; display: table-cell; vertical-align: middle; background: url(/bilder/input176_24_bg.png) #F4F4F4 no-repeat ; height:24px; width: 176px; margin: 0 0 0 5px;}
.search-input div input{color: #035C9B;}
.search-input .input-text { margin-left: 5px;  border: 0; font-size:14px; width: 165px; }
.search-button {position: relative; float: right; width: 100px; height: 26px; background: url("/bilder/search_button.png") top left no-repeat; font-size: 18px; line-height: 24px; cursor: pointer; text-align: center; color: white; margin-top: 5px;}

#dialog-indikation, #dialog-land { display: none; }
#dialog-indikation ul, #dialog-land ul { list-style-type: none; text-align: left; margin: 0; }
#dialog-indikation li, #dialog-land li { width: 400px; font-size: 18px; padding: 0 0 0 3px; overflow: hidden; white-space: nowrap;}
#dialog-indikation li:hover, #dialog-land li:hover { background-color:  #D66113; }
#dialog-indikation li:hover a, #dialog-land li:hover a { text-decoration: none;}
#dialog-indikation a, #dialog-land a { font-size: 14px; }



.service li { list-style-type: none; }
.service ul { margin: 5px 0 0 10px; }
.service a { text-decoration: none; color: black; }

/********** < Navigation */
#navigation { position: relative; width: 960; background: url(/bilder/menu_bg_small.gif) repeat-x ; height: 42px; margin-bottom: 15px; margin-top: 15px; }
.nav-container { margin-left: 20px;}
#nav { float:left; height: 42px; font-size:13px; margin:0;}

#nav li { list-style-image:none; list-style-position:outside; list-style-type:none;}

/* ALL Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left;	}
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/* 0 Level */
#nav li { float:left;margin:0;}
#nav a { float:left; color:#fff; text-shadow: 0px 1px #3f3f3f; line-height: 42px;padding: 0px 10px;}
#nav li.over a,
#nav a:hover, #nav li a:hover { color:#444; text-shadow: 0px 1px #fff;background:#e0e0e0 url(/bilder/menu_hover.gif) repeat-x;}
#nav a:hover { line-height: 42px; }
#nav .divide { padding: 0px 10px; line-height: 42px; }
#nav li:hover a { color: #444 !important; text-shadow: 0px 1px #fff; }
#nav li.over, #nav li:hover { background:#e0e0e0 url(/bilder/menu_hover.gif) repeat-x;color: #444 !important;}
#nav li.active {background:#efefef url(/bilder/menu_active.gif) repeat-x; }
#nav li.active a{ text-shadow: 0px 1px #fff;color: #444 !important;text-shadow: 0px 1px #fff !important;  }
#nav li.parent a {background:url(/bilder/menu_bullet.png) no-repeat 90% 50%; padding-right: 28px;}
#nav li.active a:hover { color: #444 !important; text-shadow: 0px 1px #fff !important; } 
#nav li.home, #nav li.home a:hover { /*-moz-border-radius: 8px 0px 0px 8px;-webkit-border-radius: 8px 0px 0px 8px;border-radius: 8px 0px 0px 8px; */}
#nav li.home a{ padding-left: 12px;}
#nav li.divider { width: 10px; margin-right: 30px; margin:0px}
#nav li.home a:hover { color: #444; }
/* 1st Level */
#nav ul li,
#nav ul li.active,
#nav ul li.over { float:none; border:none; background:none; margin:0; padding:0;text-transform:none; }
#nav ul li.parent { background:url(/bilder/bkg_nav_parent.gif) no-repeat 100% 50%; }
#nav ul li.last { padding-bottom:0; }
#nav ul li.active { margin:0; border:0; background:none; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; line-height:normal;}
#nav ul li a { font-weight:normal !important; }

/* 2nd Level */
#nav ul { position:absolute; width:15em; top:40px; left:-10000px; -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); padding:0; background: #e0e0e0; }

/* Show menu */
#nav li.over > ul { left:0px; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }
#nav li:hover > ul li:hover {background-image:none !important; }
#nav li.parent > ul li a { background-image:none;text-shadow: 0px 1px #fff !important; }
#nav li.parent > ul li a:hover { background-image:none;text-shadow: 0px 1px #fff !important; }
#nav ul li a {  padding:6px 10px; color:#444 !important; border-bottom: 1px solid #b9b9b9;border-top: 1px solid #f4f4f4;border-left: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9;  }
#nav ul li.last a { border-bottom: 0px; }
#nav ul li a:hover { padding:6px 10px; color:#444 !important;background: #efefef; !important; text-shadow: none !important; border-top: 1px solid #f7f7f7;}

/* 3rd+ Level */
#nav ul ul { top:5px;border: 1px solid #bdbdbd; }
#nav ul ul li a { border-width: 1px 0px; }

.round7 { position: absolute; z-index: 2; width: 7px; height: 7px;}
.round7.ul { top: 0px; left: 0px; background: url(/bilder/ul.gif) top left no-repeat transparent; }
.round7.ur { top: 0px; right: 0px; background: url(/bilder/ur.gif) top right no-repeat transparent; }
.round7.bl { bottom: 0px; left: 0px; background: url(/bilder/bl.gif) bottom left no-repeat transparent; }
.round7.br { bottom: 0px; right: 0px; background: url(/bilder/br.gif) bottom right no-repeat transparent; }