body {
  margin:0px;
  padding:0px;
  background-color:#ffffff;
  text-align:center;
}
* {
  font-family:Verdana,Tahoma,Arial,sans-serif,sans-free;
	
}

  img{
	border-color: #009EEF;
  }

  #main_menu{
    margin: 5px 0px 0px 5px;
    z-index:100000;
    width: 785px;
    height: 78px;
    border: solid #009EEF;
    border-width: 1px 0px;
  }
  
  .navihelp {
	/* Hilfsgrafik neben der Produktauswahl */
	margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    line-height:70px;
    color: #ffffff;
    font-size: 10pt;
	  float:left;
	  width:150px;
	  height:70px;
	/*visibility: hidden;*/
    background-color: #009EEF;
	  background-image:url(../images/produktauswahl.png);
	  background-position: right 5px;

  }
  
  #main_menu a{
    text-decoration: none;
    padding: 0px 5px 3px 5px;
  }
  .main_menu_nav_1{
    margin: 0px;
    padding: 0px;
  }
  .main_menu_nav_2{
    margin: 0px;
    padding: 0px;
  }
  .main_menu_nav_3{
    margin: 0px;
    padding: 0px;
  }
  .main_menu_nav li{
    float:left;
    padding: 0px;
    list-style-type:none;
    font-size: 15pt;
  }
  .main_menu_nav_1 li{
    float:left;
    padding: 0px;
    list-style-type:none;
    font-size: 15pt;
  }
  .main_menu_nav_2 li{
    float:left;
    padding: 0px;
    list-style-type:none;
    font-size: 13pt;
  }
  .main_menu_nav_3 li{
    float:left;
    padding: 0px;
    list-style-type:none;
    font-size: 11pt;
  }
  ul.main_nav_submenu{
    display:none;
    position:absolute;
    width:775px;
    right:0px;
    margin: 0px;
    margin-left: 0px;
    padding: 5px;
    z-index: 100001;
  }
  ul.main_nav_submenu li{
    display: inline;
    font-size: 11pt;
    font-weight: bold;
    float:none;
  }
  
  
  .main_nav_submenu_tab{
    right:0px;
    display:none;
    position:absolute;
    width:785px;
    z-index: 100001;
  }
  .main_nav_submenu_tab td,
  .main_nav_submenu_tab th{
    font-size: 8pt;
    color: white;
    padding: 3px 0px;
    /*text-align: left;*/
    overflow: hidden;
  }
  .main_nav_submenu_tab th{
	text-align: left;
  }
  .main_nav_submenu_tab a{
    color: white;
    text-decoration: none;
    font-weight: bold;
  }
  .main_nav_submenu_tab a:hover{
    text-decoration: underline !important;
  }
  .main_nav_submenu a{
    display:block;
    color: white;
  }
  span.bestPrice{
    background: url(../images/icons/bestprice2.png) no-repeat top right;
    padding: 3px 40px;
  }
  span.inactive{
    background: url(../images/icons/lightning_delete.png) no-repeat top right;
    padding: 3px 8px;
  }

#container {
  /* Rahmen um gesamte Seite */
  /* width:647px; */
  margin:0px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  padding-bottom:25px;
  text-align:left;
  width: 950px;
  position:relative;
}

#toplinks {
/* Kleine Links ganz oben */
  height:13px;
  margin-top:26px;
  margin-bottom:5px;
  margin-left:3px;
  margin-right:3px;
  font-size:11px;
  font-family:Verdana;
  text-decoration:none;
  text-align:right;
  border: none;
/* 1px #0000ff solid; */
}
#toplinks a {
  color: #004e76;
  font-size:11px;
  font-family:Verdana;
  font-weight:bold;
  text-decoration:none;
}

.logo {
/* Shoplogo */
  float:left;
  width:160px;
  height:106px;
  background:url(../colorpic.php?image=images/logo.png&color=009EEF) no-repeat center bottom;
  cursor: pointer;
}
.headerpic{
  margin-left: 160px;
  background:url(../colorpic.php?image=images/header.png&color=009EEF) no-repeat top right;
  height: 106px;
}


