body{
	font-family: Verdana;
	color: #000;
	margin: 10px;
	padding: 0px;
	background-image: url(/style/pics/hintergrund_quest.jpg);
}

#container{
	padding: 0px;
	width: 768px;
	margin: 0 auto;
	background-color: #D2DFE2;
	/*min-height: 400px;*/
	border:solid 10px #ffffff;
}

#head
{
	width: 768px;
	height: 65px;
	float: left;
	border-bottom: solid 5px #ffffff;
}

#navigation
{
	width: 128px;
	height: auto;
	background-color: #D2DFE2;
	font-size: 10px;
	float: left;
	text-align: left;
	margin: 0;
}

#navigation h1
{
	font-weight: bold;
	color: #339999;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
}

#navigation h2
{
	font-weight: normal;
	color: #339999;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
}


/* Kategorie-Menü */
#navigation .menu_kat_titel
{
    background-color:#00A592;
    color:#ffffff;
    line-height: 25px;
    font-weight: bold;
    padding-left: 10px;
}

#navigation .menu_kat
{
	font-weight: bold;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 128px;
	background-color: #99CCC7;
}

#navigation .menu_kat_item
{
	margin-left: 0px;
	padding-bottom:5px;
	padding-top:4px;
	padding-left: 10px;
	text-decoration: none;
	width: 118px;
}

#navigation .menu_kat_item a
{
	color: #006666;
	text-decoration: none;
	width: 118px;
	margin-left: 0px;
}

#navigation .menu_kat_item a:hover
{
	color: #ffffff;
}

#navigation .menu_kat_item_active
{
	margin-left: 0px;
	padding-bottom:5px;
	padding-top:4px;
	padding-left: 10px;
	text-decoration: none;
	width: 118px;
	background-color:#339999;
}

#navigation .menu_kat_item_active a
{
	color: #ffffff;
	text-decoration: none;
}



#navigation .menu
{
	font-weight: bold;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 128px;
}

#navigation .menu_item
{
	margin-left: 0px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left: 10px;
	text-decoration: none;
	width: 118px;
}

#navigation .menu_item a
{
	color: #006666;
	text-decoration: none;
	width: 118px;
	margin-left: 0px;
}

#navigation .menu_item a:hover
{
	color: #ffffff;
}

#navigation .menu_item_active
{
	margin-left: 0px;
	margin-top:3px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left: 10px;
	background-color: #339999;
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	color: #ffffff;
	text-decoration: none;
	width: 118px;
}

#navigation .menu_item_active a
{
	color: #ffffff;
	text-decoration: none;
}


#navigation .menu:hover
{
	color: #FFFFFF;
}

#navigation .submenu_item
{
	font-weight: normal;
	background-color: #bcced2;
	color: #006666;
	line-height: 18px;
	margin-left: 0px;
	padding-left: 15px;
	text-decoration: none;
	width: 113px;
	background-image: url(/style/pics/subnav_dot.jpg);
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: solid 1px #D2DFE2;
}

#navigation .submenu_last_item
{
	font-weight: normal;
	background-color: #bcced2;
	color: #006666;
	line-height: 18px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding-left: 15px;
	text-decoration: none;
	width: 113px;
	background-image: url(/style/pics/subnav_dot.jpg);
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: solid 1px #ffffff;
}

#navigation .submenu_item a
{
	color: #006666;
	text-decoration: none;
}

#navigation .submenu_item a:hover
{
	color: #ffffff;
}

#navigation .submenu_last_item a
{
	color: #006666;
	text-decoration: none;
}

#navigation .submenu_last_item a:hover
{
	color: #ffffff;
}

#navigation .submenu_item_active
{
	font-weight: normal;
	color: #006666;
	line-height: 18px;
	margin-left: 0px;
	padding-left: 15px;
	text-decoration: none;
	width: 113px;
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: solid 1px #D2DFE2;
	line-height: 12px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	background-color: #EFF3F4; 
	background-image: url(/style/pics/subnav_dot_active.jpg);
}

#navigation .submenu_item_active a
{
	color: #006666;
	text-decoration: none;
}

