body { color:#000; margin: 0px; padding: 0px; font-size: 12px; font-family: Helvetica,Arial,sans-serif; text-align: center; background-image: url(../images/layout/background.jpg); background-repeat: repeat-x; background-position: left top; background-color: #191919;}

a { text-decoration: none; }
img {border: none; }
.link {text-decoration:underline; color:#af2326; }
.link_nu {text-decoration:none; color:#af2326; }
.red {width:60px; margin-left:7px; font-weight:bold; color:#af2326; vertical-align:top; }

#frame {margin: 0 auto; width: 1000px; height: 867px; text-align: left;}
/* html>body #frame {height: auto; min-height: 867px; } */
html>body #frame {height: auto; min-height: 755px; }

#top_nav {position: relative; width: 1000px; height: 108px; margin-left: 0px; margin-top: 0px; background-image: url(../images/layout/logo_top.jpg); background-repeat: no-repeat; background-position: center top; }
#top_menu {position: absolute; left: 16px; top: 76px; float: left;}
.ml {float:left; height: 30px; width: 3px; background-image: url(../images/layout/ml.jpg); background-repeat: no-repeat; background-position: left top; }
.mc {float:left; height: 30px; width: auto; background-image: url(../images/layout/mc.jpg); background-repeat: repeat-x; background-position: left top; font-size: 16px; font-weight: bold; padding-top: 7px; padding-left: 10px; padding-right: 10px; color: #333; }
.mc a {color:#333; }
.mr {float:left; margin-right: 1px; height: 30px; width: 3px; background-image: url(../images/layout/mr.jpg); background-repeat: no-repeat; background-position: left top; }
#contact {float:left; margin-right:1px; width: 87px; height: 30px; padding-top: 7px; background-image: url(../images/layout/tab_contact.jpg); background-repeat: no-repeat; background-position: left top; text-align: center; font-size: 16px; font-weight: bold; color: #ccc;}
#contact a {color:#333; }

#content {position: relative; margin-top: 17px; }
#content_top {position: relative; width: 996px; height: 7px; background-image: url(../images/layout/content_top.jpg); background-repeat: no-repeat; background-position: left top; }
#content_area {position: relative; height: 700px; width: 989px; background-color: white; border-left: 1px solid #9a9a9a; border-right: 1px solid #9a9a9a; padding-left: 5px;}
/* html>body #content_area {height: auto; min-height: 700px; } */
html>body #content_area {height: auto; min-height: 600px; }
#ajaxcontent { width: 780px; }
#kmessage { position: relative; margin-left: 160px; margin-bottom: -20px; color: #af2326; }

#selector {float: right; margin-top: 10px; margin-right: 25px; margin-bottom: 20px; }
#selector #s_top {position: relative; width: 193px; height: 4px; background-image: url(../images/layout/selector_top.jpg); background-repeat: no-repeat; background-position: left top;}
#selector #s_content {position: relative; width: 193px; height: 230px; background-image: url(../images/layout/selector_content.jpg); background-repeat: repeat-y; background-position: left top; }
html>body #selector #s_content {height: auto; min-height: 230px; }
#selector #s_bottom {position: relative; width: 193px; height: 4px; background-image: url(../images/layout/selector_bottom.jpg); background-repeat: no-repeat; background-position: left top; }
#selector #note {position: relative; width: 193px; margin-top: 15px; font-size: 10px; text-align: center; }
#selector #header {position: relative; margin-left: 12px; padding-top: 7px; font-weight: bold; font-size: 12px; letter-spacing: 0.05em; }
#selector #sep {position: relative; margin: auto; margin-top: 7px; width: 171px; height: 5px; background-image: url(../images/layout/seperator.jpg); background-repeat: no-repeat; background-position: left top; }
#selector #wk_top {position: relative; width: 193px; height: 4px; margin-top: 15px; background-image: url(../images/layout/selector_top.jpg); background-repeat: no-repeat; background-position: left top;}
#selector #wk_content {position: relative; width: 193px; background-image: url(../images/layout/selector_content.jpg); background-repeat: repeat-y; background-position: left top; }
#selector #wk_content #empty {position: relative; padding-top: 8px; }
#selector #wk_cont {position: relative; height: 110px; text-align: center; }
html>body #selector #wk_cont {height: auto; min-height: 110px; }

#paypal_img {margin-left: 25px; margin-top:10px; }

.list_selector { margin-top: 3px; margin-left: 10px; margin-right: 10px; height: 23px; background-color: #9d9d9d;}
.list_selector:hover {background-color: #a9a9a9; }
.list_selector p {color: #74141e; font-weight: bold; width: 180px; padding: 6px 3px 4px 5px; margin: 0px;}

.cb_selector {height: 7px; }
.checkbox_selector {position: relative; width: 171px; margin: auto; text-align: center;}
.checkbox_selector span {margin-left:2px; white-space: nowrap; font-size:11px; }

#content_bottom {position: relative; clear: right; width: 996px; height: 35px; padding-top: 10px; color: #333; background-image: url(../images/layout/content_bottom.jpg); background-repeat: no-repeat; background-position: left top; text-align: center; font-weight: bold;}
#content_bottom a {color: #333; }
#impressum {position: relative; color: #999; padding-top: 5px }
#impressum a {color: #999999; }
#impressum a:hover {color: #999999; }

/* Slider ---------------------------------------------------------------------------------- */
#markenSlider { margin-left: 5px; margin-top: 7px; width: 165px; }
.sl_header { margin-left: 8px; font-size: 11px; font-weight: bold; }
#marke, #geschlecht, #laufart, #trgrad, #trart, #passform, #bewmech, #art, #funktion {margin-left: 10px; font-size:11px; color: #af2326;}
.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }
.ui-slider-1 .ui-slider-handle, .ui-slider-2 .ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(../images/layout/slider-handle.gif);  }
/* .ui-slider-3 .ui-slider-handle { position: absolute; z-index: 1; height: 16px; width: 16px; top: 3px; left: 0px; background-image: url(../images/layout/slider-handle1.gif); outline: none; } */
.ui-slider-3 .ui-slider-handle { position: absolute; z-index: 1; height: 13px; width: 19px; top: 5px; left: 0px; background-image: url(../images/layout/pfeile.gif); outline: none; }
/* .ui-slider-1 .ui-slider-handle-active, .ui-slider-2 .ui-slider-handle-active, .ui-slider-3 .ui-slider-handle-active { border: 1px dotted black;  } */
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }
/* Default slider backgrounds */
.ui-slider-1 { width: 180px; height: 23px; position: relative; background-image: url(../images/layout/slider-bg-1.png); background-repeat: no-repeat; background-position: center center; }
.ui-slider-2 { width: 200px; height: 23px; position: relative; background-image: url(../images/layout/slider-bg-2.png); background-repeat: no-repeat; background-position: center center; }
.ui-slider-3 { width: 165px; height: 23px; position: relative; background-image: url(../images/layout/slider-bg-3.png); background-repeat: no-repeat; background-position: center center; }
/* ----------------------------------------------------------------------------------------- */

/* #la { position: relative; margin-left: 40px; padding-top: 25px; height: 151px; display: none; }
#home #la {height: 250px; } */
#la { position: relative; margin-left: 40px; padding-top: 25px; display: none; }

#home_text {position:absolute; top:50px; left:15px; width:300px; }
#schuhe {position: relative; padding-top: 15px; margin-left: 34px;}
.schuh {float:left; margin-right:89px; width:170px; height:220px; }
#schuhe #header {position: relative; margin-left: 8px; margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #333; }
#home #header {position: relative; margin-left: 40px; margin-bottom: 15px; padding-top: 15px; font-size: 18px; font-weight: bold; color: #333; }
#schuhe .name {position: relative; text-align: center; font-size: 12px; margin-bottom: 5px;}
#schuhe .img {position: relative; text-align: center; height: 150px; }

/* Details (thickbox) ---------------------------------------------------------------------------------- */
#image {position:absolute; top:17px; left:0px; width:450px; height:270px; border:1px solid #000; }
#sm_img {position:absolute; top:288px; left:0px; width:450px; }
#sm_img1 {position:absolute; top:0px; left:0px; width:150px; height:80px; border:1px solid #000; }
#sm_img2 {position:absolute; top:0px; left:152px; width:150px; height:80px; border:1px solid #000; border-left:none; }
#sm_img2_s {position:absolute; top:0px; left:152px; width:150px; height:80px; border:1px solid #000; border-left:none; }
#sm_img3 {position:absolute; top:0px; left:303px; width:150px; height:80px; border:1px solid #000; border-left:none; border-right:none; }
#sm_img3_s {position:absolute; top:0px; left:303px; width:150px; height:80px; border:1px solid #000; border-left:none; border-right: none; }
#features {position:absolute; top:369px; left:0px; width:451px; height:55px; border-left:1px solid #000; }
#beschreibung {position:absolute; top:17px; left:451px; width:230px; height:394px; background-color:#ccc; border:1px solid #000; overflow:auto; padding:5px; font-size:12px; font-family:Helvetica,Arial,sans-serif; }
#beschreibung ul {margin-left:15px; }
#bottom {position:absolute; top:421px; left:0px; width:690px; height:44px; background-color:#74141e; color:#fff; border:1px solid #000; }
#bottom_text {position:absolute; top:10px; left:0px; float:left; }
#preis {position:absolute; top:8px; left:350px; width:100px; padding-top: 4px; text-align:right; }
#wk {position:absolute; top:8px; right:10px; width:220px; height:28px; padding-top:2px; text-align:left; }
#links {position:absolute; left:0px; top:467px; width:690px; height:109px; background-color:#fff; border:1px solid #fff; }

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

/* Style for invalid input */
.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
}

/* Style for valid input */
.validInput{
	border: 1px dotted #FF0000;
}