/************************************************************************************** NAVIGATION 
*/
#navigation{
  width: 160px;
  float:left;
  position:relative;
  z-index:90;
}
/************************************************************************************** Hauptmenü 
*/
#nav_main, .login {
  color:#ffffff;
  font-size:12px;
  font-weight:bold;
  vertical-align:middle;
  margin:0px;
  padding:0px;
}
#nav_main a, 
#nav_main .spacer{
  border-style: solid;
  border-width: 1px 0px;
  font-weight:bold;
}

/************************************************************************************** 2. Menü 
*/
#nav_sub{
	/*Abstand zum Hauptmenü*/
  border-top: solid 1px white;
  font-family:Verdana,Arial,sans-serif;
  font-size:12px;
  margin:0px;
  padding:0px;
}
#nav_sub a, 
#nav_sub .spacer {
  border: 1px solid white;
  font-weight:normal;
}
/************************************************************************************** Haupt und 2. Menü 
*/
#nav_main li,
#nav_sub li {
  margin:0px;
  padding: 0px;
  list-style-type:none;
}

#nav_main a, 
#nav_main .spacer,
#nav_sub a, 
#nav_sub .spacer {
  display:block;
  height:26px;
  line-height: 26px;
  color:#FFFFFF;
  font-size:12px;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
  border-style: solid;
  margin-bottom: 2px;
  margin-top:2px;
  z-index: 100;
}

#nav_main a:hover, 
#nav_main a.active,
#nav_sub a:hover, 
#nav_sub a.active {
  margin-right: -6px;
  margin-bottom: 2px;
  margin-top: 2px;
  border-style: solid;
  border-width: 1px 0px 1px 1px;
  background-color: #f2fafe;
}
/************************************************************************************** Untermenü 
*/
#nav_main ul.mainsub, 
#nav_sub ul.mainsub {
  position:absolute;
  display:none;
  z-index:100;
  margin:0px;
  margin-left: 150px;
  margin-top:-25px;
  border-style: solid;
  border-width: 1px;
  background-color:white;
}
#nav_main ul.mainsub li, 
#nav_sub ul.mainsub li {
  list-style-type:none;
}
#nav_main ul.mainsub a, 
#nav_sub ul.mainsub a {
  background-color:white;
  display: block;
  padding: 0px 3px;
  border: 0px;
  margin:0px;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
  vertical-align:top;
  white-space:nowrap;
}

#nav_main ul.mainsub a:hover, 
#nav_sub ul.mainsub a:hover {
  font-weight:bold;
  text-decoration:none;
}
#nav_main ul.mainsub a strong {
  font-weight:bold;
}





#kundenbereich_header {
/* momentan nicht sichtbar */
  margin:0px;
  border:1px solid #D8D8D8;
  background-color:#F5F5F5;
  color:#1A1A1A;
  font-size:11px;
  font-family:Verdana,Arial,sans-serif;
  text-align:left;
  border: 1px #00ffff solid;
}
#kundenbereich_header a,p,td,th {
  color:#1A1A1A;
  font-size:11px;
  font-family:Verdana,Arial,sans-serif;
}
#kundenbereich_header td,th {
  vertical-align:top;
}
#kundenbereich_header strong {
  color:#006699;
}
#kundenbereich_header a strong {
  color:#006699;
  text-decoration:underline;
}
#kundenbereich_header ul {
  margin:0px;
  margin-top:5px;
  margin-bottom:3px;
  padding:0px;
  vertical-align:middle;
}
#kundenbereich_header li {
  width:auto;
  float:left;
  margin-left:5px;
  list-style-type:none;
}

