/*
  Style Index
 
  $0 - Imported Styles
  $1 - Common Elements
  $2 - Header
  $3 - Navigation
  $4 - Content
  $5 - News
  $6 - Shop
  $7 - Product
  $8 - Contact
  $9 - Sitemap
  $10 - Footer
  $11 - Downloads
  $12 - Search
  $13 - Popup
  $14 - Imagemap
*/
	/* $0 - Imported Styles //////////////////////////////////////////////////////*/
@import url(contentbox.css);

/* $1 - Common Elements //////////////////////////////////////////////////////*/
body {
	background-color: #FFFFFF;
	background: url('../images/CMS/head_bg.gif') repeat-x;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
}

div,p,td,span {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

h1 {
	color: #5164A6;
	font-size: 18px;
	font-weight: normal;
	margin-top: 2px;
}

.button {
	border: 1px solid #AFB8D4;
}

.pagesize {
	width: 980px;
	padding: auto;
	margin: auto;
}

div.container {
	padding: auto;
	margin: auto;
	text-align: center;
	margin-bottom:25px;
}

div.clear {
	clear: both;
}

div.error,div.error span,ul.error,ul.error span {
	color: red;
	padding-bottom: 10px;
}

ul.error {
	padding-left: 15px;
}

/* $2 - Header ///////////////////////////////////////////////////////////////*/
div.container div.head div.logo {
	background: url('../images/CMS/logo.png') no-repeat center top;
	height: 105px;
}
div.container div.head div.logo .pagesize{
	background: url('../images/CMS/logo.png') no-repeat center top;
	height: 105px;
}
div.container div.head div.logo div.slogan {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #3e4987;
  left: 500px;
  top: -49px;
  float: left;
  width: 0px;
  height:0px;
  text-align: left;
}

/* $3 - Navigation ///////////////////////////////////////////////////////////*/
div.container div.head div.menue {
	background-color: #172884;
	height: 23px;
	text-align: left;
}

div.container div.head div.menue table.menuelist {
	border-collapse: collapse;
}

div.container div.head div.menue table.menuelist td.menueitem {
	color: #fff;
	height: 23px;
}

div.container div.head div.menue table.menuelist td.menueitem a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding-right: 30px;
}

div.container div.head div.menue table.menuelist td.menueitem a.active {
	color: #172884; /*blau*/
}

div.container div.head div.menue table.menuelist td.menueitem a.active span
	{
	color: #172884; /*blau*/
}

div.container div.head div.menue table.menuelist td.active {
	background-color: #ECD300; /*gelb*/
}

div.container div.head div.menue table.menuelist td.menueitem a span {
	position: relative;
	top: -2px;
	color: #fff;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
}

div.container div.head div.shadetop {
	background: url('../images/CMS/shadetop.png') repeat-x;
	height: 28px;
}

#staticmenue {
	position: relative;
	top: 5px;
	display: inline;
	float: right;
}

#staticmenue img {
	border: none;
}

#staticmenue a {
	text-decoration: none;
	color: #AFBFCD; /*grau*/
	font-size: 9px;
}

div.container div.head div.logo div.languageselector {
	padding-top: 20px;
	text-align: right;
}

div.container div.head div.logo div.languageselector a {
	text-decoration: none;
	color: #3D4983;
}

div.search {
	padding-top: 10px;
	text-align: right;
}

div.search form {
	text-size: 1px;
	padding: 0px;
	margin: 0px;
}

div.search input.search {
	border: 1px solid #AFB8D4;
	width: 118px;
}

div.search span {
	position: relative;
	left: 3px;
	top: 1px;
}

div.search label {
	color: #3D4983;
}

div#pathway,div#pathway a {
	font-size: 10px;
	color: #B3B4BD;
	text-decoration: none;
	text-align: left;
	padding-bottom: 15px;
}

div.level2 {
	padding-left: 2px;
	padding-right: 2px;
}

