/* ###################################################
		GENERAL STYLES
###################################################### */
body
{
	background: #f7f7f6;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height: 16px;
	height:100%;
	margin:0px;
	padding:0px;
	width:100%;
	color: #003366;
}

html > body
{
	overflow-y:scroll;
}


#wrapper
{
	width: 795px;
	/*width: 912px;*/
	background: #fff;
	display: block;
}

#iframe_top
{
  width:795px;
  height:5px;
  font-size:1px;
  background-color:#BCE5F7;
}

#sub-menu-1
{
}

#sub-menu-2
{
	margin-top: 0;
	border-top: 4px solid #DDF2FB;
	background-color: #DDF2FB;
	margin-bottom: 5px;
}

#austauschen #sub-menu-2
{
	border-top: 4px solid #feb17d;
	background-color: #feb17d;
}

#content
{
  clear:both;
	display: block;
	min-height: 528px;
	height: 100% !important;
	height: 528px;
	background: #e4f7ff url(../img/layout/content_back_gradient.gif) repeat-x top left;
	width: 765px;
	padding:6px 15px 15px;
}

#col-left
{
	float:left;
	margin-right: 15px;
}


#col-right
{
	float:left;
}

#menu-border-sn
{
	border-top: 3px solid #ad134d; /* fd7113 */
	width: 100%;
	margin-top:-6px;
	font-size:1px;
	line-height: 1px;
}
.menu-border-smallmargin {
    margin-top: -4px !important;
}


#austauschen #menu-border-sn
{
	border-top: 3px solid #fd7113;
}



#shoppen #menu-border-sn
{
	border-top: 3px solid #2aa300;
}

.dashboard-link
{
	float:left;
	margin-top:18px;
}

.dashboard-link-left, .dashboard-link-right, .dashboard-link-middle
{
	height:18px;
	border-top:1px solid #fd7113;
	border-bottom:1px solid #fd7113;
	border-right:1px solid #fd7113;
	padding: 2px 5px 0 0;
	color: #fd7113;
	font-weight:bold;
}


.dashboard-link-right
{
	border-right:none;
	float:left;
	padding: 2px 0px 0 5px;
}

.dashboard-link-middle
{
	padding: 2px 5px 0 5px;
}

#promo_banner,
#promo_banner a,
#promo_banner img
{
  font-size:1px;
  line-height:1px;
}

.vgwort
{
  left: -10px;
  position: absolute;
  top: -10px;
  visibility: hidden;
}

/* ###################################################
		HEADER
###################################################### */
#header-wrapper
{
  float:left;
  width:795px;
  overflow:hidden;
  border-bottom:3px solid #C40069;
}
#wrapper .header-wrapper-noborder,
{
  border-style:none;
}

/**
 * Logo
 */
#header .logo
{
  float:left;
  width:207px;
  height:56px;
}
#header .logo a
{
  display:block;
}
#header #logo a
{
  width:137px;
  height:24px;
  margin:15px 0 0 15px;
}
#header #logo-eff a
{
  width:152px;
  height:49px;
  margin:1px 0 0 15px;
}
#header .logo img
{
  border-style:none;
}

/**
 * Login
 */
#login-bottom a,
.arrow-login-right
{
  padding-left:8px;
  background-image:url(/de/img/layout/buttons/arrow_right.png);
  background-repeat:no-repeat;
  background-position:center left;
}
/**
 * Login (logged out)
 */
#header #login
{
  float:left;
  width:354px;
  height:46px;
  padding-top:10px;
}
#header #login form
{
	margin: 0;
	padding: 0;
}
#header #login ul
{
	margin: 0;
	padding: 0;
  list-style-type:none;
}
#header #login #username,
#header #login #password
{
	float:left;
  width:128px;
  height:12px;
  margin:2px 2px 0 0;
  padding:2px;
  vertical-align:middle;
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  border:1px solid #878787;
}
#header #login .button-img
{
  margin-left:3px;
}
#header #login .button-img a
{
  text-decoration:none;
}
#header #login #login-bottom
{
  clear:both;
  height:16px;
  padding-top:4px;
}
#header #login #login-bottom #cookie
{
  width:14px;
  height:14px;
  margin:0;
  padding:0;
  vertical-align:top;
}
#header #login #login-bottom label
{
  cursor:pointer;
}
#header #login #login-bottom,
#header #login #login-bottom a
{
  font-size:10px;
  font-family:verdana, arial, sans-serif;
  line-height:12px;
  color:#003366;
  text-decoration:none;
}
#header #login #login-bottom a
{
  margin-left:8px;
}

