/******/

/* Resets */

* {margin:0; padding:0;}

form {display:inline;}

ul li {background:none; list-style:none;}

input, textarea, select {background-color:white;}

h1 {font-size:150%; font-weight:bold;}
h2 {font-size:142%; font-weight:bold;}
h3 {font-size:133%; font-weight:bold;} 
h4 {font-size:125%; font-weight:bold;}
h5 {font-size:117%; font-weight:bold;}
h6 {font-size:108%; font-weight:bold;}

input, textarea, select {font:inherit;}

table {font:inherit; width:100%; border:0;}
td, th {margin:0; padding:0;}

img {vertical-align:middle; border:0;}

/* General */

.err {color:red; font-weight:bold;}
.suc {color:green; font-weight:bold;}
.exp {color:orange; font-weight:bold;}

.red {color:red;}
.bold {font-weight:bold;}
.small80 {font-size:83%;}
.searchmarked {color:white; background-color:red;}

.nowrap {white-space:nowrap;}

.textjustify {text-align:justify;}
.textcenter {text-align:center;}
.textleft {text-align:left;}
.textright {text-align:right;}

.round5 {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}

.buffer_buttom_5 {margin-bottom:5px;}
.buffer_buttom_10 {margin-bottom:10px;}
.buffer_buttom_20 {margin-bottom:20px;}

/***/