div.level2 div.inner {
	background-color: #EBEEF8;
	margin-bottom: 2px;
	margin-top: 2px;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
}

div.level2 div.inner a {
	text-decoration: none;
	color: #3D4983;
	font-weight: bold;
}

div.level2 div.active {
	background-color: #ECD300; /*gelb*/
}

div.level3 {
  padding-left: 2px;
  padding-right: 2px;
}

div.level3 div.inner a {
	padding-left: 10px;
}

div.level3 div.inner {
	background-color: #EBEEF8;
	margin-bottom: 2px;
	margin-top: 2px;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
}

div.level3 div.inner a {
	text-decoration: none;
	color: #3D4983;
	font-weight: bold;
}

div.level3 div.active {
	background-color: #ECD300; /*gelb*/
}

/* $4 - Content //////////////////////////////////////////////////////////////*/
div.content {
	margin: auto;
	padding: auto;
	border-collapse: collapse;
	text-align: center;
}

div.content div.maincontent div.firstline {
	margin-top: 20px;
	/*margin-top: 2px;*/ /*margin-bottom: 2px;*/
}

div.content div.maincontent div.inner div.link a {
	color: #3D4983;
}

div.content div.maincontent img {
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;
}

.navbox {
	padding-bottom: 20px;
	width: 180px;
}

.kontakt {
	padding-bottom: 20px;
	width: 180px;
}

.kontakt a {
	color: #3D4983;
}

.warenkorb {
	padding-bottom: 20px;
	width: 208px;
}

.warenkorb div.inner {
	background-color: #F9FAFF; /*helles blau*/
	padding: 15px;
}

.warenkorb div.inner div.left {
	width: 125px;
	float: left;
}

.warenkorb div.inner a {
	color: #3D4983;
	padding-left: 5px;
}

.warenkorb div.inner div.right {
	font-weight: bold;
	text-align: right;
}

.aktuelles {
	padding-bottom: 20px;
	width: 208px;
}

.aktuelles div.inner {
	background-color: #F9FAFF; /*helles blau*/
	padding: 15px;
}

.aktuelles div.inner div.date {
	color: #172884;
}

.aktuelles div.inner div.title {
	font-weight: bold;
	padding-bottom: 5px;
}

.aktuelles div.inner div.teaser {
	padding-bottom: 5px;
}

.handlerlogin {
	padding-bottom: 20px;
	width: 208px;
}

.handlerlogin div.password {
	padding-top: 5px;
}

.handlerlogin div.password a {
	color: #3D4983;
}

.handlerlogin div.inner {
	background-color: #F9FAFF; /*helles blau*/
	padding: 15px;
}

.handlerlogin div.inner div.label {
	width: 60px;
	height: 17px;
	padding-top: 2px;
	float: left;
}

.handlerlogin div.inner hr {
	border: 1px solid #F9FAFF;
	height: 0px;
	font-size: 0px;
}

div.maincontent table.login {
	border-collapse: collapse;
}

div.maincontent table.login tr td {
	padding-top: 10px;
	padding-right: 10px;
}

.handlerlogin div.inner input.input,div.maincontent table.login .input {
	width: 90px;
	border: 1px solid #B4BCD7;
}

div.maincontent table.forgotten .input {
	width: 150px;
}

div.content div.leftcontent {
	float: left;
	margin-left: 1px;
	margin-right: 1px;
}

div.content div.maincontent {
	float: left;
	margin-left: 1px;
	margin-right: 1px;
	text-align: left;
	width: 585px;
}

div.content div.maincontent div.inner {
	padding: 20px;
}

div.content div.rightcontent {
	float: left;
	margin-left: 1px;
	margin-right: 1px;
}

div.kontakt div.inner {
	background-color: #F9FAFF; /*helles blau*/
	padding: 18px;
}

