/* ALLGEMEINE CSS ANGABEN */

body {
	background-color: #FFFFFF;
	color: #000000;
	margin: 15px 10px 0px 10px;
	width: 960px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* TEXT STYLES */

.smalltxt {
	font-size: 10px;
}
p.smalltxt, h2.smalltxt {
	font-size: 10px;
	margin: 1px 0px 1px 0px;
}
strong, th {
	font-weight: bold;
}
a {
	color: #2C57D2;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
#errorMessage {
	color: #CC0000;
	display: none;
}
.error {
	color: #CC0000;
}
.submit {
	display: none;
}
.infobox {
	border: 1px solid #990000;
	padding-top: 10px;
	padding-right: 15px;
}

/* ELEMENTE (BUTTONS ETC.) */

/* Buttons */

/* Allgemeine Button-Einstellungen (Standard-Größe)*/

.button, .multibutton {
	height: 18px;
	padding-top: 0px;
	margin: 5px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	text-align: center;
}
.button a, .multibutton span {
	display: block;
	height: 17px;
	padding-top: 1px;
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	text-decoration: none;
}

/* Button-Größen */

.button.w54, .multibutton.w54 { width: 54px; }
.button.w70, .multibutton.w70 { width: 70px; }
.button.w75, .multibutton.w75 { width: 75px; }
.button.w80, .multibutton.w80 { width: 80px; }
.button.w85, .multibutton.w85 { width: 85px; }
.button.w120, .multibutton.w120 { width: 120px; }
.button.w150, .multibutton.w150 { width: 150px; }
.button.w200, .multibutton.w200 { width: 200px; }
.button.w250, .multibutton.w250 { width: 250px; }
.button.w300, .multibutton.w300 { width: 300px; }

/* Button-Farben */

/* Blue */
.button.blue, .multibutton.blue {
	background-color: #2C57D2;
	background-image: url(images/button_l_blue.gif);
}
.button.blue a, .multibutton.blue span {
	background-image: url(images/button_r_blue.gif);
}
.button.blue_small, .multibutton.blue_small {
	background-color: #2C57D2;
	background-image: url(images/button_small_l_blue.gif);
	height: 13px;
	font-size: 10px;
}
.button.blue_small a, .multibutton.blue_small span {
	background-image: url(images/button_small_r_blue.gif);
	height: 13px;
	padding-top: 0px;
}
.button.blue a:hover, .button.blue_small a:hover,
 .multibutton.blue a:hover, .multibutton.blue_small a:hover {
	color: #FFFF00;
}

/* Green */
.button.green, .multibutton.green {
	background-color: #6FAD3C;
	background-image: url(images/button_l_green.gif);
}
.button.green a, .multibutton.green span {
	background-image: url(images/button_r_green.gif);
}
.button.green_small, .multibutton.green_small {
	background-color: #6FAD3C;
	background-image: url(images/button_small_l_green.gif);
	height: 13px;
	font-size: 10px;
}
.button.green_small a, .multibutton.green_small span {
	background-image: url(images/button_small_r_green.gif);
	height: 13px;
	padding-top: 0px;
}
.button.green a:hover, .button.green_small a:hover,
 .multibutton.green a:hover, .multibutton.green_small a:hover {
	color: #AA0000;
}

/* Red */
.button.red, .multibutton.red {
	background-color: #E30505;
	background-image: url(images/button_l_red.gif);
}
.button.red a, .multibutton.red span {
	background-image: url(images/button_r_red.gif);
}
.button.red_small, .multibutton.red_small {
	background-color: #E30505;
	background-image: url(images/button_small_l_red.gif);
	height: 13px;
	font-size: 10px;
}
.button.red_small a, .multibutton.red_small span {
	background-image: url(images/button_small_r_red.gif);
	height: 13px;
	padding-top: 0px;
}
.button.red a:hover, .button.red_small a:hover,
 .multibutton.red a:hover, .multibutton.red_small a:hover {
	color: #DDEE00;
}

/* Purple */
.button.purple, .multibutton.purple {
	background-color: #3D107B;
	background-image: url(images/button_l_purple.gif);
}
.button.purple a, .multibutton.purple span {
	background-image: url(images/button_r_purple.gif);
}
.button.purple_small, .multibutton.purple_small {
	background-color: #3D107B;
	background-image: url(images/button_small_l_purple.gif);
	height: 13px;
	font-size: 10px;
}
.button.purple_small a, .multibutton.purple_small span {
	background-image: url(images/button_small_r_purple.gif);
	height: 13px;
	padding-top: 0px;
}
.button.purple a:hover, .button.purple_small a:hover,
 .multibutton.purple a:hover, .multibutton.purple_small a:hover {
	color: #EEEE00;
}

/* Multibutton: Korrektur, Buttons nebeneinander im Container */

.multibutton a {
	background-image: none;
	color: #FFFFFF;
	text-decoration: none;
}
.button_container {
	height: 23px;
}
.button_container.right {
	padding-right: 20px;
}
.button_container.small {
	height: 13px;
}
.float1 {
	float: left;
	margin-right: 5px;
}
.float2 {
	float: left;
}
.floatr {
	float: right;
	position: relative;
	top: 3px;
}

/* LAYOUT ELEMENTE */

/* Logo Frei */

#logo {
	margin: 0px 0px 20px 0px;
	float: left;
}

