/* ALLGEMEINE DEKLARATIONEN */

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background: #6699ff url(images/spalte.jpg) repeat-x;color:#333;}
p{margin:10px 20px 20px 40px;text-align:justify;}
img{border:none;}

/* ID BOXEN FORMATIERUNGEN */

div#header {background: url(images/lucas-header.jpg) no-repeat;height:245px;}
div#header h1 a {
        display: none;

        width: 260px;

        text-decoration:none;
        border:none;
        margin:0;
        padding:0;
        text-align:left;
        background: transparent url(images/lucas-header.jpg) no-repeat 0px left;height:190px;

}
div#header h1  {
border:none;
text-align:left;
}

.hide {display: none;}
div#container{text-align:left;background: white url(images/line.jpg) repeat-y;}
div#content p{line-height:1.4;}
div#footer {background: #6699ff url(images/lucas-bottom.jpg) no-repeat;color: #FFF; height:49px;border:0px solid black;text-align:center;}
div#footer p{margin: 0px;padding:30px 20px 0px 20px;color: black; text-align:center;}
div#footer a{color: black; text-decoration:underline;font-weight:normal;}

/* #extra a img {padding:0 0 0 20px;} */
/*
div#navigation{background: #ccc;}
div#extra{background: gray;}
*/

/* LAYOUT EINSTELLUNGEN */

/* div#header{width:980px;margin:0 auto;} */
div#container{width:980px;margin:0 auto;}
div#content{float:left;width:750px}
div#navigation{float:right;width:230px}
div#extra{float:right;clear:right;width:230px}
div#footer{clear:both;width:980px;margin:0 auto}

/* HAUPTNAVIGATION Horizontal */

    #topnav {
      float:left;
      width:100%;
      background: url("images/lucas-navi1.jpg") no-repeat bottom;
      font-size:93%;
      line-height:normal;
      }

    #topnav ul {
      margin:0;
      margin-left:15px;
      padding:10px 10px 0;
      list-style:none;
      }

    #topnav li {
      float:left;
      background:url("images/left_both-light.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      /*border-bottom:1px solid black;*/
      }
    #topnav a {
      float:left;
      display:block;
      width:.1em;
      background:url("images/right_both-light.gif") no-repeat right top;
      padding:5px 15px 3px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#333;

      white-space:nowrap;
      }
    #topnav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topnav a {float:none;}
    /* End IE5-Mac hack */
    #topnav a:hover {
      color:#333;
      }
    #home #nav-home, #member #nav-member,
    #products #nav-products, #about #nav-about,
    #contact #nav-contact,
    #shop #nav-shop, #admin #nav-admin {
      background-position:0 -150px;
      border-width:0;
      /*
      border-right: 1px solid black;
      border-top: 1px solid black;
      border-left: 1px solid black;
      */
      }
    #home #nav-home a, #member #nav-member a,
    #products #nav-products a, #about #nav-about a,
    #contact #nav-contact a,
    #shop #nav-shop a, #admin #nav-admin a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:black;
      }
    #topnav li:hover, #topnav li:hover a {
      background-position:0% -150px;
      color:black;
      }
    #topnav li:hover a {
      background-position:100% -150px;
      }


/* TOPMENU NAVIGATION */

#topmenu {top:0; left:0;}

div#topmenu h3, div#menu h3 {
        display: none;
}


div#topmenu {
        /*float: left;*/
        font-size: 0.9em;

}

div#topmenu ul {
        /*float: left;
        text-align: left;*/
        list-style-type: none;


}

div#topmenu li {
        float: left;
        background: none;
        padding:0;
        margin:0;
}

div#topmenu li a {
        float: left;
        display: block;
        padding: 10px 8px 5px 8px;
        border-left: 1px solid #D4D4D4;
        color: white;
        text-decoration: none;
        font-weight:normal;
}

div#topmenu li a:hover {

        text-decoration: underline;
}


/* ÜBERSCHRIFTEN */

