/* CSS von www.eismann-it.de 03/2009,IE6 compliancy with '* html'-hack */

body,html {
background:transparent url(images/Teamverpflegung-Filmservice.gif);
margin:0;
padding:0;
min-height: 100%; margin-bottom: 1px;
}

body {
min-width:800px;
font:0.8em/1.4em Helvetica, sans-serif;
}

a:link {
color:#282828;
text-decoration: underline;
}

a:visited {
color: #282828;
text-decoration: underline;
}

a:hover,a:active {
text-decoration: none;
}

ul {
list-style-type:none;
margin:0 0 1.5em;
padding:0;
}

li {
padding-left:1.5em;
}

#wrap {

width:900px;
margin:0 auto;
padding:0;
}

#header {
background: transparent url(images/header-loeffel.png) no-repeat top left;
margin:0;
padding:0;
height: 224px;
}

#header img {
float: left;
padding:0;
border-width:0;
margin-left:50px;
}

#menu {
margin-left:50px;
margin-top: 52px;
color: black;
display: block;
line-height: 10px;
}

#menu ul {
margin:0 0 1em;
}

#menu ul#second-level {
margin:0 0 1em;
padding-left: 3px;
}

#menu ul li, #menu ul li {

display: inline;
list-style: none;
text-transform: uppercase;
font: bold 1.1em 'Georgia', 'Times New Roman', serif;
}

#menu ul#second-level li{
display: inline;
list-style: none;
text-transform: none;
font: normal 1em 'Verdana', sans-serif;
padding-top: 2px;
}


#menu ul li a {
color:#282828;
text-decoration: none;
}
#menu ul li a:hover {
color:#cc0000;
text-decoration: none;
}
#menu ul li a.active, #menu ul li a#active-second{
color:#cc0000;
text-decoration: none;
}
#menu ul li a.active:hover,#menu ul li a#active-second:hover	{
color:#282828;
text-decoration: none;
}
#opacity {
float: left;
background:transparent url(images/transparent.png) repeat scroll 0 50%;
color:#282828;
width:800px;
margin-left:50px;
}


#main {
float: left;	
border-right:0px solid red;
width:62%;
margin:0 12px;
padding: 0 12px;
}

#main h1, #sidebar h1 {
font: bold 1.6em 'Georgia', 'Times New Roman', serif;
margin:0;
}

#main h2, #sidebar h2 {
font: bold 1.2em 'Georgia', 'Times New Roman', serif;
margin:0;
}

#main h3, #sidebar h3 {
font: bold 1.2em 'Georgia', 'Times New Roman', serif;
margin:0;
}

#main h4, #sidebar h4 {
font: bold 1.2em 'Georgia', 'Times New Roman', serif;
margin:0;
}

#sidebar {
float: right;
width:28%;
color:#282828;
margin: 0;
padding: 0 1em;
}
/*IE6 kapierts hier nicht ganz*/
 * html #sidebar {width:25%;} /* nur für den IE6 */


#sidebar h2,#sidebar h3 {
font: bold 1.2em 'Georgia', 'Times New Roman', serif;
margin: .6em 0 .2em 0;
padding: 0 0 .3em 0;
}

#sidebar p {
margin: .2em 0 .6em 0;
padding: 0;
}

#footer {
clear:both;
background: transparent url(images/footer_labuvette_all.png) no-repeat top left;
padding: 24px 0;
font-size:0.8em;
height:235px;
}

#footer p {
/*margin-top:56px;*/
padding-top: 48px;
padding-left:281px;
}

sup,sub {
margin:0;
padding:0;
}

blockquote {
font:1em/1.2em 'Trebuchet MS', Helvetica, sans-serif;
margin: 1em;
padding: 1em;
}

.clear {
clear:both;
}

/**************kontaktformular**********************/
 form#mailform label {
display:block;
width: 100px;
float: left;
left:0px;
text-align: right;
margin-right:5px;
}
 form#mailform input, textarea{
position: relative;
width:250px;
left:0px;
background: #ffffff;
border:1px solid #CBCED0;
}
 form#mailform input:hover, textarea:hover{
position: relative;
width:250px;
left:0px;
background: #ffffff;
border:1px solid black;
}
.csc-mailform-field {
display:block;
background-color:#ffffff;
left: 218px;
PADDING:2px;
margin:2px;
}
.csc-mailform-check {
display:block;
width:auto;
left: 125px;
border:1px solid #CBCED0;
PADDING:2px;
margin:2px;
}
.csc-mailform-submit {
clear: left;
position: relative;
display:block;
left:128px;
width:auto;
background: #F2F5F5;
}
form#mailform input.button {
left: 108px;
background:white none repeat scroll 0%;
border:1px solid #969696;
color:black;
font-size:120%;
padding:1px !important;
text-align:center;
width:7em;
}
form#mailform input.button:hover { 
left: 108px; 
background:#DCDCDC none repeat scroll 0%;
border:1px solid #505050;
color:black;
cursor:pointer;
}
/*ie6 hacks */
* html #opacity {margin-left:25px;} 
* html #footer {background: transparent url(images/footer_ie6_02.gif) no-repeat top left;}
* html #header {background: transparent url(images/header_ie6_02.gif) no-repeat top left;}