/* -------------------------- CONTENT -------------------------------*/
#content {
/* gesamter Contentbereich */
  z-index:1;
  padding:18px;
  padding-top:0px;
  color:#001f2f;
  font-size:11px;
  font-family:Verdana,Arial,sans-serif;
  text-align:left;
  margin-left:165px;
  min-height: 600px;
  height: auto !important;
  height: 600px;
  border: solid 1px;
  border-top: solid 20px;
  background-color: #f2fafe;
  border-color: #009EEF;
}
#content a,p,td,th, td p a, th p a {
  color:#001f2f;
  font-size:11px;
  font-family:Verdana,Arial,sans-serif;
}
#content a:hover, #content td p a:hover, #content th p a:hover {
  color: #004e76;
  font-size:11px;
  font-family:Verdana,Arial,sans-serif;
}
#content td,th {
  vertical-align:top;
}
#content th,td {
  padding:2px;
}
#content th, #content th.formlabel_enabled {
  color:#004e76;
  text-align:left;
}
#content th.formlabel_disabled{
  color:#b2e1fa;
}
#content h1 {
  margin-left:-18px;
  margin-top:-20px;
  margin-bottom:20px;
  padding-left:20px;
  padding-right:17px;
  background-image:url(../colorpic.php?color=80cef7&size=12);
  background-repeat:no-repeat;
  background-position: 4px 4px;
  background-color:#009EEF;
  color:#f2fafe;
  font-size:17px;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  width:100%;
  position:relative;
  z-index:10000;
}
#content h1.link {
  background-image:url(../images/icons/icon_plus.gif);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:22px;
  color:#009EEF;
  font-size:15px;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  cursor:hand;
}
#content h1.link:hover {
  text-decoration:underline;
  cursor:pointer;
}
#content h1.linkact {
  background-image:url(../images/icons/icon_minus.gif);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:22px;
  color:#009EEF;
  font-size:15px;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  cursor:hand;
}
#content h1.linkact:hover {
  text-decoration:underline;
  cursor:pointer;
}
#content h2 {
  margin-top:15px;
  margin-bottom:5px;
  color:#004e76;
  font-size:13px;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
}
#content table h2 {
  margin:0px;
}

#content h3 {
  margin:0px;
  color:#004e76;
  font-size:11px;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
}
#content a.link {
  background-image:url(../images/icons/icon_plus.gif);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:22px;
  color: #ccebfb;
  font-size:10px;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  cursor:hand;
}
#content a.link:hover {
  text-decoration:underline;
  cursor:pointer;
}
#content a.linkact {
  background-image:url(../images/icons/icon_minus.gif);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:22px;
  color: #ccebfb;
  font-size:10px;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  cursor:hand;
}
#content a.linkact:hover {
  text-decoration:underline;
  cursor:pointer;
}
#content a.linkcontinue {
  background-image:url(../images/icons/icon_arrow_right.gif);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:22px;
  color: #ccebfb;
  font-size:10px;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  cursor:hand;
}
#content a.linkcontinue:hover {
  text-decoration:underline;
  cursor:pointer;
}
#content a.linkcontinueact {
  background-image:url(../images/icons/icon_arrow_down.gif);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:22px;
  color: #ccebfb;
  font-size:10px;
  font-family:Verdana,Arial,sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  cursor:hand;
}
#content a.linkcontinueact:hover {
  text-decoration:underline;
  cursor:pointer;
}
#content strong {
  color:#004e76;
}
#content a strong {
  color:#004e76;
  text-decoration:underline;
}

#content hr {
  height:0px;
  margin-top:10px;
  border:0px;
  border-top: dotted 1px #009EEF;
  background:none;
}

#content .format td {
  vertical-align:middle;
}
#content #menge, #content .downloads, #content .rechnung {
/* Preistabelle */
  border-collapse:collapse;
  width:707px;
  margin-left:1px;
  padding-right:2px;
}
#content #menge td, #content #menge th, #content .downloads td, #content .downloads th,  #content .rechnung td,  #content .rechnung th {
/* Preistabelle */
  text-align:right;
  padding-top:3px;
  padding-bottom:3px;
  border:1px solid #009EEF;
  /* border:3px solid #F5F5F5; */
}
#content .preise_standard {
  background-color: #b2e1fa;
  font-weight:normal;
}
#content .preise_express {
  background-color: #98d8f8;
  font-weight:normal;
}
#content .preise_24stunden {
  background-color: #80cef7;
  font-weight:normal;
}
#content .preise_highlight {
  background-color: #4cbbf3;
  font-weight:bold;
}