/**
 * Login (logged in)
 */
#header #login #login-info,
#header #login #login-info a
{
	font-size:11px;
  font-family:verdana, arial, sans-serif;
  color:#003366;
  text-decoration:none;
}
#header #login #login-info p
{
  margin:0;
  padding:0;
}

#header #login #login-info #login-info-name
{
  width:240px;
  margin-bottom:3px;
  font-weight:bold;
  border-bottom:1px solid #878787;
}

/**
 * Search
 */
#header #search
{
  float:left;
  width:220px;
  height:46px;
  margin:0;
  padding:10px 0 0 4px;
}
#header #search-form
{
  margin:0;
}
#header #search #query,
#header #search #querystring
{
  float:left;
  width:128px;
  height:12px;
  margin:2px 0 0 0;
  padding:2px;
  vertical-align:middle;
  font-family:verdana, arial, sans-serif;
  font-size:10px;
  line-height:1;
  border:1px solid #878787;
}
#header #search .button-img
{
  float:right;
}
#header #search .button-img a
{
  text-decoration:none;
}

/**
 * Container for promo banner
 */
#promo_banner
{
  clear:both;
	padding-left:30px;
}

/**
 * First Level Navi (Main + Top navi)
 */
#navi1
{
  clear:both;
	float: left;
  width:100%;
  height:32px;
  background-image:url(/de/img/layout/buttons/mainnavi_bg.png);
  background-repeat:repeat-x;
  overflow:hidden;
}

/**
 * Main navi
 */
#navi1 #mainnavi
{
  float: left;
  display: inline; /* IE 6 double margin bug */
  margin:0 0 0 13px;
  padding:0;
  list-style-type:none;
}
#navi1 #mainnavi li
{
  float:left;
  width:109px;
  height:32px;
  margin-right:1px;
}

#navi1 #mainnavi li:last-child {
  width: 70px !important;
}

#navi1 #mainnavi img
{
  border-style:none;
}

/**
 * Top navi
 */
#navi1 #topnavi
{
	float:right;
  height:32px;
  margin:0;
  padding:0;
  list-style-type:none;
}
#navi1 #topnavi li
{
  float:left;
  padding-right:1px;
  line-height:32px;
}
#navi1 #topnavi a
{
  margin-right:3px;
  font-family:arial, verdana, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#036;
}
#navi1 #topnavi a:link,
#navi1 #topnavi a:visited
{
  text-decoration:none;
}
#navi1 #topnavi a:focus,
#navi1 #topnavi a:hover,
#navi1 #topnavi a:active,
#navi1 #topnavi a.topnavi_active
{
  text-decoration:underline;
}

/**
 * Second level navi
 */
#navi2
{
  clear:both;
  width:100%;
  padding-left:4px;
}
#navi2 ul
{
  margin:0;
  padding:0;
  list-style-type:none;
}
#navi2 li
{
  float:left;
}
#navi2 .sub-active
{
  background-color:#F9E5F0;
}
#navi2 a
{
  float:left;
  height:27px;
  padding:0 1.1em;
  line-height:27px;
  font-family:arial, verdana, sans-serif;
	font-size: 11px;
  color:#00337D;
  border:2px solid #fff;
  border-width:2px 0;
}
#navi2 a:link,
#navi2 a:visited
{
	text-decoration: none;
}
#navi2 a:focus,
#navi2 a:hover,
#navi2 a:active
{
  text-decoration:underline;
}
#navi2 .sub-active a
{
  font-weight:bold;
  color:#142E7B;
  text-decoration:none !important;
}
#navi2 .multiline a
{
  line-height:1.2;
}
#navi2 .multiline a .submenu-with-margin
{
  line-height:27px;
}

/**
 * Third level navi
 */