h1 {font-size: 1.4em;border-bottom:1px silver solid;padding-bottom:10px;color:#336699;padding:10px 10px 10px 0px;margin:10px 10px 20px 40px;}
h2 {font-size: 1.2em;padding:10px 20px;margin:10px 20px 10px}
h3 {font-size: 1.0em;padding:10px 20px;margin:10px 20px 10px}
h4 {font-size: 1.0em;padding:0px 20px;margin:0px 20px 0px}

/* KLASSEN */

.boxes{width: 1em;}
.dark {background:#CECECE;}
.light {background:#EAEAEA;}
.nobrright {text-align:right;white-space:nowrap;}

/*
.box h3 {padding:15px;margin:0;background: white url("images/h3.gif") no-repeat top left;}
.box p {padding:0 15px 10px 15px;margin:0;
background: white;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
text-align:justify;}
.box {width:252px;padding-bottom:5px;margin:10px 0px 10px 40px;background: white url("images/boxbottom.gif") no-repeat bottom left;}
*/

.box h3 {padding:15px;margin:0px;/*background: #d4dae1 url("images/box_01.gif") no-repeat top center;*/}
.box p {
padding:0 15px 20px 15px;
margin:0;
/*
background: white url("images/box_02.gif") no-repeat top center;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
*/
text-align:justify;}
.box {clear:both;float:left;width:252px;padding-bottom:15px;margin:0 0 0 20px;/*margin:10px 0px 10px 30px;background: white url("images/box_03.gif") no-repeat bottom center;*/}
.box ul {margin:0;padding-left:15px;border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;}



/* FORMULARE */

.shopform label {
float: left;
width: 7.0em;
/*font-weight: bold;*/
}

.shopform select {
margin-bottom: 5px;
}

.shopform {margin:0 0 70px 0;}

input, textarea {border:1px solid silver;}

form {margin:30px;}
label {width:30%;}
fieldset {padding:20px;border:0px solid silver}
legend {color:#3366cc}
/*
input [type=text] {
width: 20.0em;
margin-bottom: 5px;
}
*/

em{color:red}
.cssform label {
float: left;
width: 15.0em;
font-size:1.2em;
margin-bottom: 5px;
padding:3px;
/*font-weight: bold;*/
}


.cssform input, select {
width: 15.0em;
font-size:1.2em;
margin-bottom: 5px;
padding:3px;
border: 1px solid silver;
}

.cssform select {
/* margin-bottom: 5px; */
}

.cssform input [type=submit]{
width: 5.0em;
font-size:1.3em;
margin-bottom: 5px;
}

.cssform .checkbox {float:left;border:0;width:1.0em;margin:10px;vertical-align:middle;}
.cssform .labelcheckbox {float:left;border:0;width:30.5em;margin:0px;padding:10px;vertical-align:middle;}


/*
.cssform textarea{
width: 250px;
height: 150px;
}
*/

.cssform #submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

.cssform br{
clear: left;
}

.cssform fieldset{margin:10px}
.cssform legend{font-weight:bold;}
input[type=checkbox].cssform {margin-left:.3em;border:none;}

.loginform {margin:0 0 0 20px;padding:0;}
.loginform fieldset{width:10.2em;padding:5px;border:0px solid #ccc;}
.loginform label, legend, input {margin:0;padding:0;}

/*
.loginform form {margin:20px;}
.loginform label{

width: 8.0em;
font-weight: bold;
}

.loginform input[type=text], .loginform input[type=password] {
width: 4.0em;
margin-bottom: 5px;
}

.loginform fieldset{margin:5px;background:none;}

.loginform legend{font-weight:bold;}
fieldset {background: url(images/formback.jpg) bottom left no-repeat}
*/

/* LISTEN FORMATIERUNGEN */
ul {
list-style-type: none;
padding: 0;
margin: 0;
margin-left:30px;
background:transparent;
}

ol {list-style-type: none;}

li
{
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 0.1em center;
padding: 0.7em;
padding-left:38px;

}

/* LINKS FORMATIEREN */
a:link { font-weight:normal; color:#039; text-decoration:none; }
a:visited { font-weight:normal; color:#03C; text-decoration:none; }
a:focus { font-weight:normal; color:#039; text-decoration:none; }
a:hover { font-weight:normal; text-decoration:underline; }
a:active { font-weight:normal; color:#039; text-decoration:none; }


/* TABELLEN */

td {padding:5px;font-size: 1.0em;}
th {font-size: 1.0em;font-weight:bold;text-align:left;}
table {margin:5px 10px 10px 40px;font-size: 1.0em;}

/* SEITLICHE NAVIGATION */

#navigation li {background: none;padding:0 0 0 20px;}
#extra li {background: none;padding:0 0 0 20px;}
#navigation ul {margin:0;}
#extra ul {margin:0;}
#navigation h3 {margin:0;padding:0 0 0 20px;}
#navigation p {margin:0;padding:10px 0 10px 20px;}
#navigation {padding:20px 0 0px 0px;}
#extra {padding:20px 0 0px 0px;}