/* ######################## */
/* ##### CSS Document ##### */
/* ## eurostyle-leder.de ## */
/* ######################## */

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-size: 12px; 
	font-family: Thaoma, Verdana, sans-serif; 
	color: #000000;	
	padding-bottom : 0.005em; 	
}


img {
	border: none;
}

a  {
	text-decoration: underline;
	font-size: 12px; 
	font-family: Thaoma, Verdana, sans-serif; 
	color: #000000;
}

a.warenkorb_link {
	text-decoration: none;
	font-size: 11px; 
}

h1, h2 {
	/* Standardüberschriften */
	margin:0;
	padding:0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

h3 {
	/* Text Footer rechts */
	margin:0;
	padding:0;
	font-size: 20px;
	color: #ffffff;
}

h4, h5, h6 {
	/* freie Überschrifttags */
	margin:0;
	padding:0;
	font-size: 14px;
	color: #000000;
}

div.clear {
	clear: both;
}

div.page {
	padding: 0 1px;
	margin: 0 auto;
	width: 1000px;
    /*border-bottom: 1px solid #BAC6C7;*/
    /*border: 1px solid red;*/
    background-image: url(../img/bg_page_folge.gif);
    background-repeat: no-repeat;
}

div.header {
    margin: 0;
	padding: 0;
	height: 94px;
}

div.login {
    font-size: 10px;
	width: 350px;
	height: 37px;
	padding-top: 3px;
	padding-left: 30px;
	margin: 0;
	float:right;
    color: #FFF;
	background-color: #686663;
	vertical-align: middle;
}

.login input {
  font-size: 10px;
}

div.user_menu {
	width: 540px;
	padding-top: 5px;
	padding-bottom: 8px;	
	padding-left: 5px;
	margin: 0;
	float:right;
	background-color: #bac6c7;
	vertical-align: middle;
	text-align:center;
}

div.factoryoutlet {
	background-color: #FFF;
	height: 260px;
    width: 400px;
    text-align:center;
}
div.factoryoutlet a:link, div.factoryoutlet a:visited {
    color: #DE5F32;
}

div.factoryoutlet_box {
  float: left;
	margin-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #E5E5E5;
	width: 186px;
	height: 240px;
	padding: 1px;
}

.factoryoutlet h1 {
  background-image: url(../img/factory_outlet/factoryoutlet_headline.png);
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px 0px 4px 8px;
}

.factoryoutlet_bild {
  width: 186px;
	height: 149px;
	text-align: center;
  position: relative;
}

.factoryoutlet_preis {
  background-image: url(../img/factory_outlet/outlet_preislabel.gif);
	position: absolute;
  width: 78px;
	height: 41px;
	left: 97px;
	top: 97px;
}

.factoryoutlet_preis h2 {
  font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding: 3px 0 0 0;
	background-color: transparent;
}

.factoryoutlet_preis h3 {
  font-size: 12px;
	padding: 8px 0 0 0;	
	color: #FFFFFF;
}


.factoryoutlet_text {
  height: 68px;
  background-color: #F5F5F5;
	color: #000000;
	font-size: 10px;
	padding-left: 5px;
}

.factoryoutlet_text a {
  background-image: url(../img/factory_outlet/outlet_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 1px;
	padding-left: 10px;
	color: #DE5F32;
	font-size: 10px;
}

.fo_details_bild {
	float: left;  
	height: 325px;
	width: 198px;
	margin: auto;  
	background-color: #FFFFFF;
	text-align: center;
}

.fo_details_headline {
  background-image: url(../img/factory_outlet/factoryoutlet_headline_long.png);
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px 0px 4px 8px;
}

.fo_details_abstand {
	padding: 10px;
	background-color: #FFFFFF;
}

.fo_details_box {
	border-width: 1px;
	border-style: solid;
	border-color: #E5E5E5;
	padding: 1px;
	background-color: #F5F5F5;
	height: 346px;	
}

.fo_details_box .preis {
  font-weight: bold;
	font-size: 11px;
  padding: 5px;
	background-color: #F7AA28;
	width: 78px;
	height: 26px;
	line-height: 25px;
	text-indent: 7px;
}

.fo_details_box p.beschreibung {
	float: left;
	margin: 15px 8px 5px 10px; 
	font-size: 11px;
}

div.kollektion_box {
	background-color: #FFF;
	height: 290px;
    padding: 5px 0px 10px 10px;
    width: 100%;
}

div.kollektion_titel  {
    background-color: #204095;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 11px;
    padding: 5px 0px 4px 8px;
    margin-bottom: 0px;
}

div.kollektion_titel .material {
    float:right;
    padding-right: 8px;
}

div.kollektion_bildbox {
    float: left;
    margin-top: 5px;
	margin-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #E5E5E5;
	width: 200px;
	height: 230px;
	padding: 1px;
}

div.kollektion_bild {
	width: 200px;
	height: 230px;
	text-align: center;
	position: absolute;
}

div.kollektion_bildtxt {
	text-align:center;
	font-weight: bold;
	color: #000000;
	font-size: 10px;
	padding-left: 5px;
	position:absolute;
	bottom:2px;
	width: 198px;
	left: -1px;
}

div.kollektion_artikeltxt {
    float: left;
    margin-top: 5px;
	margin-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #E5E5E5;
	width: 170px;
	height: 230px;
	padding: 1px;
}

div.kollektion_artikeltxt ul {
	padding: 1px;
}


.submit {
	width: 28px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	background-color: #BAC6C7;
}

.warenkorb .submit {
    background-color: #686663;
    color: #FFF;
}

input {
	width: 154px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
	background-color: #ffffff;
}

input.check {
    width: auto;
    margin-right:7px;
}

textarea {
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
	background-color: #ffffff;
}

.content_left textarea, .content_left input {
	border-color: #294654;
}

.warenkorb {
	height: 31px;
    font-size: 11px; 
	text-decoration: none;
    background-color: #d3cec4;
}

.contact {
	font-size: 12px;
}

.kollektion_item {
    font-weight: bold;
    color: #000000;
    padding-left: 20px;
    line-height: 15px;
    font-size:12px;
}

.kollektion_item a:link, .kollektion_item a:visited, .kollektion_item a:hover , .kollektion_item a:active  {
    color: #FFFFFF;
    text-decoration: underline;
    font-size:12px;
}

ul {
  margin: 0 0 0 15px;
}

.content_left ul {
  margin: 0 0 0 15px;
  padding: 0px;
}

.fehler {
  padding: 2px;
	text-align:center;
	background-color: #FFFFFF;
	color: #CC0000;
	border-color: #CC0000;
	border-width: 2px;
	border-style: solid;
}

div.reiter-aktiv {
	position: relative;
	border-style: solid solid none solid;
	border-width: 2px 2px 0px 2px;
	border-color: #FFFFFF #FFFFFF #000000 #FFFFFF;
	
	margin: 0px 2px 0px 2px;
	float: left;
	height: 24px;
	background-color: #DDE5EB;
	z-index: 100;
}

div.reiter {
	border-style: solid solid none solid;
	border-width: 2px 2px 0px 2px;
	border-color: #FFFFFF #FFFFFF #000000 #FFFFFF;
	
	margin: 0px 2px 0px 2px;
	float: left;
	height: 20px;
	background-color: #DDE5EB;
}

a.reitertext {
	margin: 2px 3px 2px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #204095;
	text-decoration: none;
}

div.reiterinhalt {
	position: relative;
	top: -17px;
	width: 410px;
	height: 300px;
	border: 2px solid #FFFFFF;
	background-color: #DDE5EB;
	text-align:center;
}

div[class="reiterinhalt"]	{
	top: -2px;
	}

div.nichtsichtbar {
	display: none;
}

div.mehr {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 405px; top: 360px; width: 65px; 
}

div.login_kasten {
  margin: 50px auto 50px auto;
	width: 300px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 3px solid #DDE5EB;
	padding: 10px;
}

div.login_kasten input {
  border: 1px solid #DDE5EB;
}