/* Branding Slogan */

* #branding {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #2C57D2;
	text-align: right;
	text-transform: uppercase;	
	margin: 0px 0px 5px 0px;
}
* #branding strong {
	font-weight: normal;
	font-size: 27px;
	color: #000000;
}

/* Menu Top (Grafikversion) */

#gmenu_flag {
	clear: right;
	float: right;
	margin: 0px;
	width: 760px;
	height: 35px;
}
#gmenu {
	clear: right;
	float: right;
	width: 760px;
	height: 25px;
	padding: 0px;
	margin: 0px;
}

/* Menu Top */

/*
#menu_flag {
	clear: right;
	float: right;
	margin: 0px;
	text-align: right;
	padding-right: 696px;
	visibility: hidden;
}
*/

ol#menu {
	clear: right;
	float: right;
	width: 760px;
	height: 24px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	list-style-type: none;
}
ol#menu li {
	display: block;
	float: left;
	height: 25px;
	background: #EDEDCB url(images/menu_t_yellow_bg.gif) repeat;
}
ol#menu li div {
	background: url(images/menu_t_yellow_l.gif) no-repeat left;
}
ol#menu li.first div {
	background: url(images/menu_t_yellow_f.gif) no-repeat left;
}
ol#menu li div a {
	display: block;
	height: 17px;
	padding: 4px 8px 3px 6px;
	background: url(images/menu_t_yellow_r.gif) no-repeat right;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
ol#menu li div a.img {
	padding: 7px 5px 0px 4px;
	width: 25px;
	height: 18px;
}
ol#menu li.first.blue div { background: #2C57D2 url(images/menu_t_blue_f.gif) no-repeat left; }
ol#menu li.blue div { background: #2C57D2 url(images/menu_t_blue_l.gif) no-repeat left; }
ol#menu li.blue div a {
	background: url(images/menu_t_blue_r.gif) no-repeat right;
	color: #FFFFFF;
}
ol#menu li.blue.flag div a {
	background: url(images/menu_t_blue_r.gif) no-repeat right;
/*
	background: url(images/menu_t_blue_rflag.gif) no-repeat right;
*/
	color: #FFFFFF;
}


/* Footer unterm Content */

#footer {
	float: right;
	border: 0px solid #2C57D2;
	height: 50px;
	width: 738px;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 10px 0px;	
}

/* Menu Left / Sidebar (sb) */

#sb {
	clear: left; float: left;
	width: 175px;
	margin-bottom: 10px;
}
#sb h2, #content h2.browsebox_title, #content #search_sidebox h2, #content #searchbox_container h2 {
	padding: 1px 0px 1px 9px;
	margin: 0px;
	background-color: #2C57D2;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
#sb h2.top, #content h2.browsebox_title { background: #2C57D2 url(images/menu_l_corners.gif) no-repeat top; }
#sb h2.footer {
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 2px;
	text-transform: none;
}
#sb h2 a {
	display: block;
	font-size: 10px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #FFFFFF;
}
#sb .main {
	width: 155px;
	padding: 6px 9px 7px 9px;
	margin: 0px;
	background-color: #FFFCDA;
	border-left: 1px solid #2C57D2;
	border-right: 1px solid #2C57D2;
	color: #2C57D2;
	font-size: 12px;
}
#sb h3 {
	font-size: 10px;
	font-weight: normal;
	margin: 1px 0px 1px 0px;
}
#sb li {
	padding-left: 0px;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: none;
	color: #2C57D2;
}
#sb li a {
	text-transform: uppercase;
	color: #2C57D2;
	text-decoration: underline;
}
/*
#sb li.note { background: url(images/e_note.gif) no-repeat left top; }
*/
#sb li.first { margin-top: 1px; }
#sb li.last { margin-bottom: 1px; }
#sb span { font-size: 10px; }
#sb * ul {
	padding: 0px;
	margin: 0px;
}
#sb * ul li {
	padding: 0px;
	margin: 1px 0px 1px 0px;
	font-size: 10px;
	line-height: 13px;
}
#sb * ul li a { text-transform: none; font-weight: normal; }
#sb input {
	width: 140px;
	margin-top: 2px;
	margin-bottom: 0px;
}
#sb select {
	width: 145px;
	margin-bottom: 5px;
}
#sb .footerlogos {
	padding-top: 15px;
}
#sb .footerlogos img {
	float:right;
	margin-right: 15px;
}
/* Main Content, Standard-Styles, Suchformulare */