#content .lieferzeiten {
/* Lieferzeitentabellen */
  border-collapse:collapse;
  border:1px solid #009EEF;
}
#content .lieferzeiten td, 
#content .lieferzeiten th {
  padding:5px;
  border:1px solid #009EEF;
}

#content .rechnung {
  border-collapse:collapse;
  border:1px solid #ff0000;
  width:600px;
}
#content .rechnung td, #content .rechnung th {
  text-align:left;
  padding:5px;
  border:none;
}
#content .rechnung th {
  width:180px;
}
#content .rechnungkontakt {
  border-collapse:collapse;
  border:1px #00ff00 solid;
  width:600px;
}
#content .rechnungkontakt td, #content .rechnungkontakt th {
  text-align:left;
  padding:0px;
  border:none;
  color:black;
  font-weight:normal;
}
#content .rechnungkontakt th {
  width:120px;
}

#content .noborder td, #content .noborder th {
  width:auto;
  text-align:left;
  padding-top:3px;
  padding-bottom:3px;
  border:none;
}
#content .error{
  width:70%;
  min-height:50px;
  margin-left:auto;
  margin-right:auto;
  padding:7px;
  padding-top:38px;
  padding-left:100px;
  background-color:#f2fafe;
  border:1px solid red;
  color:#990000;
  background-image:url(../images/icons/icon_stop.png);
  background-repeat:no-repeat;
  background-position:left center;
}
#content .error strong {
  color:red;
  font-weight:bold;
}
#content .success {
  width:80%;
  min-height:50px;
  background-color:#FFFFFF;
  border:1px solid green;
  padding:7px;
  padding-top:38px;
  padding-left:100px;
  background-color:#f2fafe;
  background-image:url(../images/icons/icon_ok.png);
  background-repeat:no-repeat;
  background-position:left center;
}
#content .hinweise {
/* Hinweisbox */
  background-color:#e6f5fd;
  border:1px solid #009EEF;
  padding:5px;
}
#content .hinweise th, #content .hinweise td, #content .hinweise p, #content .hinweise li {
  font-size:10px;
}

#content fieldset {
  margin:0px;
  margin-bottom:15px;
  padding:0px;
  border: 0px #00ff00 solid;
}

#content ul {
  padding:0px;
  margin:0px;
  margin-left:18px;
  list-style-image:url(../images/point_1.jpg);
  list-style-position:outside;
}
#content #home ul {
  padding:0px;
  margin:0px;
  margin-left:18px;
  list-style-type:none;
  list-style-image:none;
  list-style-position:outside;
}
#content #home li a {
  font-size:10px;
}

#content ul li {
  margin-bottom:5px;
}
#content ol li {
  margin-bottom:5px;
}


#content label, 
#content div.formlabel {
  clear:both;
  display:block;
  float:left;
  width:130px;
  margin-top:10px;
  margin-right:10px;
  font-weight:bold;
}
#content label small {
  font-weight:normal;
}

#content .formdivs {
  display:block;
  margin-top:10px;
  float:left;
}
#content input, #content .input_enable, .input, #content .stepbox .input{
  border: 1px #009EEF solid;
  color:#001f2f;
  background-color:#b2e1fa;
  font-size:11px;
  padding: 2px;
}
#content .input, #content .input_enable{
  width:180px;
}

.button{
	
}

#content .input_disable {
  border: 1px #98d8f8 solid;
  background-color:#f2fafe;
  color:#66c4f5;
  width:180px;
}

