@import "reset.css";
@import "typo.css";

/* ------------------------------------------------------------------------------------------------------------------ */
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}


/* Der neue Header */
.siteclaim {
	font-size: 24px;
	font-weight: bold;
	color: #4179a1;
	margin: 5px 10px 10px;
}

/* Specialstyles für das Menu */
#nav-main .nav1_19, #nav-main .nav1_48 {
	border-bottom: 3px solid #b2cde9;
	padding-bottom: 5px;
	font-size: 12px;
}
#nav-main .nav1_19 {
	border-top: 3px solid #b2cde9;
	padding-top: 5px;
	margin-top: 15px !important;
}
#nav-main .nav1_19 a,
#nav-main .nav1_48 a {
	background: transparent !important;
	padding-bottom: 0 !important;
}

.morelink {
	background: url(chrome/icon_link.gif) no-repeat 0 50%;
	padding-left: 11px;
	margin-left: 10px;
	float:right;
}
.content-search {
	margin:0 0 10px;
}
.content-search input[type="text"] {
	border: 5px solid #ccc;
	height:26px;
	vertical-align:middle;
	width:240px;
	float:left;
	margin:0 10px 0 0;
	background:#fff url(chrome/lupe.png) no-repeat 230px 50%;
	padding:0 5px;
	outline: none;
}
.content-search input[type="text"]::-ms-clear {
	width : 0;
	height: 0;
}
.content-search select {
	border:5px solid #ccc;
	height:36px;
	vertical-align:middle;
	width:250px;
	float:left;
	margin:0 10px 0 0;
	padding: 5px 5px 5px 0;
	outline: none;
}
.content-search input[type="submit"] {
	padding:10px 0 !important;
	font-size:14px;
	margin:0;
	vertical-align:middle;
	float:left;
	margin:0;
	width:95px;
}

.twitter-typeahead {
	float: left;
	z-index: 200;
}
.tt-dropdown-menu {
	padding: 0;
	background: #fff;
	width:615px;
	border: 5px solid #ccc;
	margin-top:-5px;
	z-index: 200;
	max-height: 400px;
	overflow: auto;
}
.tt-suggestion {
	overflow: hidden;

}
.tt-suggestion p {
	margin:0;
	padding:5px;
}
.tt-suggestion .img {
	width:90px;
	height:90px;
	float: left;
	margin:0 10px 0 5px;
	position:relative;
}
.tt-suggestion .img img {
	max-width: 90px;
	height:auto;
	display: block;
	margin:auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.tt-suggestion .title {
	overflow: hidden;
	padding-top:2px;
	height:85px;
}
.tt-is-under-cursor {
	background: #eee;
}

.teaser-container {
	margin:0 0 10px;
	position:relative;
	clear:both;
}
.teaser-block-large {
	float:left;
}
.teaser-block-title {
	color: #4179A1;
	font-weight: bold;
}
.teaser-block-small {
	float: left;
	width: 320px;
}
.teaser-block-small .teaser-block-title {
	margin-left: 10px;
}
.teaser {
	position:relative;
	border: 1px solid #ACC5E3;
	float: left;
	text-decoration: none !important;
}
.teaser-large {
	width: 303px;
	height: 308px;
}
.teaser-large img {
	position: absolute;
	top: 49px;
	right: 0;
	bottom: 16px;
	left: 0;
	margin: auto;
}
.teaser-small {
	width: 148px;
	height: 148px;

	margin: 0 0 10px 10px;
}
.teaser-small img {
	position: absolute;
	top: 35px;
	right: 0;
	bottom: 16px;
	left: 0;
	margin: auto;
	max-height: 97px;
	width:auto;
}
.teaser-title {
	position: absolute;
	left:5px;
	right:5px;
	top: 5px;
	color: #999;
	overflow:hidden;
}
.teaser-large .teaser-title { font-size:18px; height:44px; }
.teaser-small .teaser-title { font-size:12px; height:30px; }
.teaser-detail {
	position: absolute;
	right: 5px;
	bottom: 5px;
	background: url(chrome/icon_link.gif) no-repeat 0 50%;
	padding-left:11px;
	line-height: 1;
}
.teaser-overlay {
	position:absolute;
	z-index: 1000;
	width:303px;
	background:#fff;
	padding:10px;
	border:3px solid #ccc;
}
.teaser-overlay-title {
	font-size:12px;
	color: #999;
	margin-bottom:5px
}
.teaser-overlay img {
	margin:0 auto;
	display: block;
}
.teaser-block-footer {
	text-align: right;
	clear: both;
}
.teaser-block-footer a {
	background: url(chrome/icon_link.gif) no-repeat 0 50%;
	padding-left:11px;
}

/* Broschürenbaukasten ausblenden */
#categorie-navigation .nav1_45 {
	display: none;
}
#categorie-navigation,
#categorie-navigation li {
	position: relative;
}
#categorie-navigation .is-active {
	z-index:100;
}
#categorie-navigation img {
	position: absolute;
	pointer-events:none;
	z-index: 100;
}
#categorie-navigation .navigation li a {
	line-height: 40px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