#content {
	clear: right;
	float: right;
	width: 738px;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #2C57D2;
	background-color: #FFFCDA;
	font-size: 13px;
	color: #2C57D2;
}
#content h1, #content h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}
#content h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}
#content p {
	margin: 0px 0px 10px 0px;
}
#content .indent {
	margin-left: 40px;
}

/* Formular für Suchfelder + Forms allgemein */

#content form {
	margin: 0px;
	padding: 0px;
}
#content select {
	margin: 5px 0px 10px 40px;
}
#content input {
	width: 300px;
	margin-left: 40px;
}
#content input.radio {
	width: 15px;
	height: 14px;
	margin-right: 5px;
}
#content span.radiotext {
	position: relative;
	top: -3px;
}
#content input.checkbox {
	width: 15px;
	height: 14px;
	margin: 0px 5px 0px 0px;
}
#content select.advsearchform {
	margin: 0px;
	position: relative;
	top: -3px;
}
#content .button_container {
	margin: 10px 0px 10px 40px;
}
#content .float1 {
	margin-right: 15px;
}

/* Styles für Formulare */

#content p.formular {
	vertical-align: top;
	clear: both;
	margin: 0px 0px 0px 40px;
	height: 23px;
}
#content p.formular span {
	line-height: 23px;
	width: 70px;
	margin: 5px 0px 5px 0px;
	float: left;
}
#content p.formular.breit span {
	width: 97px;
	font-weight: bold;
}
#content p.formular input {
	width: 300px;
	margin: 5px 0px 5px 10px;
}
#content p.formular div.element {
	display: inline;
	width: 300px;
	margin: 5px 0px 5px 10px;
}
#content p.formular.breit input {
	float: left;
	width: 120px;
	margin-right: 13px;
}
#content p.formular textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 300px;
	height: 80px;
	margin: 5px 0px 5px 10px;
}
#content p.formular select {
	width: 80px;
	height: 20px;
	margin: 5px 0px 10px 10px;
}
#content p.formular.breit select {
	float: left;
	width: 125px;
	margin: 5px 13px 5px 10px;
}
#content p.formular.breit select.zw {
	width: 175px;
}
#content p.formular.breit select.land {
	width: 370px;
}
#content p.formular.breit .bzeile {
	width: 366px;
}
#content p.formular.breit.multi {
	height: 64px;
}
#content p.formular.breit .bzeile.multi {
	height: 50px;
}
#content form em {
	color: #CC0000;
	font-style: normal;
}

/* Liste mit Artikeln-Suchergebnisse */

#content ol#results {
	list-style-position: inside;
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;	
}
#content ol#results li {
	margin-left: 0px;
	padding-left: 0px;
	clear: left;
}
#content ol#results li strong {
	font-weight: bold;
	font-size: 14px;
}
#content ol#results li .button_container {
	margin: 5px 0px 0px 0px;
}
#content ol#results li .float1 {
	margin: 0px 5px 0px 0px;
}
#content ol#results img {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #2C57D2;
}
#content ol#results p.number {
	color: #CC0000;
	float: left;
	text-align: right;	
	margin-right: 8px;
	padding-top: 1px;
	min-width: 30px;
}
#content ol#results div.list {
	float: left;
	width: 375px;
	margin-bottom: 10px;
}
#content ol#results div.list.withimg {
	width: 295px;
}
#content img.detail {
	float: right;
	margin-left: 10px;
	border: 1px solid #2C57D2;
}
#content .margint {
	margin-top: 25px;
}

/* Liste mit Inhaltsverzeichnis */