#content table.hover {
  font-family:Arial,sans-serif;
  font-size:11px;
  color:#001f2f;
  background-color:#f2fafe;
  border-collapse: separate;
  border-spacing: 1px;
}
#content table.hover th {
  color:#001f2f;
  font-weight:bold;
  background-color:#66c4f5;
  vertical-align:top;
  padding: 2px 5px;
  margin: 0;
  text-align: left;
}
#content table.hover td {
  vertical-align:top;
  padding: 5px 5px;
  margin: 0;
}
#content tr.light td {
  background-color:#ccebfb;
}
#content tr.dark td {
  background-color:#98d8f8;
}
#content tr.highlight td, #content tr.rowdone td {
  background-color:#e6f5fd;
}
#content table.hover tr.light:hover td,
#content table.hover tr.dark:hover td {
  background-color:#e6f5fd;
}
#content td a, #content td a:hover {
  color:#000000;
  text-decoration:underline;
}
#content .stepbox{
/* Rahmen um Einzelschritte */
  padding: 5px;
  margin-left: 25px; 
  margin-top: -35px;
  padding-top: 35px;
}


.login_info{
	font-size: 8pt;
	text-align: right;
	font-family:Verdana,Arial,sans-serif;
}
.step_header{
	position: relative;
	left: -15px;
	line-height: 78px;
}
.step_header div{
	height:78px;
	width: 182px;
	float: left;
	background-repeat: no-repeat;
}
.step_header h2{
	margin: 0px;
	padding: 0px;
}

#content .step1{
/* Grafik zu den Einzelschritten (Schritt 1 von 5) */
  position: absolute;
  background-image: url(../images/schritt1_neu.jpg);
  background-repeat: no-repeat;
  margin-left: 2px;
  padding-left: 190px;
  height:80px;
  padding-top:30px;
}
#content .step2{
/* Grafik zu den Einzelschritten (Schritt 2 von 5) */
  position: absolute;
  background-image: url(../images/schritt2_neu.jpg);
  background-repeat: no-repeat;
  margin-left: 2px;
  padding-left: 190px;
  height: 80px;
  padding-top: 30px;
}
#content .step3{
/* Grafik zu den Einzelschritten (Schritt 3 von 5) */
  position: absolute;
  background-image: url(../images/schritt3_neu.jpg);
  background-repeat: no-repeat;
  margin-left: 2px;
  padding-left: 190px;
  height: 80px;
  padding-top: 30px;
}
#content .step4{
/* Grafik zu den Einzelschritten (Schritt 4 von 5) */
  position: absolute;
  background-image: url(../images/schritt4_neu.jpg);
  background-repeat: no-repeat;
  margin-left: 2px;
  padding-left: 190px;
  height: 80px;
  padding-top: 30px;
}
#content .step5{
/* Grafik zu den Einzelschritten (Schritt 5 von 5) */
  position: absolute;
  background-image: url(../images/schritt5_neu.jpg);
  background-repeat: no-repeat;
  margin-left: 2px;
  padding-left: 190px;
  height: 80px;
  padding-top: 30px;
}
#footer {
/* Fussbereich der Seite */
  margin-left: 165px;
  margin-top:0px;
  padding:2px;
  color:#FFFFFF;
  font-size:9px;
  font-family:Verdana,Arial,sans-serif;
  text-align:left;
}
#footer div a {
  color:#FFFFFF;
  text-decoration:none;
  vertical-align:middle;
}

#content small,
#content small a {
  font-size:9px;
}

/*************************************************************************************************** Farbanpassung */



.index_box{
	margin: 5px;
	padding: 0px;
	border: solid 1px #009EEF;
	height: 150px;
}
.index_box h2{
	margin: 0px;
	padding: 2px;
  padding-left: 20px;
	margin-bottom: 5px;
	color: #FFFFFF !important;
	background-color: #009EEF;
  background-image:url(../colorpic.php?color=80cef7&size=12);
  background-repeat:no-repeat;
  background-position: 3px 3px;
}