#navigation .submenu_last_item_active
{
	font-weight: normal;
	color: #006666;
	line-height: 18px;
	margin-left: 0px;
	padding-left: 15px;
	text-decoration: none;
	width: 113px;
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: solid 1px #ffffff;
	line-height: 12px; 
	padding-bottom: 2px; 
	padding-top: 2px; 
	background-color: #EFF3F4; 
	background-image: url(/style/pics/subnav_dot_active.jpg);
}

#navigation .submenu_last_item_active a
{
	color: #006666;
	text-decoration: none;
}

.side_search
{
    background-color:#D2DFE2;
    padding-left:10px;
    padding-bottom:5px;
    padding-top:5px;
}

.side_search .input
{
    width:105px;
    font-family:Verdana;
    font-size:11px;
    border:solid 1px #bfbfbf;
    margin-bottom:6px;
}

#right_container
{
	float: left;
	height: 100%;
	background-color: #D2DFE2;
}

.white
{
	background-color: #ffffff;
	padding: 0;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 0;
}

.infobox
{
	border: solid 1px #339999;
	width: 128px;
	padding: 1px;
	background-color: #ffffff;
	margin-bottom: 4px;
}

.infobox .headline
{
	color: #339999;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	background-color: #D2DFE2;
	padding-left: 2px;
	border-bottom: solid 1px #FFFFFF;
}