#navi3
{
  clear:both;
	float: left;
  width:100%;
  padding-left:2px;
  background-color:#F9E5F0;
}
#navi3 ul
{
  margin:0;
  padding:0;
  list-style-type:none;
}
#navi3 li
{
  float:left;
}
#navi3 .sub-active
{

}
#navi3 a
{
  float:left;
  height:28px;
  padding:0 13px 0 14px;
  line-height:1.3;
  font-family:arial, verdana, sans-serif;
  font-size:11px;
	text-decoration: none;
  color:#00337D;
}
#navi3 a:link,
#navi3 a:visited
{
	text-decoration: none;
}
#navi3 a:focus,
#navi3 a:hover,
#navi3 a:active
{
  text-decoration:underline;
}
#navi3 .sub-active a
{
  font-weight:bold;
  color:#142E7B;
  text-decoration:none !important;
}
#navi3 a .submenu-with-margin
{
  line-height:26px;
}

/**
 * Breadcrumbs
 */
#breadcrumb-wrapper
{
  float:left;
  width:795px;
  background-color:#BCE5F7;
}

#breadcrumb-wrapper-bottom
{
  float:left;
}

.main-breadcrumb
{
  float:left;
  padding:6px 0 0 16px;
}

.breadcrumb-footer {
  padding: 4px 0px 0px 0px;
  border-bottom: none !important;
  width: 480px;
}

.breadcrumb-footer .breadcrumb-prefix {
  margin-left: -4px;
}

.main-breadcrumb li
{
  display:inline;
  padding:0 5px !important;
  background-image:url(/de/img/layout/buttons/arrow_right.png);
  background-repeat:no-repeat;
  background-position:center right;
  border-bottom: none !important;
}
.main-breadcrumb .breadcrumb-prefix,
.main-breadcrumb .breadcrumb-last
{
  background-image:none;
}
.main-breadcrumb .breadcrumb-prefix
{
  margin-right:-5px;
	padding: 0;
  font-weight:bold;
}
.main-breadcrumb li,
.main-breadcrumb li a,
.main-breadcrumb li h1
{
  font-family:arial, verdana, sans-serif;
  font-size:11px !important;
  color:#036 !important;
}
.main-breadcrumb li a:link,
.main-breadcrumb li a:visited
{
  text-decoration:none;
}
.main-breadcrumb li a:focus,
.main-breadcrumb li a:hover,
.main-breadcrumb li a:active
{
  text-decoration:underline;
}
.main-breadcrumb li h1
{
  display: inline;
  font-weight: normal;
}
/**
 * RSS + mobile links (next to breadcrumbs)
 */
#breadcrumb-links
{
  float:right;
  padding:5px 16px 0 0;
}
#breadcrumb-links a, #archive-bottom a
{
  line-height:18px;
  padding:3px 0 3px 20px;
  font-family:arial, verdana, sans-serif;
  font-size:11px;
  color:#255695;
  background-position:left center;
  background-repeat:no-repeat;
}
#breadcrumb-links a.rss
{
  background-image:url(/de/img/layout/breadcrumb-rss.gif);
}
#breadcrumb-links a.mobile
{
  margin-left:8px;
  background-image:url(/de/img/layout/breadcrumb-mobile.gif);
}

#breadcrumb-links a.archive, #archive-bottom a.archive
{
  margin-left:8px;
  background-image:url(/de/img/layout/breadcrumb-archive.gif);
}

#breadcrumb-links a.facebook
{
  margin-right:8px;
  background-image:url(/de/img/layout/breadcrumb-facebook.gif);
}
#breadcrumb-links a:link,
#breadcrumb-links a:visited
{
  text-decoration:none;
}
#breadcrumb-links a:focus,
#breadcrumb-links a:hover,
#breadcrumb-links a:active
{
  text-decoration:underline;
}

#archive-bottom {
	width: 480px;

	background-color: #e2f3f9;
	background-image: url(/de/img/layout/box-left-corner.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 24px;
	margin: 10px 0 15px 0;
}
#archive-bottom a.archive {
	float: right;
}
#archive-bottom div.right-corner {
	float: right;
	width: 6px;
	height: 24px;
	background-image: url(/de/img/layout/box-right-corner.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.archive-breadcrumb {
	font-style: normal !important;
}

/* ###################################################
		TEXT STYLES
###################################################### */

h1,
.index_headline
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 18px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	font-smooth: always;
}