/* ------------------------------------------------------------------------------------------------------------------ */

/* Basics */
body {
	background:#FFF url(chrome/body_bg_verlauf.gif) repeat-x;
	color:#000;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:30px 0;
	padding:0;
}

a { text-decoration:none; color:#4179A1; }
a:hover { text-decoration:underline; }

ul.error {
	list-style:none;
	margin:0 0 18px;
	padding:5px;
	background:#FCC;
	border-top:2px solid #900;
	border-bottom:1px solid #900;
}

.success, ul.success {
	list-style:none;
	margin:0 0 18px;
	padding:5px;
	background:#CFC;
	border-top:2px solid #090;
	border-bottom:1px solid #090;
}

form input, form select, form textarea {
	font:normal 11px Arial, Helvetica, sans-serif;
	/*border:1px solid #a4abb1;
	padding:2px;*/
}
form select { /*padding:1px;*/ }

form input.gbtn {


	background:#4179a1;
	border:0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:4px 10px;
	width:auto;
	/*
	background:#d8dce5 url(chrome/btn_search_bg.jpg) repeat-x 0 0;
	border:1px solid #ACB7CD;
	border-color:#ACB7CD #778BAC #778BAC #ACB7CD;
	color:#BB041A;
	padding:1px 1px;
	text-transform:uppercase;
	*/

}
form input.ibtn { border:none; padding:0; }
form label.cb {  }
form label.cb input { border:none; padding:0; position:relative; top:3px; }

#site {
	width:890px;
	margin:0 auto;
	padding:0 9px 1px;
	background:#FFF url(chrome/main_bg_shadow.gif) no-repeat;	
}

#header {
	margin:0 15px 3px;
	padding:15px 0 0;
}

#footer {
	clear:both;
	margin:15px;
	background:#dae4f1;
	color:#4179a1;
	font-size:11px;
	padding:5px 10px;
}
	#footer a { color:#4179a1; text-decoration:none; }

#main {
	background:#FFF url(chrome/content_bg_verlauf.gif) repeat-x;
	margin:3px 15px 15px;
	/*overflow:hidden;*/
}
#main:before,
#main:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
#main:after {
	clear: both;
}
#main {
	*zoom: 1;
}

/* Navigation */
ul.navigation {
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
	line-height:1.3em;
}
ul.navigation a {
	color:#4179a1;
}
ul.navigation a:hover {
	
}
ul.navigation a:active,
ul.navigation a.active,
.secondary_action a.active {
	color:#bd021b;
	text-decoration:underline;
}

ul.navigation ul {
	margin-left:5px;
}
ul.navigation a.active { font-weight:bold; }

ul.footer-navigation { }
ul.footer-navigation li { display:inline; padding:0 5px 0 0; }

#nav-top {
	margin:0 0 10px;
	padding:10px 10px;
}
#nav-top a:hover { text-decoration:none; color:#bd021b; }
#nav-top ul {
	list-style:none;
	margin:0;
	padding:0;
	height:30px;
	position:relative;
}
#nav-top ul li {

	position:absolute;
	bottom:0;
	color:#124877;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-transform:uppercase;
	border-bottom:3px solid #759fc4;
	text-align:center;
}
#nav-top ul li a { line-height:27px; }
#nav-top ul li#top-startseite { left:0; width:140px; }
#nav-top ul li#top-marketing { left:150px; width:190px; }
#nav-top ul li#top-suche { left:350px; margin:0; width:483px; }