#login_box{
	background-color:#009EEF;
	font-size: 10pt;
	padding: 5px 5px;
	margin: 0 0 5px 0;
	color: white;
}
#login_box a{
	font-size: 9pt;
	color: white;
}
#login_box form{
	padding: 0px; margin: 0px;
}
.step_header div{
	border-color: #009EEF;
} 
#nav_main a, 
#nav_main .spacer{
	background-color:#009EEF;
	border-color: #009EEF;
}			
#nav_sub a, 
#nav_sub .spacer {
	background-color:#4cbbf3;;
	border-color: #009EEF;
}			
#nav_main a:hover, 
#nav_main a.active,
#nav_sub a:hover, 
#nav_sub a.active {
	color:#009EEF;
	border-color: #009EEF;
}
#nav_main ul.mainsub, 
#nav_sub ul.mainsub {
	border-color: #009EEF;
}
#nav_main ul.mainsub a, 
#nav_sub ul.mainsub a {
	color:#009EEF;
}
#nav_main ul.mainsub a:hover, 
#nav_sub ul.mainsub a:hover {
	background-color:#009EEF;
	color: #FFFFFF;
}
#footer {
	background-color: #009EEF;
}
#content .stepbox{
	border-top: 1px solid #009EEF;
	margin-bottom: 30px;
  z-index:200;
}
iframe{
	border: 1px solid #009EEF;
}