#content ol#contents {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
}
#content ol#contents li {
	clear: left;
}
#content ol#contents p.number {
	color: #CC0000;
	width: 30px;
	float: left;
	text-align: right;	
	margin-right: 8px;
}
#content ol#contents div.list {
	float: left;
}

/* Liste mit Kategorien + Sofortsuche-Browsebox */

#content ul#cats {
	list-style-type: none;
	margin: 0px 0px 20px 40px;
	padding: 0px;
}
#content h2.browsebox_title {
	margin-top: 13px;
	width: 165px;
	float: right;
}
#content #browsebox {
	clear: right;
	float: right;
	padding: 5px;
 	width: 162px;
  	border: 1px solid #2C57D2;
}
#content #browsebox .button_container {
	margin: 0px 0px 5px 0px;
	width: 160px;
}
#content #browsebox .button_container .float1{
	margin-right: 5px;
}
#content #browsebox input {
	width: 150px;
	margin: 0px 0px 5px 0px;
}
#content .browsebox_footer {
	clear: right;
	float: right;
	margin: 15px 0px 0px 0px;
}

#content h2.browsebox_title.wide {
	margin-left: 40px;
	float: none;
	width: 305px;
	background: #2C57D2;	
}

/* Sofort-Suche auf der Startseite */
#content #searchbox_container {
	margin-top: 20px;
}
#content #searchbox_container div.searchbox {
	width: 314px;
	margin: 0px 0px 0px 40px;
	float: left;
}
#content #searchbox_container h2{
	margin-top: 0px;
	background: #2C57D2;	
}
#content #searchbox_container form {
 	width: 302px;
	padding: 5px;
  	border: 1px solid #2C57D2;
}
#content #searchbox_container input {
	width: 290px;
	margin: 0px 0px 5px 0px;
}

/* Suche Sidebox */
#content #search_sidebox {
	width: 294px;
	float: right;	
}
#content #search_sidebox h2{
	margin-top: 0px;
	background: #2C57D2;	
}
#content #search_sidebox .search_sidebox_container {
	border: 1px solid #2C57D2;
	width: 282px;
	padding: 5px;
	margin-bottom: 15px;
}
#content #search_sidebox select, #content #search_sidebox input {
	margin: 0px 0px 10px 0px;
	width: 270px;
}
#content #search_sidebox .button_container {
	width: 280px;
	margin: 0px;
}
#content ul#search_levels, #content ul#search_levels ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#content ul#search_levels ul li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

/* Styles für Frontseite (Top 6) */

#content img.top6 {
	margin: 10px 15px 10px 10px;
	float: left;
}
#content div.top6 {
	width: 245px;
	margin: 10px 5px 10px 0px;
	padding-right: 0px;
	float: left;
}
#content div.top6 span {
	color: #CC0000;
	font-size: 11px;
}
#content div.top6 p.button {
	margin: 0px;
}
#content .clear {
	clear: both;
}
#content div.top6 .button_container {
	margin-left: 0px;
}
#content div.top6 .button_container .float1 {
	margin-right: 5px;
}

/* Warenkorb */

#shoppingcart, .ordertable {
	margin-bottom: 25px;
}
.ordertable {
	width: 450px;
}
#shoppingcart th, #shoppingcart td, .ordertable td {
	padding: 5px 7px 5px 7px;
}
#shoppingcart input {
	width: 25px;
	margin: 0px;
}
#shoppingcart .button_container {
	margin: 0px;
}
#content textarea.order {
	width: 300px;
	80px;
}
.secureimg {
	float: right;
	margin: 0px 30px 0px 30px;
}
/* Bestellablauf-Fortschrittsanzeige */

ul#obar {
	list-style-type: none;
	width: 500px;
	height: 59px;
	padding: 0px;
	margin: 0px 0px 20px 15px;
}
ul.step1 { background: url(images/e_step1.gif) no-repeat 0px 30px; }
ul.step2 { background: url(images/e_step2.gif) no-repeat 0px 30px; }
ul.step3 { background: url(images/e_step3.gif) no-repeat 0px 30px; }
ul.step4 { background: url(images/e_step4.gif) no-repeat 0px 30px; }
ul.step5 { background: url(images/e_step5.gif) no-repeat 0px 30px; }
ul#obar li {
	float: left;
	font-size: 13px;
	padding-top: 41px;
	padding-left: 10px;
	padding-right: 9px;
	color: #777777;
}
ul#obar li.active {
	color: #000000;
}
ul#obar li.note { background: url(images/e_note2.gif) no-repeat top center; }