#nav-top form { display:inline; text-transform:none; }
#nav-top form label { text-transform:uppercase; color:#4179a1; line-height:27px; }
#nav-top form input, #nav-top form select { font:normal 11px Arial, Helvetica, sans-serif; width:120px; }
#nav-top form select { /*padding:1px;*/ width:180px; }
#nav-top form input.gbtn { width:auto; font-weight:bold; margin-bottom:0; }

#nav-top #q, #nav-top #section, #nav-top #doSearch { position:relative; top:-1px; }


#nav-main {
	width:178px;
	margin:0 10px 10px 0;
	padding-left:10px;
	float:left;
}

#nav-main ul.navigation li { margin:5px 0; }
#nav-main ul.navigation ul li { margin:2px 0; }
#nav-main ul.navigation ul { margin:5px 0 8px 20px; }

#nav-main ul.navigation a {
	background:url(chrome/icon_link.gif) no-repeat 0 50%;
	padding:0 0 2px 11px;
	vertical-align:middle;
	font-weight:bold;
}
#nav-main ul.navigation ul a {
	background:none;
	padding:0;
	font-weight:normal;
}

/* Toplogin */
form#login_form, form#logout_form { overflow:hidden; padding-bottom:5px; _height:1%; }
form#login_form { border-bottom:3px solid #b2cde9; overflow:hidden; padding-bottom:5px; margin-bottom:10px; }
form#logout_form {  }
form#login_form h2.legend,
form#logout_form h2.legend { 
	background:#b2cde9; 
	color:#fff; 
	font-size:11px; 
	text-transform:uppercase; 
	padding:0 5px;
	line-height:18px;
	margin:0 0 5px;
}
form#login_form input,
form#logout_form input { width:174px; margin:0 0 2px; }
form#login_form input#doLogin,
form#logout_form input#doLogin {
	width:auto;
	float:right;
}
form#logout_form p.name { font-weight:bold; margin:0 0 0px; }
form#login_form p.secondary_action,
form#logout_form p.secondary_action { clear:both; margin:0; }
form#login_form p.secondary_action a,
form#logout_form p.secondary_action a { 
	background:url(chrome/icon_link.gif) no-repeat scroll 0 50%; 
	font-weight:bold;
	padding-left:11px;
	line-height:20px;
}


/* Minibasket */
#minibasket { border-bottom:3px solid #b2cde9; padding-bottom:5px; margin-bottom:10px; clear:both; }
#minibasket h2 {
	background:#b2cde9 url(chrome/minibasket_basket.gif) no-repeat 1px 50%; 
	color:#fff; 
	font-size:11px; 
	text-transform:uppercase; 
	padding:0 5px 0 24px;
	line-height:18px;
	margin:0 0 0;
}
#minibasket p.num_items { margin:0; }
#minibasket p.secondary_action { margin:0; }
#minibasket p.secondary_action a { 
	background:url(chrome/icon_link.gif) no-repeat scroll 0 50%; 
	font-weight:bold;
	padding-left:11px;
	line-height:20px;
}
#minibasket table { margin:0 0 5px; padding:0; width:100%; border-collapse:collapse; }
#minibasket td { vertical-align:top; border-bottom:1px solid #b2cde9; padding:3px 0; color:#4179A1;  }
#minibasket td.amount { width:20px; padding-right:2px; text-align:right; }
#minibasket td.times { padding-right:2px; }
#minibasket td.description {}

#content {
	background:#FFF;
	padding:10px;
	width:625px;
	float:left;
}

.contentitem { clear:both; }
.left { float:left; margin:3px 18px 18px 0; }
.right { float:right; margin:3px 0 18px 18px; }




/* Shop */
/* Kategorieseite */
#categorie-navigation { margin-bottom:18px; }
#categorie-navigation .navigation { overflow:hidden; margin-left:-5px; }
#categorie-navigation .navigation li {
	width:310px;
	float:left;
	margin:0 0 5px 5px;
}
#categorie-navigation .navigation li a {
	display:block;
	padding:10px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	overflow:hidden;
	white-space:nowrap;
	background:#c9d9f0;
	text-decoration:none;
}
#categorie-navigation .navigation li a:hover,
#categorie-navigation .navigation li a.active {
	background:#4279a2;
}