/* $5 - News ///////////////////////////////////////////////////////////////*/
div.maincontent div.inner div.newsitem {
	padding-bottom: 10px;
	margin-top: 10px;
}

div.newsitem table.heading {
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
}

div.newsitem table.heading td.title {
	font-size: 20px;
	color: #5164A6;
}

div.newsitem table.heading td.date {
	text-align: right;
	color: #3D4983;
}

div.newsitem table.heading td.date img {
	vertical-align: top;
	margin-right: 5px;
}

div.newsitem table.content {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

div.newsitem table.content td {
	vertical-align: top;
}

div.newsitem table.content td.content {
	padding-right: 10px;
}

div.imgwrapper img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
}

div.maincontent div.inner div.newsitem div.imgwrapper img {
	width: 190px;
}

div.maincontent div.inner div.newsitem div.imgwrapper {
	padding: 0px;
	margin: 0px;
}

div.maincontent div.inner div.newsitem div.image1 {
	margin-bottom: 15px;
}

div.maincontent div.inner div.newsitem div.image2 {
	margin-bottom: 15px;
}

div.newsitem table.content td.images div.download {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

div.newsitem table.content td.images div.link {
	padding-top: 10px;
	font-weight: bold;
}

div.newsitem table.content td.images div.link a {
	font-weight: normal;
}

div.aktuelles div.inner div.link {
	padding-bottom: 10px;
}

div.aktuelles div.inner a {
	color: #3D4983;
	padding-left: 5px;
}

div.newsitem p a,div.newsitem table a {
	color: #3D4983;
}

div.newsitem div.line {
	background: #fff url(../images/CMS/line.gif) repeat-x;
	height: 2px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* news grid */

div.newsgrid {
  margin-top: 20px;	
}

div.newsgrid div.category {
	background-color: #F9FAFF;
  border: 1px solid #C4CBE2;
  color: #3D4983;
  font-weight: bold;
  padding: 5px;
  margin-left: 1px;
  margin-right: 1px;
}

div.newsgrid div.data {
  padding: 1px;
}

div.newsgrid div.data table.gui_Grid * {
  border-collapse: collapse;
  border: none;
}

div.newsgrid div.data table.gui_Grid tr {
  border-top: 1px solid #fff;
}

div.newsgrid div.data table.gui_Grid .title {
	padding-left: 20px;
  background: #EBEEF8 url(../images/CMS/dateicon.png) 5px center no-repeat;
}

div.newsgrid div.data table.gui_Grid .date {
	width: 80px;
}


div.newsgrid div.data table.gui_Grid .column {
  border-top: 1px solid #fff;
}

div.newsgrid div.data table.gui_Grid .action {
  width: 60px;
  border-top: 1px solid #fff;
  text-align: center;
}


	/* $6 - Shop ///////////////////////////////////////////////////////////////*/
div.meditrade_kategorie {
	padding-bottom: 20px;
	width: 180px;
}

div.meditrade_kategorie div.inner {
	background-color: #F9FAFF; /*helles blau*/
	margin: 2px;
}

div.meditrade_kategorie div.inner a {
	text-decoration: none;
	color: #3D4983;
	font-weight: bold;
}

div.order a {
	color: #3D4983;
}

div.meditrade_kategorie div.inner div.level1 {
	background-color: #EBEEF8;
	margin-bottom: 2px;
	margin-top: 2px;
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
}

div.meditrade_kategorie div.inner div.active {
	background-color: #ECD300 !important; /*gelb*/
}

div.meditrade_kategorie div.inner div.level2 {
	background-color: #EBEEF8;
	margin-bottom: 2px;
	margin-top: 2px;
	height: 20px;
	padding-top: 5px;
	padding-left: 15px;
}

div.meditrade_kategorie div.inner div.level3 {
	background-color: #EBEEF8;
	margin-bottom: 2px;
	margin-top: 2px;
	height: 20px;
	padding-top: 5px;
	padding-left: 25px;
}

div.shopcard {
	padding-top: 10px;
}

div.shopcard div.shopcardsum,div.order div.shopcardsum {
	text-align: right;
	padding-top: 10px;
	font-weight: bold;
}

div.shopcard div.order a {
	color: #5164A6;
}

div.order div.strong {
	margin-bottom: 10px;
	font-weight: bold;
}

div.order div.line,div.shopcard div.line {
	margin-top: 10px;
	width: 100%;
}

div.order input.orderbutton {
	margin-top: 15px;
}

div.productdetail div.orderbutton a {
	color: #3D4983;
}

div.order div.warn,div.shopcard div.warn {
	padding-top: 10px;
	color: #f00;
}

div.productdetail .column_head .columnCaption {
  font-weight: bold;
  color: #5164A6;
}

div.shopcard div.empty {
	padding: 20px;
	text-align: center;
	background-color: #F9FAFF;
	border-bottom: 3px solid #C4CBE2;
}

/* $7 - Product //////////////////////////////////////////////////////////////*/
div.success {
	color: #00A325;
}

div.productdetail {
	padding-top: 25px;
}

div.productdetail div.line {
	background: #fff url(../images/CMS/line.gif) repeat-x;
	height: 2px;
	width: 530px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.productdetail div.back a {
	color: #3D4983;
}

div.productdetail div.titlecontainer div.title {
	font-size: 20px;
	color: #5164A6;
	float: left;
}

div.productdetail div.titlecontainer div.back {
	margin-top: 5px;
	float: right;
}

div.productdetail div.productcontainer {
	border-collapse: collapse;	
}

div.productdetail table.productcontainer td.text {
	width: 100%;
	vertical-align: top;
}

div.productdetail table.productcontainer td.text h1 {
	color: #5164A6;
	font-size: 13px;
	font-weight: bold;
}

div.productdetail table.productcontainer td.text h2 {
  color: #5164A6;
  font-size: 12px;
  font-weight: bold;
}

div.productdetail table.productcontainer td.text h3 {
  color: #5164A6;
  font-size: 11px;
  font-weight: bold;
}

div.productdetail table.productcontainer div.imagecontainer {
	float: right;
	width: 200px;
	padding-left: 15px;
}

div.productdetail table.productcontainer div.imagecontainer div.productbox
	{
	background: #fff url(../images/CMS/productbox.png) no-repeat;
	width: 199px;
	height: 53px;
}

div.productdetail div.noimage {
	width: 197px;
	height: 30px;
	border: 1px solid #C3CBE2;
	text-align: center;
	padding-top: 17px;
} 

div.productdetail table.productcontainer div.imagecontainer div.productbox div.lupe
	{
	height: 50px;
	padding-top: 20px;
	padding-left: 20px;
	float: left;
}

div.productdetail table.productcontainer div.imagecontainer div.productbox div.lupe img
	{
	border: none;
}

div.productdetail table.productcontainer div.imagecontainer div.productbox div.firstprice
	{
	height: 50px;
	padding-top: 5px;
	padding-right: 10px;
	color: #5164A6;
	text-align: right;
}

div.productdetail table.productcontainer div.imagecontainer div.productbox div.firstprice span
	{
	font-size: 20px;
	color: inherit;
}

div.productdetail table.productcontainer div.imagecontainer .image {
	border: 1px solid #C4CBE2;
	width: 197px;
	margin: 0px;
	padding: 0px;
}

div.productdetail div.orderbutton {
	text-align: right;
}

div.productdetail .quantity {
	border: 1px solid #C4CBE2;
	width: 30px;
}

div.productdetail .success_order {
	border: 1px solid #137E28;
	color: #137E28;
	padding: 15px;
}

div.productdetail .success_order a {
	color: #3D4983;
}

div.productdetail table.gui_Grid th,div.order table.gui_Grid th,div.shopcard table.gui_Grid th
	{
	background-color: #fff;
}

div.productdetail table.gui_Grid th a.columnCaption,div.productdetail table.gui_Grid th.action,div.order table.gui_Grid th a.columnCaption,div.order table.gui_Grid th.action,div.shopcard table.gui_Grid th a.columnCaption,div.shopcard table.gui_Grid th.action
	{
	color: #3D4983;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

div.productdetail div.print {
  float:right;
  padding-right: 5px;
}

div.productdetail div.print * {
  text-decoration: none;
  border: none;
  vertical-align: middle;
  color: #3D4983;
}

div.products h1 {
	padding-top: 10px;
}

div.productdetail table.gui_Grid tr.out td,div.order table.gui_Grid tr.out td,div.shopcard table.gui_Grid tr.out td
	{
	background-color: #F9FAFF;
}

div.products div.line {
	background: #fff url(../images/CMS/line.gif) repeat-x;
	height: 2px;
	width: 530px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.products div.details {
	float: left;
	width: 300px;
}

div.products div.details div.title {
	font-weight: bold;
	padding-bottom: 10px;
}

div.products div.image { /*background-color: #F9FAFF;*/
	float: right;
	margin-right:7px;
	width: 83px;
}

div.products div.image table.imagetable {
	width: 100%;
	height: 100px;
	vertical-align: middle;
	border-collapse: collapse;
	border: 1px solid #C4CBE2;
}

div.products div.image table.imagetable td.img {
	border-right: 1px solid #C4CBE2;
	width: 80px;
	background-color: #fff;
}

div.products div.image table.imagetable td.txt {
	color: #5164A6;
	background-color: #F9FAFF;
	text-align: right;
	padding-right: 10px;
}

div.products div.image table.imagetable td.txt span {
	color: #5164A6;
	font-size: 20px;
}

div.products div.link {
	margin-top: 5px;
	float: left;
	height: 15px;
}

div.products div.link a {
	color: #5164A6;
}

div.products div.lupe {
	margin-top: 5px;
	float: right;
	height: 15px;
}

div.products div.lupe a, div.products ul li a {
	color: #5164A6;
	text-decoration: none;
}

div.products div.lupe img {
	border: none;
}

div.productdetail table.productcontainer tr td {
  vertical-align: top;
}

div.newsitem div.download table,
div.productdetail table.productcontainer div.download table
{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

div.newsitem div.download table td,
div.productdetail table.productcontainer div.download table td
{
	padding-right: 3px;
}
div.newsitem div.download table td.title,
div.productdetail table.productcontainer div.download table td.title {
  font-weight: bold;
}

div.productdetail table.productcontainer tr td div.download {
  padding-left: 13px;	
}

div.newsitem div.download table tr td div.download a,
div.productdetail table.productcontainer tr td div.download a {
  color: #5164A6;
}

/* $8 - Contact ///////////////////////////////////////////////////////////////*/
table.contact {
	border-collapse: collapse;
}

table.contact span.asterix {
	color: #ff0000;
}

table.contact input,table.contact select,table.contact textarea {
	border: 1px solid #C4CBE2;
}

table.contact .standard {
	width: 200px;
	margin-right: 2px;
	padding-right: 1px;
}

table.contact .short {
	width: 72px;
	margin-right: 2px;
	padding-right: 1px;
}

table.contact .long {
	width: 366px;
	height: 142px;
}

table.contact .extra {
	margin-bottom: 15px;
	width: 204px;
}

/* $9 - Sitemap //////////////////////////////////////////////////////////////*/
div.sitemap ul.sitemap {
	color: #000;
	margin: 0px;
	padding: 0px;
}

div.sitemap ul.sitemap .module {
	list-style: none;
	border: 1px solid #C6CCE3;
	color: #3D4983;
	font-weight: bold;
	background-color: #F9FAFF;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}

div.sitemap ul.sitemap .item {
	padding: 5px 0px 5px 0px;
}

div.sitemap ul.sitemap .item a {
	color: #656DB0;
}

/* $10 - Footer //////////////////////////////////////////////////////////////*/
div.line {
	padding: auto;
	margin: auto;
	font-size: 1px;
	height: 3px;
	width: 585px;
	background-color: #C4CBE2;
	/*margin-top: 2px;
	margin-bottom: 2px;*/
}

div.footer div.footmenue {
	padding-top: 5px;
	color: #A9AAAE;
	font-size: 10px;
}

/* $11 - Downloads ///////////////////////////////////////////////////////////*/
div.download {
	padding-top: 15px;
}

div.download div.title {
	background-color: #F9FAFF;
	border: 1px solid #C4CBE2;
	color: #3D4983;
	font-weight: bold;
	padding: 5px;
	margin-left: 1px;
	margin-right: 1px;
}

div.download div.data {
	padding: 1px;
}

div.download div.data table.gui_Grid * {
	border-collapse: collapse;
	border: none;
}

div.download div.data table.gui_Grid tr {
	border-top: 1px solid #fff;
}

div.download div.data table.gui_Grid .file {
	width: 25px;
}

div.download div.data table.gui_Grid .size {
	width: 50px;
}

div.download div.data table.gui_Grid .type {
	width: 50px;
}

div.download div.data table.gui_Grid .column {
	border-top: 1px solid #fff;
}

div.download div.data table.gui_Grid .action {
	width: 60px;
	border-top: 1px solid #fff;
	text-align: center;
}

div.downloaddetail { /*
	margin: auto;
	padding: auto;
	text-align: center;
	*/
	
}

div.downloaddetail div.inner { /*margin: auto;
  padding: auto;*/
	text-align: center;
	border: 1px solid #C4CBE2;
	width: 150px;
}

div.downloaddetail div.inner div.title {
	background-color: #F9FAFF;
	border: 1px solid #C4CBE2;
	color: #3D4983;
	font-weight: bold;
	padding: 5px;
}

div.downloaddetail div.inner div.date {
	padding: 15px 0px 0px 0px;
}

div.downloaddetail div.inner div.link {
	padding: 15px 0px 0px 0px;
}

div.downloaddetail div.back {
	padding-top: 20px;
}

div.downloaddetail a {
	padding-top: 20px;
	color: #656DC5;
}

/* $12 - Search //////////////////////////////////////////////////////////////*/
div.search ul.search {
	color: #000;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.search div.error {
	text-align: left;
}

div.search ul.search .module {
	list-style: none;
	border: 1px solid #C6CCE3;
	color: #3D4983;
	font-weight: bold;
	background-color: #F9FAFF;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}

div.search ul.search .item {
	padding: 5px 0px 5px 0px;
}

div.search ul.search .item a {
	color: #656DB0;
}

div.search ul.search .item em {
	background-color: #ffff00;
}

div.search div.heading {
  text-align: left;
}

/* $13 - Popup //////////////////////////////////////////////////////////////*/
div.popup {
	padding: 5px;
}

div.popup div.inner {
	border: 1px solid #C6CCE3;
	padding: 10px;
}

div.popup div.inner .input {
	border: 1px solid #AFB8D4;
	width: 200px;
}

div.popup div.inner div.line {
	width: 100%;
	margin-bottom: 5px;
}

/* $14 - Imagemap ////////////////////////////////////////////////////////////*/
div.imagemap div.line {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.imagemap a {
	color: #656DB0;
	text-decoration: none;
}

div.imagemap div.back a {
	text-decoration: underline;
}

div.imagemap div.back {
	text-align: right;
	color: #656DB0;
}

div.imagemap div.image {
	height: 115px;
	float: left;
}

div.imagemap .button {
	width: 80px;
}

div.imagemap .input {
	border: 1px solid #AFB8D4;
	width: 80px;
}

div.imagemap div.image div.imgwrapper {
  padding-right: 15px;
}