/* -----------------------------------------------------------------------------
   style.css 2008-02-04 12:00:00Z mz $   

   medialis marketing GmbH
   http://www.medialis.de

   Copyright (c) 2007 medialis marketing GmbH
   -----------------------------------------------------------------------------

   Released under the GNU General Public License 

--------------------------------------------------------------------------------*/

*{
	padding:0;
	margin:0;
	border:0;
}

html, body {
  background:#C7C7C7;
 	height: 100%; /* wichtig */
	font:11px "Tahoma", Verdana, Arial, Trebuchet MS, sans-serif;
	color:#4D4D4D;
}

#header {
  background:transparent url(../img/header.jpg) no-repeat;
	height:152px;
}


.start_ueberschrift {
	color:#d20c2a;
  	font-size:24px;
  	margin:0px 0px 17px 0px;	
}

h1 {
  color:#d20c2a;
  font-weight:bold;
  font-size:12px;
  margin:0px 0px 7px 0px;
}

h2 {
  color:#d20c2a;
  font-weight:bold;
  font-size:12px;
  margin:0px 0px 7px 0px;
}

h3 {
  color:#d20c2a;
  font-weight:bold;
  font-size:11px;
  margin:0px 0px 7px 0px;
}

.contentsTopics {
  color:#d20c2a;
  font-weight:bold;
  font-size:12px;
  margin:0px 0px 7px 0px;

}

.lost_password_loginbox {

}

*html .lost_password_loginbox {
	margin-left:14px;
	width:150px;
}
*+html .lost_password_loginbox {
	margin-left:24px;
	width:150px;
}

*html .login_all {
	position: absolute;
	width: 220px;
}

.login_all {
	position: absolute;
	top: 20px;
	width: 200px;
}

select {
    font:11px "Tahoma", Verdana, Arial, Trebuchet MS, sans-serif;
    border:1px solid #cccccc;
}

.inputfields input, .inputfields select {
    font:11px "Tahoma", Verdana, Arial, Trebuchet MS, sans-serif;
    padding:2px;
    border:1px solid #cccccc;

}

textarea {
    font:11px "Tahoma", Verdana, Arial, Trebuchet MS, sans-serif;
    width:518px;
}


a {
  color:#4d4d4d;
  text-decoration:underline;
}

img {
  border:none;

}

a:hover {
  color:#4d4d4d;
  text-decoration:none;
}


.main ol, .main ul {
  margin:0px 0px 0px 16px;

}

#logo {
  height:152px;
  width:200px;
  float:left;
}

.logoimage {
  padding:40px 0px 0px 50px;
}

.left {
  margin-left:40px;
}

#login {
  height: 152px;
  width: 201px;
  color: #e8e8e8;
  float:right;
}

#login a, #login a:hover {
  color:#b0b0b0;
}

.login_left {
  float:left;
  width:110px; 
  margin:12px 0px 0px 40px;
}

.login_left_log {
  width:150px; 
  margin:12px 0px 0px 40px;
}

.login_right {
  float:left;
  width:34px; 
  margin:12px 0px 0px 0px;
}

*html .login_right {
	float:left;
    width:34px; 
	margin:12px 0px 0px -40px;
}

.login_benutzer {
  width:100px;
  height:14px;
  border:1px solid #a9a9a9;
  color:#2c2c2c;
  font-size:10px;
  padding:2px 0px 0px 2px;
}

.login_passwort {
  width:100px;
  height:14px;
  border:1px solid #a9a9a9;
  color:#2c2c2c;
  font-size:10px;
  padding:2px 0px 0px 2px;
  margin:2px 0px 4px 0px;
}

.login_absenden {
  width:34px;
  height:40px;
  float:left;

}

#breadcrumb {
  background:#343434 url(../img/breadcrumb_bg.gif) repeat-x;  
  height:28px;
  width:947px;
  color:#ffffff;

}

#breadcrumb a, a:hover#breadcrumb {
  color:#ffffff;

}

#breadcrumb_left {
  background:#343434 url(../img/breadcrumb_left.gif) no-repeat;
  float:left;
  width:220px;
  height:28px;

}

#breadcrumb_middle {
  padding:5px 0px 0px 16px;
  float:left;
  width:630px;
  height:23px;
}

#breadcrumb_middle h1{
  color: white;
  font-weight: auto;
  font-size: 11px;
}

#breadcrumb_middle h1.breadcrumb_keywords {
  	font-size:10px;
}

#breadcrumb_right {
  padding:5px 0px 0px 0px;
  float:right;
  width:70px;
  height:23px;
}

p {
  margin: 0;
  padding: 1em 0;
  line-height: 1.5em;
}