/* Artikelliste */
.article_list {}
.article_list p.toplink { text-align:right; line-height:18px; }
.article_list p.toplink a { 
	background:url(chrome/icon_link_top.gif) no-repeat 0 50%; 
	padding-left:14px;
}
.article_list h3 { 
	font-weight:bold; 
	font-size:14px; 
	color:#4179A1; 
	border-bottom:3px solid #acc5e3; 
	margin:0; 
}
.article_list .alt { margin-top:20px; }

.article_list_container { 
	overflow:hidden; 
	background:#FFF url(chrome/article_list_bg.gif) no-repeat left bottom; 
	padding:0 0 1px; 
	position:relative; 
	height:1%;
}
.article_list_container p.morelink { 
	position:absolute; 
	left:210px; 
	bottom:0; 
	margin:0; 
	line-height:18px; 
	font-weight:bold; 
	z-index:9999;
}


.article_list_item { width:205px; float:left; margin:0 5px 0 0;  }
.article_list_item h4 { 
	font-size:11px; 
	font-weight:bold; 
	line-height:24px; 
	margin:0; 
	
}

.item_container { border-top:1px solid #acc5e3; }

.item_image .item_container img { display:block; }

.item_description .item_container { padding:2px 5px 0 0; }
.item_description p { margin:0; }
.item_description p strong { color:#4179A1; }

.item_details { margin-right:0; }

.item_details table { line-height:14px; border-collapse:collapse; border-bottom:2px solid #FFF; }
.item_details th, .item_details td { border-bottom:1px solid #acc5e3; padding:3px 0; }
.item_details th { font-weight:bold; color:#4179A1; }
.item_details tr.b th, .item_details tr.b td { padding:1px 0; vertical-align:middle; }
.item_details td.btn { width:20px; text-align:center; }

/* Artikeldetail */
.article_detail { 
	overflow:hidden; 
	background:url(chrome/article_detail_bg.gif) no-repeat bottom left; 
	padding:0 0 1px;
}
.detail_left, .detail_right { border-top:1px solid #acc5e3; }
.detail_left { float:left; width:308px; margin-right:9px; }
.detail_left img { /*margin-bottom:10px;*/ }
.detail_left strong { color:#4179A1; }

#main_article_image {
	border-left:1px solid #ACC5E3;
	border-right:1px solid #ACC5E3;
}

.image_alternatives { 
	width:308px; 
	height:95px; 
	margin-bottom:5px; 
	border-top:1px solid #ACC5E3; 
	padding-top:10px; 
}
.image_alternatives img { margin:0; }
.image_alternatives a {
	width:94px;
	float:left;
	display:block;
	text-align:center;
	border:1px solid #ACC5E3;
	margin:0 10px 0 0;
}
.image_alternatives a.last { margin-right:0; }

.article_info {
	border-top:1px solid #ACC5E3; 
	padding-top:10px;
}
.article_info p { margin-bottom:5px; }

.detail_right { float:left; width:308px; }
.detail_right h2 { 
	font-size:11px; 
	line-height:24px; 
	font-weight:bold; 
	color:#000; 
	border-bottom:1px solid #acc5e3; 
}

.detail_right table { line-height:14px; border-collapse:collapse; border-bottom:2px solid #FFF; width:100%; }
.detail_right th, .detail_right td { border-bottom:1px solid #acc5e3; padding:3px 0; }
.detail_right th { font-weight:bold; color:#4179A1; }
.detail_right tr.b th, .detail_right tr.b td { padding:1px 0; vertical-align:middle; }
.detail_right td.btn { width:20px; text-align:center; }

.detail_right form { margin-bottom:9px; }
.detail_right .individual {}
.detail_right .individual a { 
	text-transform:uppercase; 
	font-weight:bold;
	background:url(chrome/icon_link.gif) no-repeat 0 50%;
	padding-left:11px;
	padding-right:5px;
}
.detail_right h3 { font-size:11px; font-weight:bold; margin:0; }

.email_button {
	width:308px;
	height:32px;
	line-height:32px;
	text-align:center;
	background:#4279a2;
	color:#FFF;
	font-weight:bold;
}
.email_button a { text-decoration:none; display:block; width:308px; height:32px; line-height:32px; color:#FFF; }

/* Register / Mein Konto */
#form_register {}
#form_register label, #form_register input, #form_register select { margin:0 0 5px; }
#form_register label { width:125px; float:left; padding:3px 5px 0 0; }
#form_register input { width:350px; }
#form_register label.cb { width:100%; display:block; float: none; }
#form_register label.cb input { width:auto; }
#form_register input#street_address,
#form_register input#city,
#form_register input.medium { width:289px; }
#form_register input#street_no,
#form_register input#zip_code,
#form_register input.small { width:50px; }
#form_register input#street_address, 
#form_register input#zip_code,
#form_register input.first { margin-right:5px; }
#form_register select { width:354px; }
#form_register input.gbtn { width:auto; }
#form_register textarea { width:350px; height:100px; }
#form_register .legend { border-bottom:1px solid #acc5e3; margin-bottom:10px; }
#form_register .pad { padding-top:10px; }

#form_register .note { clear:both; margin:0; }
#form_register .button_container {
	padding-top:20px;
	overflow:hidden;
}
#form_register #doSaveData { float:right; }

#form_register input.dd { width:20px; }
#form_register input.yyyy { width:40px; }

/** Wranekorb */
#form_basket { overflow:hidden; }
#form_basket table { margin:0 0 10px; width:100%; border-collapse:collapse; }
#form_basket th, #form_basket td { padding:2px; }
#form_basket th { font-weight:bold; border-bottom:3px solid #B2CDE9 }
#form_basket th.article_number { width:90px; }
#form_basket td { border-bottom:1px solid #B2CDE9; }
#form_basket .article_amount { text-align:center; width:58px; }
#form_basket td.article_amount input { width:30px; text-align:center; }
#form_basket td.article_amount input.disabled { border-color:#FFF; background:#FFF; color:#000; }
#form_basket td.delete_cell input.article_delete {
	width:16px; 
	height:16px;
	position:relative;
	top:3px;
}
#form_basket .price { text-align:right; }
#form_basket td.sum_total { font-weight:bold; }
#form_basket td.desc { text-align:right; }
#form_basket tr.footer td { border-bottom:none; }
#form_basket #doUpdateBasket,
#form_basket #doChangeBasket,
#form_basket #doChangeData { float:left; margin-right:5px; }
#form_basket #doEnterData,
#form_basket #doOrder { float:right; margin-left:5px; }



#form_basket .sum_netto td.price { border-bottom:1px solid #B2CDE9; }
#form_basket .sum_brutto td.price { 
	border-top:1px solid #B2CDE9; 
	border-bottom:3px double #B2CDE9; 
	font-weight:bold; 
}

#form_basket tr.even td { background:#DAE4F1; }
#form_basket tr.even td.article_amount input.disabled { border-color:#DAE4F1; background:#DAE4F1; }
#form_basket .notes p { margin:0; }

#form_basket p.info { clear:both; padding:10px 0 0; margin:0; }

/* Shop Startseite */
.shop_startseite_teaser { width:308px; float:left; margin-bottom:10px; }
.teaser_odd { clear:left; margin-right:9px; }

.shop_startseite_teaser p { margin-bottom:5px; }
.shop_startseite_teaser p.more a, a.more { font-weight:bold; background:url(chrome/icon_link.gif) no-repeat 0 50%; padding:0 0 2px 11px; }

#shop_startseite_articles {
	clear:both;
	border-top:3px solid #aac7e5;
	padding-top:5px;
}

.shop_startseite_article_teaser {}
.shop_startseite_article_teaser .teaser_image a {
	width:80px;
	height:74px;
	text-align:center;
	border:1px solid #aac7e5;
	padding:1px;
	line-height:70px;
	display:block;
	float:left;
	margin:3px 10px 10px 0;
}

#search-result { list-style:none; margin:0 0 10px; padding:0; }
#search-result li { clear:both; margin:0 0 10px; }