.infobox .textbox
{
	font-size: 9px;
	line-height: 14px;
	background-color: #EFF3F4;
	border: solid 1px #D2DFE2;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.infobox .mehr
{
	color: #0099FF;
	text-decoration: none;
	font-weight:bold;
}

.infobox .textbox_img
{
	font-size: 9px;
	line-height: 14px;
	background-color: #EFF3F4;
	border: solid 1px #D2DFE2;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.infobox .textbox_img img
{
	margin-bottom: 5px;
	border:none;
}

.warenkorb
{
	border: solid 1px #339999;
	width: 124px;
	padding: 1px;
	background-color: #ffffff;
	margin-bottom: 4px;
}

.warenkorb .headline
{
	color: #339999;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	background-color: #D2DFE2;
	padding-left: 2px;
	border-bottom: solid 1px #FFFFFF;
}

.warenkorb .textbox
{
	font-size: 9px;
	line-height: 14px;
	background-color: #EFF3F4;
	border: solid 1px #D2DFE2;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.warenkorb .mehr
{
	color: #0099FF;
	text-decoration: none;
	font-weight:bold;
}

#copyright
{
	background-color: #D2DFE2;
	vertical-align: bottom;
	font-size: 9px;
	color: #339999;
	height: 100%;
	width: 130px;
	padding: 3px;
	padding-bottom: 50px;
}

#middle_container
{
	float: left;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	width: 504px;
	height: 100%;
}

#content
{
	background-color: #EFF3F4;
	font-size: 11px;
	line-height: 18px;
	color: #006699;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	height: 100%;
}

#content h1
{
	font-weight:bold;
	color: #339999;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
}

#content h2
{
	font-weight: normal;
	color: #339999;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
}

#content a
{
	text-decoration: none;
	font-weight: bold;
	color: #0099FF;
}

#content a:hover
{
	color: #339999;
}

.link_active
{
	color: #339999;
}

#content .logo
{
	border: solid 1px #bcced2;
}

#bottom
{
	background-color: #EFF3F4;
	border-top: solid 2px #ffffff;
	padding-left: 20px;
	font-size: 9px;
	color: #666666;
}

#bottom a
{
	color: #666666;
	text-decoration: none;
}

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

.button
{
	background-color: #339999;
	border: none;
	font-weight: bold;
	color: #ffffff;
    height: 25px;
}

.button:hover
{
	background-color: #99CCC7;
	border: none;
	font-weight: bold;
	color: #ffffff;
}

.buttonSuche
{
	background-color: #99CCC7;
	border: none;
	font-weight: bold;
	color: #ffffff;
}

.buttonSuche:hover
{
	background-color: #339999;
	border: none;
	font-weight: bold;
	color: #ffffff;
}

.input_anzahl
{
	border-left: solid 1px #bfbfbf;
	border-bottom: none;
	border-top: solid 1px #bfbfbf;
	border-right: none;
	color: #666666;
	text-align: center;
}

.input
{
	border-left: solid 1px #bfbfbf;
	border-bottom: none;
	border-top: solid 1px #bfbfbf;
	border-right: none;
	color: #666666;
	padding: 1px;
}

.input_gross
{
	width: 180px;
	border-left: solid 1px #bfbfbf;
	border-bottom: none;
	border-top: solid 1px #bfbfbf;
	border-right: none;
	color: #666666;
	padding: 1px;
}

.input_klein
{
	width: 155px;
	border-left: solid 1px #bfbfbf;
	border-bottom: none;
	border-top: solid 1px #bfbfbf;
	border-right: none;
	color: #666666;
	padding: 1px;
}

.products .img_tbl
{
    padding: 0px; 
    width: 75px; 
    text-align:left;
}

.products img
{
    border: solid 1px #bcced2;
}

.products .info
{
    height: 40px; 
    padding: 3px; 
    background-color: #D2DFE2; 
    width: 389px; 
    vertical-align:top;
}

.image_kasten
{
    background-color: #e0ebee;
    vertical-align: middle;
    text-align: center;
}

#content .kategorien
{
    font-size: 9px;
    line-height:15px;
    border: solid 1px #339999; 
    position:relative; 
    left:-18px;
    width:486px;
    height:17px;
    background-color:#D2DFE2;
    text-align:center;
    margin-left:5px;
    margin-right:5px;
}

.lupe
{
    text-align: right;
    padding: 2px;
    padding-top: 0px;
}

.image_detail
{
    border: solid 1px #bfbfbf;
    margin-top: 18px;
    margin-bottom: 0px;
    margin-left: 30px;
    margin-right: 30px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
    padding: 25px;
    background-color: #e0ebee;
}

.ShoppingCart
{
	padding: 3px;
	border: solid 1px #339999;
	border-collapse: collapse;
	width: 464px;
}

.ShoppingCart a
{
    font-size:10px;
}

.ShoppingCart th
{
	padding: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	border: solid 1px #339999;
	background: #D2DFE2;
	color: #339999;
	text-align: left;
}

.ShoppingCart td
{
	padding: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	border: solid 1px #339999;
}

.menge
{
    float: left;
    padding-left: 3px;
    padding-right: 3px;
}

.TotalPrice
{
	width: 448px;
	border-top: solid 1px #339999;
	padding-top: 3px;
	padding-right: 15px;
	text-align: right;
}

small
{
	font-size: 9px;
}

select
{
	border: solid 1px #bfbfbf;
	color: #666666;
	font-size: 11px;
}

.select_gross
{
	width:180px;
}

.select_klein
{
	width:155px;
}

.Angaben
{
	width: 100%;
    border-spacing: 0px 0px;
}

.Angaben th
{
	margin-left: 0px;
	margin-right: 0px;
	background-color: #339999;
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	color: #ffffff;
	padding: 5px;
	padding-left: 10px;
	text-align: left;
}

.Angaben td
{
	margin-left: 0px;
	margin-right: 0px;
	background-color: #D2DFE2;
	padding: 5px;
	padding-left: 10px;
	padding-bottom: 20px;
	vertical-align: top;
}

.details td
{
	margin-left: 0px;
	margin-right: 0px;
	background-color: #D2DFE2;
	padding: 5px;
	padding-left: 10px;
	padding-bottom: 2px;
	vertical-align: top;
}

.border-top
{
	border-top: solid 1px #399999;
}

#copyright
{
	background-color: #D2DFE2;
	vertical-align: bottom;
	font-size: 9px;
	color: #339999;
	height: 100%;
	width: 130px;
	padding: 3px;
	padding-bottom: 50px;
}

.kasten
{
	border: solid 1px #399999;
	padding: 3px;
	padding-bottom: 6px;
}

.fehler
{
    border:solid 1px Red;
    background-color: #ff9900;
    padding: 3px;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 598px;
    font-weight:bold;
}

.start
{
    width:100%;
    border:none;
}

.start  td
{
    width:50%;
    text-align:center;
}

.start  img
{
    border:none;
}