* {margin: 0px; padding: 0px;}
 
html, body
{
font-size: 9pt;
color: #45494D;
font-family: Tahoma, Arial, MS Sans Serif, Verdana;
background: url(../images/layer.jpg) repeat-x; 
background-color: #ffffff;
margin: 0px auto;
text-align: center;
width: 100%;
height: 100%;
}

.clean {clear: both; font-size: 0px; height: 0px;}
ul	{margin: 0px; padding: 0px;}
li	{list-style: none;}
/*form	{margin: 0px; padding: 0px;} */
img	{border: none;}

h1
{ 
font-size: 19px;
font-weight: bold;
margin: 0px 0px 15px 0px;
color: #CDD6DC;
font-family: "Arial";
}

h2
{ 
font-size: 12px;
font-weight: bold;
margin: 0px 0px 15px 0px;
color: #E67100;
font-family: "Arial";
}

#header
{
width: 758px;
height: 122px;
margin: 0px auto;
padding: 0px;
overflow: hidden;
text-align: left;
}

#navigation
{
width: 718px;
height: 50px;
background: url(../images/navigation.jpg) no-repeat;
margin: 0px auto;
padding: 0px 0px 0px 40px;
text-align: center;
}

#navigation ul
{
width: 665px;
margin: 0px auto;
}

#navigation li
{
height: 50px;
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}

.navT
{
width: 55px;
height: 50px;
background: url(../images/navT.jpg) no-repeat;
margin: 0px;
padding: 0px;
list-style: none;
float: left;
overflow: hidden;
}

#home {width: 36px; height: 50px; background: url(../images/home_1.gif) no-repeat; display: block;}
#home:hover {width: 36px; height: 50px; background: url(../images/home_2.gif) no-repeat;}

#proass {width: 64px; height: 50px; background: url(../images/proass_1.gif) no-repeat; display: block;}
#proass:hover {width: 64px; height: 50px; background: url(../images/proass_2.gif) no-repeat;}

#artsuche {width: 91px; height: 50px; background: url(../images/artsuche_1.gif) no-repeat; display: block;}
#artsuche:hover {width: 91px; height: 50px; background: url(../images/artsuche_2.gif) no-repeat;}

#login {width: 51px; height: 50px; background: url(../images/login_1.gif) no-repeat; display: block;}
#login:hover {width: 51px; height: 50px; background: url(../images/login_2.gif) no-repeat;}

#logout {width: 51px; height: 50px; background: url(../images/logout_1.gif) no-repeat; display: block;}
#logout:hover {width: 51px; height: 50px; background: url(../images/logout_2.gif) no-repeat;}

#agb {width: 25px; height: 50px; background: url(../images/agb_1.gif) no-repeat; display: block;}
#agb:hover {width: 25px; height: 50px; background: url(../images/agb_2.gif) no-repeat;}

#impressum {width: 71px; height: 50px; background: url(../images/impressum_1.gif) no-repeat; display: block;}
#impressum:hover {width: 71px; height: 50px; background: url(../images/impressum_2.gif) no-repeat; display: block;}

#content
{
width: 750px;
min-height: 553px;
background: url(../images/content.jpg) no-repeat;
margin: 0px auto;
padding: 0px 4px;
text-align: left;
}

#navoff
{
width: 750px;
height: 5px;
background: #E67100;
}

#navon
{
width: 700px;
height: 19px;
padding: 5px 10px 0px 40px;
background: #E67100;
color: #ffffff;
font-size:9pt;
font-weight:bold;
}

#navon ul
{
margin: 0px;
padding: 0px;
}

#navon li
{
margin: 0px 25px 0px 0px;
padding: 0px;
list-style: none;
float: left;
}

#navon a
{
color: #ffffff;
font-weight: bold;
text-decoration: none;
font-size:9pt;
}

#navon a:hover
{
text-decoration: underline;
}

#footerlayer
{
width: 100%;
height: 75px;
background: url(../images/footer.jpg) repeat-x;
}

#footer
{
width: 750px;
height: 68px;
background: url(../images/footer.jpg) repeat-x;
margin: 5px auto;
padding: 10px 0px 0px 0px;
text-align: center;
font-weight: bold;
color: #F3B880;
}

#footer a
{
color: #ffffff;
text-decoration: none;
}

#footer a:hover
{
color: #ffffff;
text-decoration: underline;
cursor:pointer;
}

#footer p
{
width: 100%;
margin: 5px 0px 0px 0px;
}

#bildlayer
{
width: 150px;
min-height: 70px;
padding: 163px 0px 0px 33px;
margin: 0px;
text-align: left;
float: left;
color: #45494D;
overflow: hidden;
}

#bildlayer a, #bildlayer a:hover
{
color: #45494D;
font-weight: bold;
text-decoration: none;
/*background: url(../images/warenkorb.gif) no-repeat left; */
padding-left: 20px; 
}

#text
{
width: 550px;
background: transparent;
margin: 0px auto;
padding: 45px 0px 25px 0px;
text-align: left;
float: left;
line-height: 17px;
font-size: 11px;
color: #45494D;
}

#text p, .box_middle p
{
margin: 0px 0px 15px 0px;
}

.box_top
{
width: 494px;
height: 20px;
background: url(../images/box_top.gif) no-repeat;
}

.box_middle
{
width: 464px;
height: auto;
padding: 1px 15px;
background: url(../images/box_middle.gif) repeat-y;
text-align: left;
color: #283A48;
}

.box_bottom
{
width: 494px;
height: 18px;
background: url(../images/box_bottom.gif) no-repeat;
margin: 0px 0px 15px 0px;
}



