div.err_box {margin-bottom:3%; padding:2%; border:1px solid #DD3C10; background-color:#FFEBE8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
div.exp_box {margin-bottom:3%; padding:2%; border:1px solid #E2C822; background-color:#FFF9D7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
div.suc_box {margin-bottom:3%; padding:2%; border:1px solid #499741; background-color:#D4FFAA; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}

a.actionbutton {padding:4px 8px; border:none; color:#ffffff; background-color:#2c6da0; cursor:pointer; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; text-shadow:1px 1px #666; text-decoration:none;}

/* Layout */

body {position:static; font-size:12px; font-family:tahoma,arial,verdana; text-align:center; /* mittig IE 5.5 */}

#layout_header {width:100%; text-align:center; /* mittig IE 5.5 */ background-color:#4870b6; border-bottom:2px solid black; background-image:url(./images/header_background.png);}
#layout_main {width:100%; margin:1% 0; text-align:center; /* mittig IE 5.5 */}
#layout_footer {width:100%; text-align:center; /* mittig IE 5.5 */ background-color:#f3f3f3; border-top:1px solid #a1a1a1; background-image:url(./images/footer_background.png);} 

#header {max-width:980px; height:100px; margin:0 auto; /* mittig */ text-align:left; }
#header_logo {float:left; width:250px; height:100px; /* background-image:url(./images/logo.png); background-repeat:no-repeat;*/}
#header_logo span {display:none;}
#header_right {float:right; width:240px; height:100px;}
#header_basket {width:220px; height:80px; margin-left:10px; margin-top:10px; background-color:white; border:1px solid black; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}

#main {max-width:980px; margin:0 auto; /* mittig */ text-align:left; background-color:white;}
#main_sidebar, #main_sidebar_flex {float:left; width:25%; text-align:left; background-color:white;}
#main_content, #main_content_flex {margin-left:25%; text-align:left; background-color:white;}

#content {margin-left:1%; padding-left:1%; overflow:hidden; /* IMPORTANT! ("Float-Clear-Problem") */}

#footer {width:100%; text-align:center;}
#footer_navi {padding:20px; text-align:center; line-height:20px;}
#footer_sysinfo {text-align:center; line-height:20px;}

.floatleft {float:left;}
.floatleft_50 {float:left; width:50%;}
.floatright {float:right;}
.floatright_50 {float:right; width:50%;}
.clear {clear:both; height:0; overflow:hidden;}

/* Content */

#content h1 {font-size:150%; margin-bottom:3%; padding-bottom:2%; border-bottom:1px solid black;}
/* #content p {margin:1,2em 0; line-height:1.6em; text-align:justify;} */
/* #content p.text {margin:1,2em 0; line-height:1.6em; text-align:justify;} */
#content .text {line-height:1.6em; text-align:justify;}
/* #content p.err {margin-top:5px;} */
#content .err {margin-top:5px;}

#content ul.bulletedlist {margin:0 20px;}
#content ul.bulletedlist li {margin:10px 0; list-style:disc outside;}

#content ul.list {}
#content ul.list li {margin-left:20px; padding:5px 0; list-style:disc outside;}

/* Basket */

#header_basket p {height:20px; line-height:20px;}
#header_basket p.basket_title {text-align:center; font-weight:bold; text-decoration:underline;}
#header_basket p.basket_link {text-align:center;}
#header_basket span.basket_left {display:block; float:left; width:50%; text-align:right;}
#header_basket span.basket_right {display:block; float:right; width:50%; text-align:left;}
#header_basket p.basket_link span.floatleft {margin-left:4%;}
#header_basket p.basket_link span.floatright {margin-right:4%;}

/* Sidebar */

#sidebar {}

ul.sidebar_list {}
ul.sidebar_list li {margin-bottom:4%; overflow:hidden;}

li.sidebar_box {padding:4%; border:3px solid #4870b6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
div.sidebar_box_title {margin-bottom:4%; padding-bottom:2%; border-bottom:1px solid #4870b6; font-weight:bold; color:brown;}

li.sidebar_box span.flaglist {display:inline-block; padding:2% 5%;}

div.sidebar_quicksearch1 a {display:block; float:left; width:10px; margin-right:10px; line-height:167%; font-weight:bold;}
div.sidebar_quicksearch2 a {display:block; float:left; margin-right:12px; line-height:167%; font-weight:bold;}

div.sidebar_extsearch p {line-height:167%;}
div.sidebar_extsearch input.input_text {width:60%;}
div.sidebar_extsearch input.input_submit {}

div.sidebar_itemadd input.input_text {width:40%;}
div.sidebar_itemadd input.input_submit {}

div.sidebar_account p {margin-bottom:4%;}
div.sidebar_account label {font-weight:bold;}
div.sidebar_account input.input_text {width:70%;}
div.sidebar_account input.input_submit {}

div.sidebar_menu p {margin-bottom:4%;}

/* Forms */

input.input_text {padding:2px 1px; border:1px solid #c4c6c8;}
input.input_text:focus {border:1px solid #4870b6;}
select.input_select {padding:2px 1px; border:1px solid #c4c6c8;}
input.input_checkbox {vertical-align:middle; line-height:1em; background-color:#c4c6c8;}
input.input_radio {vertical-align:middle; line-height:1em; background-color:#c4c6c8;}

textarea {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box;}
input.input_submit {padding:1px 2px; background-color:#d4d0c8; cursor:pointer;}

div.form_box {width:100%; /* Bugfix für IE-Bug bei textarea-"width=100%" */}

div.form_box fieldset {margin:0; padding:10px; border:1px solid #4870b6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
div.form_box legend {margin:0 10px; padding:0 10px; font-size:150%; font-weight:bold;}
div.form_box label {}
div.form_box hr {margin:10px 0; border:0; height:1px; font-size:0; border-top:1px solid #4870b6;}
div.form_box hr.dashed10 {margin:10px 0; border:0; border-top:1px dashed #4870b6;}
div.form_box hr.dashed20 {margin:20px 0; border:0; border-top:1px dashed #4870b6;}

div.form_box ul {width:100%; list-style:none; margin:0; padding:0; overflow:auto; /* Safari Bug */}
div.form_box li {width:100%; margin:10px 0; padding:0; /* background-color:#efefef; */ overflow:hidden;}
div.form_box li.spacetop {margin-top:5%;}

div.form_box .form_left {display:block; float:left; width:40%; margin-right:1%; padding:4px 0; text-align:right;}
div.form_box .form_right {display:block; margin-left:41%; text-align:left;}
div.form_box p.row_right {margin-left:41%;}
div.form_box span.hint_right {}
div.form_box br {clear:both;}

div.form_box label.form_left {font-weight:bold;}

div.form_box input.input_button {padding:5px 10px; border:none; color:#ffffff; background-color:#2c6da0; cursor:pointer; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; text-shadow:1px 1px #666; overflow:visible;}

div.form_box span.form_left {font-weight:bold;}
div.form_box span.form_noinput_right {display:block; padding:5px 0;}

/* Global */

div.global_imagebox100 {float:left; width:100px; height:100px; line-height:100px; font-size:0; text-align:center; color:black; background-color:white;  margin-right:2%; overflow:hidden; border:1px solid gray; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
div.global_imagebox100 a {text-decoration:none; color:black;}
div.global_imagebox100 img {vertical-align:middle;}
div.global_imagebox100 span.noimage {font-size:small;}

table.global_basket_items {border-collapse:collapse; text-align:left; margin-bottom:20px;}
table.global_basket_items th {padding:4px; vertical-align:top;}
table.global_basket_items tr.item td {padding:4px; border-top:1px solid black; vertical-align:middle;}
table.global_basket_items tr.sum td {padding:4px; border-top:2px solid black; vertical-align:middle; font-weight:bold;}
table.global_basket_items tr.result td {padding:4px;}

/* Catalogue */

ul#catalogue {}
ul#catalogue li.interpreter {margin:20px 0; /* border-bottom:1px solid red; */}
ul#catalogue h2 {font-size:125%; font-weight:bold; text-decoration:underline;}
ul#catalogue p.action {margin:4px 0;}

ul.catalogue_interpreter {margin-bottom:10px;}
ul.catalogue_interpreter li {margin:5px 0; padding:5px; background-color:#efefef; border:1px solid #efefef; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
ul.catalogue_interpreter_ li:hover {color:white; background-color:gray;}

ul.catalogue_interpreter div.col_left_75 {float:left; width:75%; text-align:left;}
ul.catalogue_interpreter div.col_right_25 {float:left; width:25%; text-align:right;}
ul.catalogue_interpreter div.result {float:none; clear:both; text-align:right;}
ul.catalogue_interpreter p {line-height:20px;}
ul.catalogue_interpreter span.title {font-weight:bold;}
ul.catalogue_interpreter span.title a {color:black; text-decoration:none;}

div.cataloque_search {font-size:133%; font-weight:bold; margin-bottom:20px;}

div#itemsnavi {width:100%; margin-bottom:4%;}
div#itemsnavi div.col_left {width:65%; float:left; text-align:left;}
div#itemsnavi div.col_right {width:35%; float:left; text-align:right;}

div.pagenavi {width:100%;}
div.pagenavi div.col_left {width:20%; float:left; text-align:left; font-weight:bold;}
div.pagenavi div.col_center {width:60%; float:left; text-align:center;}
div.pagenavi div.col_right {width:20%; float:left; text-align:right; font-weight:bold;}
div.pagenavi span.currentpage {font-size:125%; font-weight:bold;}

div#item {}
div#item div.col_left_50 {float:left; width:50%; text-align:left;}
div#item div.col_right_50 {float:right; width:50%; text-align:right;}
div#item div.col_left_50_bottom {float:none; width:50%; text-align:left;}
div#item div.data p {line-height:1em;}
div#item div.image {float:right; width:300px; margin-left:auto; margin-right:0; margin-bottom:20px; overflow:hidden;}
div#item p.action {margin:4px 0;}
div#item hr {margin:20px 0; border:0; border-top:1px solid lightgrey;}

div#item ul.otheritems {}
div#item ul.otheritems li {margin-bottom:5px; text-indent:-0.9em; padding-left:0.9em;}

/* Basket */

div#basket div.col_1 {float:left; width:30%; text-align:left; padding:5px 0;}
div#basket div.col_2 {float:left; width:40%; text-align:center;}
div#basket div.col_3 {float:left; width:30%; text-align:right; padding:5px 0;}

/* Checkout */

div#checkout div.rownavi {margin-top:30px;}
div#checkout div.rownavi_left {float:left; width:50%; text-align:left; padding:5px 0;}
div#checkout div.rownavi_right {float:right; width:50%; text-align:right;}

div#checkout_progress {margin-bottom:4%; padding:2% 0; text-align:center; border:1px solid black;}
div#checkout_progress ul {}
div#checkout_progress li {display:inline; margin-left:2%;}

div#checkout h2 {font-size:125%; margin-bottom:15px; text-decoration:underline;}

div#checkout table.items {border-collapse:collapse; border:1px solid black; text-align:left;}
div#checkout table.items th {padding:4px; border:1px solid black; font-weight:bold;}
div#checkout table.items td {padding:4px; border:1px solid black;}

div#checkout table.billing_amount {text-align:left;}
div#checkout table.billing_amount td {padding:4px 0;}
div#checkout table.billing_amount tr.sum td {font-weight:bold; border-top:1px solid black;}

div#checkout textarea#remark {width:100%; height:60px; border:1px solid #c4c6c8;}

/* Account */

div#account ul.menu li {margin-bottom:10px;}

div#account h2 {font-size:125%; margin-bottom:15px; text-decoration:underline;}

div#account table.tab_orders {border-collapse:collapse; border:1px solid black;}
div#account table.tab_orders th {padding:1%; text-align:center; font-weight:bold; border:1px solid black;}
div#account table.tab_orders td {padding:1%; text-align:center; border:1px solid black;}
div#account table.tab_orders td.right {text-align:right;}

/* Contact */

div#contact label {font-weight:bold;}
div#contact textarea {width:100%; height:150px; border:1px solid #c4c6c8; overflow:hidden;}

/* Contentpage */

div#contentpage ul.menu li {margin-bottom:10px;}

/* Home */

div#home hr {margin:10px 0; border:0; border-top:1px solid #a1a1a1;}

div#home div.box {margin-bottom:2%; border:1px solid #4870b6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
div#home div.box_title {padding:10px; font-weight:bold; color:white; background-color:#4870b6;}
div#home div.box_title h2 {font-size:100%;}
div#home div.box_body {padding:10px;}

div#home ul.items {}
div#home ul.items li {margin-bottom:4px; padding-bottom:4px; border-bottom:1px solid #efefef;}
div#home ul.items li span.col_left {display:block; width:80%; float:left; text-align:left;}
div#home ul.items li span.col_right {display:block; width:20%; float:left; text-align:right;}
div#home ul.items li br {clear:both;}

div#home div.items {}
div#home div.items div.row {width:100%;}
div#home div.items div.col {float:left; width:25%; margin-bottom:10px; text-align:center;}
div#home div.items div.col div.image {width:100px; height:100px; margin:0 auto;}
div#home div.items div.col p {margin-top:5px;}
div#home div.items hr {margin:0 0 10px 0; border:0; border-top:1px solid #a1a1a1;}

div#home .items a.tobasket {padding:2px 5px; border:none; color:#ffffff; background-color:#2c6da0; cursor:pointer; font-weight:bold; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-shadow:1px 1px #666; text-decoration:none;}

/******/

@media screen and (max-width:801px)
  {
  
  html {-webkit-text-size-adjust:100%;}
  
  body {margin:0;}
  
  img {max-width:100%; height:auto;}
  
  #main {width:100%; margin:0;}
  
  div.sidebar_quicksearch2 a {float:none; margin-right:0;}
  div.sidebar_extsearch div.floatleft_50 {float:none;}
  div.sidebar_extsearch input.input_submit {display:block; margin-top:1%;}
  div.sidebar_itemadd input.input_submit {display:block; margin-top:1%;}
  
  table.global_basket_items th {padding:1px; border:0;}
  table.global_basket_items td {padding:1px; border:0;}
  table.global_basket_items td.inttit {}
  
  div#checkout table.items th {padding:1px; border:0;}
  div#checkout table.items td {padding:1px; border:0; border-top:1px solid black;}
  div#checkout table.items td.inttit {width:40%;}
  
  div#home div.items div.col {width:50%;}
  
  div#item div.image {width:100%;}
  div#item div.image p {text-align:left;}
  
  ul.catalogue_interpreter div.col_left_75 {width:50%;}
  ul.catalogue_interpreter div.col_right_25 {width:50%;}
  ul#catalogue div.global_imagebox100 {width:50px; height:50px; line-height:50px; overflow:visible;}
  ul#catalogue div.global_imagebox100 span.noimage {font-size:x-small;}
  
  div#itemsnavi div.col_left {width:100%; float:none;}
  div#itemsnavi div.col_right {width:100%; float:none; text-align:left; margin-top:2%;}
  div#itemsnavi div.col_right select {max-width:100%;}
  
  div.pagenavi div.col_left {width:100%; float:none;}
  div.pagenavi div.col_center {width:100%; float:none; text-align:left; margin:2% 0;}
  div.pagenavi div.col_right {width:100%; float:none; text-align:left;}
  
  div.form_box .form_left {float:none; width:100%; margin-right:0; text-align:left;}
  div.form_box .form_right {margin-left:0;}
  div.form_box span.hint_right {display:block;}
  div.form_box p.row_right {margin-left:0;}
  
  }

@media screen and (max-width:569px)
  {
  
  body {word-wrap:break-word;}
  
  .onlymobile {display:block;}
  .onlydesktop {display:none;}
  
  #layout_header {background-image:none; border:0;}
  #layout_footer {background-image:none;}
  
  #header {width:100%; height:auto; margin:0; text-align:center;}
  
  #header_logo {float:none; width:100%; height:auto; text-align:center;}
  #header_logo img {display:none;}
  #header_logo span {display:inline; color:white; font-size:200%; font-weight:bold;}
  #header_logo a {text-decoration:none;}
  
  #header_right {float:none; width:220px; height:auto; margin:0 auto; padding-bottom:10px;}
  #header_basket {height:auto; margin:0;}
  
  #main_sidebar {width:140px;}
  #main_content {margin-left:140px;}
  #main_sidebar_flex {display:none;}
  #main_content_flex {margin-left:0;}
  
  #content {margin-right:2%;}
  #sidebar {margin-left:2%;}
  
  table.global_basket_items {font-size:83%;}
  
  div#checkout table.items {font-size:83%;}
  
  div#item div.col_left_50 {float:none; width:100%;}
  div#item div.col_right_50 {float:none; width:100%;}
  div#item div.image {float:none; width:100%; margin-left:0; margin-right:auto; text-align:left;}
  
  ul.catalogue_interpreter div.col_left_75 {float:none; width:100%;}
  ul.catalogue_interpreter div.col_right_25 {float:none; width:100%; margin-top:2%; text-align:left;}
  ul.catalogue_interpreter div.result {text-align:left;}
  
  div#basket div.col_1 {float:none; width:100%; padding:0;}
  div#basket div.col_2 {float:none; width:100%; text-align:center; margin-top:4%;}
  div#basket div.col_3 {float:none; width:100%; text-align:right; margin-top:4%; padding:0;}
  
  div#checkout div.rownavi_left {width:auto;}
  div#checkout div.rownavi_right {width:auto;}
  
  }

@media screen and (max-width:401px)
  {
  
  body {font-size:11px;}
  
  #main_sidebar {width:110px;}
  #main_content {margin-left:110px;}
  
  a.actionbutton {padding:2px 4px;} 
  
  div.global_imagebox100 {float:none;}
  
  table.global_basket_items {font-size:83%;}
  
  div#home div.items div.col {width:100%;}
  
  div#checkout table.items {font-size:83%;}
  
  input.input_text {max-width:130px;}
  select.input_select {max-width:130px;}
  textarea {max-width:130px;}
  input.input_submit {padding:1px 1px;}
  
  div.form_box legend {margin:0; font-size:125%;}
  
  }
  
/******/