@import url("controls.css");

/* Inhalts Atribute
__________________________________________________________*/
body {
	margin: 0px auto 0px auto;
	padding: 0;
	color:#8b8b8b;
	font-family:Tahoma, Verdana, Arial, Georgia, sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #151515;
}
h1 {
	font-size: 16px;
	line-height: 34px;
	margin: 0px 0px 20px 0px;
	font-weight: normal;
	color:#af0054;
	border-bottom: 1px solid #666666
}
h2 {
	font-size: 14px;
	font-weight: normal;
	color: #af0054;
	margin: 0px 0px 5px 0px
}
h3 {
	font-size: 13px;
	margin: 0px 0px 10px 15px;
	font-weight: normal;
	color: #CCCCCC;
}
h4 {
	font-size: 11px;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	color: #af0054
}
p
{
    margin: 0px 0px 10px 0px;
}
a
{
    text-decoration: none;
    color:#CCCCCC
}
a:hover
{
    color: #af0054;
}
a img
{
    border-style: none;
}
a.overviewimage
{
    display:block;
    float:left;
    color: #CCCCCC;
	line-height: 12px;
	border: 6px solid #222222
}
a.overviewimage:hover
{
    color: #af0054;
}
a.overviewimage span
{
    display: block;
    margin: 5px 0px 0px 0px;
}

#wrap
{
		width: 1060px;
		margin: 0px auto 0px auto;
		border-left: 1px solid #2e2e2e;
		border-right: 1px solid #2e2e2e;
		border-bottom: 1px solid #2e2e2e;
		background-color: #222222
	
}

#head
{
	margin: 0px auto 30px auto;
	width: 1000px;
}
.float
{
    float: left;
    margin: 0px 10px 0px 0px;
}
.center
{
    text-align: center;
}
.rignt
{
    text-align: right;
}
.beige
{
    color: #af0054;
}
.light_grey
{
	color:#CCCCCC
}
#container
{
    margin: 0px auto 0px auto;
    padding: 0;
    width: 1000px;
}
#main_box
{
    float: left;
    width: 640px;
	margin: 36px 30px 0px 0px;
	border-top: 1px solid #666666;
}
#main_box_home
{
    float: left;
	margin-top:36px;
    width: 850px;
	border-top: 1px solid #666666;
}
#main_box_home a img
{
	margin: 0;
	padding: 0;
}
/* Feature Bereich */
.feature_img
{
	width: 300px;
	float:left;
    margin: 20px 20px 0px 0px;
}
.feature_text_box
{
	width: 315px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.feature_price_box
{
	text-align:right;
	background-color:#171717;
	border: 1px solid #333333;
	padding: 10px 10px 0px 10px
}
table.feature
{
	margin: 14px 0px 10px 0px
}
table.feature td
{
    vertical-align: top;
}

table.feature td a img
{
	border: 3px solid #171717
}

table.feature td a:hover img
{
	border: 3px solid #af0054
}
/* Feature Bereich - Ende */

table.simon
{
	border-spacing: 8px
	
}
table.simon td
{
	width: 200px
	
}
/* Inhalts Atribute - Ende */


/* sub_box Bereich */
#sub_box
{
    float: left;
    width: 180px;
}
.sub_box_feature
{
    margin: 10px 0px 15px 0px;
    border-bottom: 1px solid #666666;
}
.sub_box_info
{
	background-color:#FFF;
	width: 100%
}
/* sub_box Bereich - Ende */


/* MENU Bereich */
#menu_box
{
    float: left;
    margin: 36px 30px 0px 0px;
    width: 120px;
	border-top: 1px solid #666666;

}
#menu_box a
{
    color: #CCCCCC;
}
#menu_box a:hover
{
    color: #af0054;
}
.menu
{
    margin: 15px 0px 0px 0px;
}
ul
{
    margin: 0px 0px 15px 0px;
	padding: 0;
    font-weight: bold;
}
ul li
{
    list-style: none;
}
.second_level, ul li ul
{
    margin: 0px 0px 0px 15px;
    font-weight: normal;
}
/* Container Bereich - Ende */

/* shopping bag Bereich */
.shopping_bag_table
{
    width: 100%;
    border-collapse: collapse;
}
.shopping_bag_table td
{
    border-bottom: 1px solid #666666;
}
.shopping_bag_table td a
{
display:block;
text-align:right;
font-weight:bold
}
/* schopping bag Bereiche - Ende */

/* order form Bereich */
.order_form table.simon2
{
	margin-bottom: 25px;
    border-spacing: 5px;
	color:#CCCCCC;
    border: 1px solid #404040;
	background-color:#333333;
    width: 96%;
}
.order_form table.simon2 td
{
    background-color: #333333;
}
.einhundert
{
    width: 100px;
}
/* order form Bereiche - Ende */

.footer
{
	margin: 40px 0px 0px 0px
}
div.clear_fix { clear: both; }