body{
    background-color: #646464;
    font-family: "Verdana", "Helvetica", Arial, sans-serif;
    font-size: 11px;
    color: #000;
}
a {
    color: #0070C0;
}
a img {
    border: 0px;
    outline: none;
}
h1{
    line-height: 23px;
    font-size: 15px;
    margin-top: 0px;
}
h2{
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 14px;
}
h3{
    font-family: Arial;
    font-size: 21px;
    color: #454545;    
    margin-bottom: 12px;    
}
h4{
    font-size: 11px;
    margin-top: 0px;
    margin-bottom: 6px;
}
h5{
    margin: 0px 0px 3px 6px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

#wrapper{
    width: 900px;
    margin: 2px auto;
    text-align: left;
    height:auto !important; /* moderne Browser */
    height:100%; /* IE */
}
#logo{
    margin: 10px 10px 0px 20px;    
}
#content {
    border-left: 3px solid #595959;
    border-right: 3px solid #595959;	
    background-color: #fff;
    margin-right: 44px;
    padding-left: 30px;
    
}
#content .footer{
	border-top: 1px solid black;
	text-align: right;
	font-size: 10px;
	margin-top: 30px;
    margin-right: 30px;
	padding-top: 2px;
}
#footer{
	background-color: #fff;
	width: 855px;
	height: 13px;
	*margin-bottom: -6px;
    border-bottom: 3px solid #595959;	
}

/* floating */
.flLeft{
    float: left;
}
.flRight{
	float: right;
}
.clear{
	clear: both;
}

/* Layout Box */
.line-top{
    background: url(../images/layout/line-top.gif) repeat-x 0px 82px;
    height: 173px;
    width: 735px;
}
.line-top-left{
    background: #646464 url(../images/layout/line-left.gif) repeat-y 0px 0px;
    margin-top: 82px;
    height: 91px;
}
.line-top-right{
	background: #646464 url(../images/layout/line-right.gif) repeat-y -106px 0px;
	margin-top: 14px;
	height: 159px;
}	
.line-bottom-left{
    width: 839px;	
}

/* margins */
.mb12 {
	margin-bottom: 12px;
}
.mb6 {
    margin-bottom: 6px;
}
.ml6 {
    margin-left: 6px;
}    
.ml12 {
    margin-left: 12px;
}    
.mr6{
    margin-right: 6px;
}
    
/* styles */
.b{
    font-weight: bold;
}
.s{
    text-decoration: line-through;
}
.red {
    color: #c60000;
}
.green{
    color: #6aa702;
}

.ico16 {
    vertical-align: -15%;
}


/* align */
.center {
    text-align: center;
}

/* navigation */
ul#nav {
    background: url(../images/layout/navigation_bar.gif) no-repeat 0px 0px;  
    height: 40px;
    width: 800px;
    margin: 0px;
    padding: 10px 0px 0px 15px; 
}
ul#nav li {
    display: inline; 
    margin: 0px;
    padding: 5px 8px;           
}
ul#nav li a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;    
}
ul#nav li.active, ul#nav li:hover {
    background: url(../images/layout/navigation_bar.active.gif) repeat-x 0px 0px;          
}

/* newsletter modul */
#newsletter {
    background: url(../images/layout/bg_form.gif) no-repeat top left;
    width: 390px;    
    height: 148px;
    padding: 15px 0px 15px 15px;
}
label {
    width: 120px;
    float: left;
    margin-right: 6px;
    padding-top: 3px;
    display: block;
    text-align: right;    
}
input {
    font-size: 11px;
}
#newsletter ul {
    margin: 0px;
    padding: 0px;
}
#newsletter ul li {
    list-style-type: none;
}
li label {
    float: none;
    padding: 0px;
    text-align: left;
    display: inline;
}
#eyecatcher {
    background: url(../images/layout/bg_eyecatcher.gif) no-repeat top left;
    color: #fff;
    padding: 10px 15px 10px 10px;    
}
.submit {
    margin-left: 125px;
}

/* product list */
.element{    
    background: url(../images/layout/bg_drop.gif) no-repeat top left;
}

.price {
    font-weight: bold;
    background: url(../images/layout/bg_price.gif) no-repeat top left;
    margin: 1px 0px 0px 30px;
    padding: 2px 13px;
    width: 230px;
    height: 31px;
}
.imgshop {    
    margin: 4px 0px 0px 36px;
    width: 100px;    
}
.info{
    padding-right: 36px;    
    line-height: 15px;
}
.getIt{
    margin-top: 40px;
}
.passed{
    margin-top: 5px;
}
.getIt h3{
    margin-top: 42px;
    *margin-top: 36px;
}
.passed h3{
    margin-top: 25px;
    *margin-top: 19px;
}

/* width */
.w190 {
    width: 190px;
}
.w380 {
    width: 380px;
}
.w470 {
    width: 410px;
}

/* paginator */
.paginationControl {
    margin-right: 35px;
}
.paginationControl a {
    color: #000;
}
.disabled {
    color: #808080;
}
.paginationControl .active {
    color: #fff;
    background-color: #454545;
    padding: 0px 3px 1px 3px;
}

/* attention */
.attention {
    vertical-align: -25%;
}

#error {
    border: 1px solid #cacaca;
    margin-top: 12px;
    padding: 5px;
    background-color: #fafafa;
    width: 60%;
    color: #454545;
}

/* debug */
.debug {
    border: 1px solid black;
}