h2,
h3,
H3 A,
.sidebar_h2_gradient,
.sidebar_h3,
.article_comment_h2,
.articleOption,
#informieren div#top-teaser,
.index_spitzmarke,
.big_teaser_spitzmarke,
.flat_teaser_spitzmarke,
.article_forumbox_headline
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 16px;
	/*text-transform:uppercase;*/
	margin: 0;
	padding: 0;
}

#header a span
{
	font-size:30px;
	overflow:visible;
	color: #fd7113;
	margin-left:5px;
	line-height:30px;
	padding-top:6px;
	display:block;
	float:left;
	height:20px;
}

#sub-menu-2 ul li.navad-cell-big
{
  padding-top:8px;
}
/* ###################################################
		IMAGE STYLES
###################################################### */

img
{
	border: none;
}

.dashboard-link img
{
	float:left;
}

.dashboard-link-right img
{
	margin: 2px 3px 0 0;
}


/* ###################################################
		LINK STYLES
###################################################### */
a
{
	font-size: 11px;
	color: #008cb9;
}

#search-form .auto_complete {
  text-align: left !important;
  z-index: 99;
  display: block;
}

#search-form a
{
	text-decoration: none;
}

a#home-link
{
	margin-top: 5px;
	display:block;
}



/* ###################################################
		LIST STYLES
###################################################### */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;

}

#sub-menu-1 .navi-large li {
	height: 36px !important;
}
#sub-menu-2 ul li
{
	padding-left: 7px; /* 10px */
	padding-right: 7px; /* 10px */
	height: auto;
}

/* ###################################################
		FORM STYLES
###################################################### */
span.content_ad_text
{
  color: rgb(128, 128, 128) !important
}

/* inline login form  */
form#form-login div.form-col label {
  height:30px;
}
form#form-login .button-img
{
  margin-top:34px;
}

/* ###################################################
    FOOTER
###################################################### */
#footer
{
  text-align: center;
  color: #003366;
  background: url(../img/layout/footer_back.gif);
  padding: 30px 78px 45px 78px;
  font-size: 11px;
}
#footer a
{
  font-weight: bold;
  text-decoration: none;
  color: #008CB9;
}
#footer ul
{
  margin-bottom:0 !important;
  text-align:center;
  border-top:none !important;
  border-bottom:none !important;
}
#footer li
{
  display:inline;
  padding-right:6px;
  border-bottom:none !important;
}
#footer ul a
{
  font-size:11px !important;
  font-weight:normal;
  text-decoration:none;
  color:#003366;
}
#footer ul a span
{
  float:none !important;
  font-size:11px !important;
  font-weight:bold !important;
  font-style:normal !important;
  color:#008CB9 !important;
}

/* ###################################################
    GLOSSAR
###################################################### */
#glossarContent
{
  background-color: #fff;
  border-bottom: 3px solid #00A5DA;
  border-top: 3px solid #00A5DA;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  padding: 10px;
}

#glossarContent a
{
  font-size: 12px;
  text-decoration: none;
}

#glossarContent .glossar-navigation
{
  font-size: 10px;
  float: right;
  padding-bottom: 10px;
}

#glossarContent .glossar-navigation a
{
  background: #008CB9;
  border: 1px solid #008CB9;
  color: #fff;
  font-size: 10px;
  padding: 0 0.4em;
}

#glossarContent .glossar-navigation .active
{
  border: 1px solid #008CB9;
  padding: 0 0.4em;
}

#glossarContent .glossar-navigation .separator
{
  display: none;
}

#glossarContent li
{
  border-bottom: 1px solid #00A5DA;
  padding: 15px 0;
}

#glossarContent li div
{
  margin: 5px 0;
}

/* autocomplete css*/
div#update_AC {
      position:absolute;
      width:220px;
      background-color:white;
      color: black;
      border:1px solid #888;
      margin:0px;
      padding:0px;
	  margin-top:22px;
}
div#update_AC ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
}
div#update_AC ul li.selected { background-color: #BCE5F7;}
div#update_AC ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:22px;
      cursor:pointer;
}