.step_img_1{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_1.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_2{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_2.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_3{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_3.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_4{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_4.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_5{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_5.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_account{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_account.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_adress{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_adress.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_agb{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_agb.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_callback{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_callback.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_hinweis{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_hinweis.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_impressum{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_impressum.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_kontakt{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_kontakt.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_lieferzeiten{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_lieferzeiten.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_meine_daten{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_meine_daten.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_passwort{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_passwort.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_service{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_service.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_so_gehts{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_so_gehts.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_support{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_support.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_upload{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_upload.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_upload2{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_upload2.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_vorgaben{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_vorgaben.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	
.step_img_vorlagen{
  position:relative;
	background-image: url(../colorpic.php?image=images/icons_header/schritt_vorlagen.png&color=009EEF);
  width:182px;
  display:inline;
  z-index: 1000;
}
	#content #menge td, #content .downloads td, #content .rechnung td{
	/* Preistabelle */
	border:1px solid #009EEF;
}
.colorline{
  /* gefaerbte Zeilen */
  background-color: #e6f5fd;
}
#content #menge th, #content .downloads th, #content .rechnung th, .lieferzeiten th{
  /* Tabellenkopf */
  background-color: #ccebfb;
}
#content ul {
 	list-style-image:url(../colorpic.php?image=images/point_1.png&color=009EEF);
}



/*************************************************************************************************** Custom Form Elements */


span.checkbox_30 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/checkbox_30.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.checkbox_50 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/checkbox_50.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.checkbox_60 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/checkbox_60.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.checkbox_70 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/checkbox_70.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.checkbox_80 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/checkbox_80.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.checkbox_95 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/checkbox_95.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.radio_30 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/radio_30.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.radio_50 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/radio_50.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.radio_60 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/radio_60.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.radio_70 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/radio_70.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.radio_80 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/radio_80.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	
span.radio_95 {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/radio_95.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
	span.checkbox {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/checkbox_95.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
span.radio {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px;
  background: url(../images/custom_form_elements/radio_95.png) no-repeat #009EEF;
  display: block;
  clear: left;
  float: left;
}
span.select {
  display: block;
  width: 156px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 21px;
  margin-bottom: -21px;
  padding: 0 24px 0 6px;
  color:  #001f2f;
  font: 12px/21px arial,sans-serif;
  background: url(../images/custom_form_elements/select.png) no-repeat #009EEF;
  overflow: hidden;
}

span.styledfileinput {
  position: absolute;
  width: 238px; /* With the padding included, the width is 268 pixels: the actual width of the image. */
  height: 21px;
  padding: 0 24px 0 6px;
  color:  #001f2f;
  font: 12px/21px arial,sans-serif;
  background: url(../images/custom_form_elements/file.png) no-repeat #009EEF;
  overflow: hidden;
  z-index: 0;
}


input.styled, 
input.styleddone { 
	visibility: hidden;
	margin-left: -25px 
} 
select.styled,select.styleddone { 
	height:21px; 
	width: 186px; 
	opacity: 0; 
	filter: alpha(opacity=0); 
	z-index: 5; 
}
input.styledfileinput { 
	position: relative; 
	height:21px; 
	width: 206px; 
	opacity: 0; 
	filter: alpha(opacity=0); 
	z-index: 5; 
}

.lieferzeiten td.preise_standard{
  background-color: #b2e1fa !important;
  text-align: right;
  font-weight:normal;
}
.lieferzeiten td.preise_express{
  background-color: #98d8f8 !important;
  text-align: right;
  font-weight:normal;
}
.lieferzeiten td.preise_24stunden{
  background-color: #80cef7 !important;
  text-align: right;
  font-weight:normal;
}
.lieferzeiten .highlighted_col{
	background-color: #4cbbf3 !important;
}
.lieferzeiten td.highlighted_cell{
	background-color: #009EEF !important;
    text-align: right;
	color: white !important;
}
.lieferzeiten .highlighted_row{
	background-color: #80cef7 !important;
}
div.radiobutton{
	cursor: pointer;
	background: url(../images/custom_form_elements/radio_95.png) no-repeat #009EEF;
	background-position: left top;
	width: 20px; 
	height:25px;
  margin-left:auto;
  margin-right:auto;
}
div.radiobutton_selected{
	cursor: pointer;
	background: url(../images/custom_form_elements/radio_95.png) no-repeat #009EEF;
	background-position: left -50px;
	width: 20px; 
	height:25px;
  margin-left:auto;
  margin-right:auto;
}
.lieferzeiten div.radiobutton1{
	cursor: pointer;
	background: url(../images/custom_form_elements/radio_70.png) no-repeat #009EEF;
	width: 20px; height:25px;
	float: left;
	margin: -5px;
}
.lieferzeiten div.radiobutton2{
	cursor: pointer;
	background: url(../images/custom_form_elements/radio_60.png) no-repeat #009EEF;
	width: 20px; height:25px;
	float: left;
	margin: -5px;
}
.lieferzeiten div.radiobutton3{
	cursor: pointer;
	background: url(../images/custom_form_elements/radio_50.png) no-repeat #009EEF;
	width: 20px; height:25px;
	float: left;
	margin: -5px;
}
.lieferzeiten .highlighted_row div.radiobutton1,
.lieferzeiten .highlighted_row div.radiobutton2,
.lieferzeiten .highlighted_row div.radiobutton3{
	cursor: pointer;
	background: url(../images/custom_form_elements/radio_50.png) no-repeat #009EEF;
}
.lieferzeiten .highlighted_cell div.radiobutton1,
.lieferzeiten .highlighted_cell div.radiobutton2,
.lieferzeiten .highlighted_cell div.radiobutton3{
	cursor: pointer;
	background: url(../images/custom_form_elements/radio.png) no-repeat #009EEF;
	background-position: 0px -50px;
}

div.formats{
	cursor:pointer;
}
.lieferzeiteninfo{
	background-color:#e6f5fd;
	border:1px solid #009EEF;
	padding:10px;
	position:absolute;
	text-align:left;
	display:none;
}
.tooltip{
	position:absolute;
	display:none;
	background-color:#e6f5fd;
	border:1px solid #009EEF;
	padding:10px;
	width:300px;
	float:right;
	text-align:left;
}



.agb h1, .agb h1 *{
	font-size: 15px !important; 
}
.agb h1 a{
	font-weight: normal;
}
.agb h2{
	margin-top: 20px;
}
.agb h3{
	margin: 30px 0px 0px 0px !important;
}
.agb p{
	text-align: justify;
	margin-top:5px;
}