.trenner {
  background:transparent url(../img/trenner.gif) repeat-x;
  height:12px;
  padding:0px;
}

#box {
    background:transparent url(../img/main_bg.gif) repeat-y;
    width:950px;
    text-align:left;
    position: relative;
    min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%; /* IE */
}

#inhalt {
  width:950px;
}

#inhalt_left {
  float:left;
  width:220px;
  color:#c2c2c2;
}

#inhalt_middle {
  float:left;
  width:527px;
  padding:38px 16px 20px 16px;
  line-height:18px;
  margin-bottom:50px;
}

#inhalt_right {
  float:left;
  width:149px;
  padding:2px 9px 0px 9px;
}

#suche {
	margin: 4px 0px 0px 13px;
  width:150px;
  height:30px;
  width: 200px;
}

.teaser_image {
  float:left;
  margin:0px 11px 0px 0px;
}

.monatsaktion_image {
  width:130px;
}

.suche_input {
  border-top:1px solid #cacaca;
  border-left:1px solid #cacaca;
  border-bottom:1px solid #e3e3e3;
  width:92px;
  height:15px;
  padding:2px 0px 0px 2px;
  font-size:11px;
  color:#8e8d8d;
  float:left;
}

.suche_button {
  width:51px; 
  height:19px; 
  border:none;
  float:left;

}

.newsletter_input {
  border-top:1px solid #cacaca;
  border-left:1px solid #cacaca;
  border-right:1px solid #cacaca;
  border-bottom:1px solid #e3e3e3;
  width:130px;
  height:16px;
  padding:2px 0px 0px 2px;
  font-size:11px;
  margin:2px 0px 2px 0px;
  color:#8e8d8d;
}
select.newsletter_input{
	padding: 0px;
	height: 18px;
}

.newsletter_button {
  width:51px; 
  height:19px; 
  border:none;
  float:right;
}

#transportkostenfrei {
  margin-top:20px;
  width:120px;
  padding:0px 0px 0px 26px;
  font-size:9px;
  color:#ffffff;
}

.transportkostenfrei_text {
  width:134px;
  padding:16px 4px 4px 4px;
  font-size:9px;
  color:#ffffff;
}

#transport {
    background: #d20c2a url('../img/transport_headline.jpg') top left no-repeat;
	width: 180px;
	padding: 78px 0 0 0;
	margin: 25px auto 60px auto;
	color: #fff;
}

#transport_text {
	padding: 5px 8px 8px 8px;
	color: #fff;
	font-size: 11px;
}


.contact_us input {
  border-top:1px solid #cacaca;
  border-left:1px solid #cacaca;
  border-right:1px solid #cacaca;
  border-bottom:1px solid #e3e3e3;
  width:130px;
  height:16px;
  padding:2px 0px 0px 2px;
  font-size:11px;
  color:#8e8d8d;

}

.contact_us textarea {
  border-top:1px solid #cacaca;
  border-left:1px solid #cacaca;
  border-right:1px solid #cacaca;
  border-bottom:1px solid #e3e3e3;
  padding:2px 0px 0px 2px;
  font-size:11px;
  color:#8e8d8d;

}

#footer {
  background:transparent url(../img/main_bg.gif) repeat-y;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 60px;
 	line-height: 18px;
	text-align:left;
}

#footer_text {
  margin:16px 0px 0px 236px;
  border-top:1px solid #d0d0d0;
  width:527px;
	text-align:left;
}

.loginnewaccount {
    float:left; 
    height:150px; 
    width:250px; 
    padding:4px; 
    border:1px solid #cccccc;
}

.loginaccount {
    float:right; 
    height:150px; 
    width:250px; 
    padding:4px; 
    border:1px solid #cccccc;
}
.loginButtonMain {
	margin-top: 22px;
}
*html .loginButtonMain {
	margin-top: 37px;
}
.loginButtonMain2{
	margin-top: 16px;
}
*html .loginButtonMain2{
	margin-top: 28px;
}
*+html .loginButtonMain2{
	margin-top: 13px;
}

/* Tooltip style */

.tooltip {
	z-index: 9999;
	position: absolute;
	border-top: 1px solid #c60b28;
	border-left: 1px solid #c60b28;
	border-bottom: 2px solid #c60b28;
	border-right: 2px solid #c60b28;
	background: #fefefe;
	padding: 4px;
	width: 200px;
}
.tooltipImage{
	width: 52px;
	padding: 2px;
	float:left;
}
.tooltipText{
	padding: 2px;
	float:left;
}

.zahlungsarten {
    padding: 0px 0 25px 0px;
}

.schnell-lieferprogramm {
    padding: 12px 0 0 0;
}

.transportkostenfrei {
    padding: 16px 0 0 0;
}