* {
margin:0;
padding:0;
}


body {
background:url(http://www.pixeleen.de/pics/back.jpg) top center repeat-x #A4A7AB;
color: #676D71;
font:74%  Verdana, Arial, sans-serif;
line-height:20px;
text-align:center;

}

:focus
{
-moz-outline-style: none;
}

img { border: none; }

#Arbeitsproben {background: url(http://www.pixeleen.de/pics/back_ref.jpg) top center repeat-x  #5B5C60;}

#content p {padding: 20px 0 0 0; margin: 0px;}


ul {margin-top: 20px; list-style: none;}

li {background: url(http://www.pixeleen.de/pics/dot_red.gif) 0px 9px no-repeat; padding-left: 10px;}

#Arbeitsproben ul {margin-top: 5px;}

/*---Containers-------------------------------------*/

#container {
margin: 0 auto;
width:976px;
margin-top: 120px;

text-align:left;


}

/*
#stempel {background: url(http://www.pixeleen.de/pics/stempel.gif) no-repeat; margin: 21px 0 0 562px; width: 179px; height: 178px; position: absolute; z-index: 99;}

#stempel a {display: block; text-indent: -3000px; width: 179px; height: 178px; background: url(http://www.pixeleen.de/pics/stempel.gif) no-repeat;}
*/

#hazlwrapper {


width: 900px;
}

#hazl {
min-height: 245px;
width: 900px;
background: url(http://www.pixeleen.de/pics/back_main.png) repeat-y;
}

#Arbeitsproben #hazl {
background: url(http://www.pixeleen.de/pics/back_main_ref.png) repeat-y;
}

#start #hazl {
	min-height: 80px;
	height: 80px;
background: url(http://www.pixeleen.de/pics/back_main_start.png) repeat-y;
}


#header {height: 119px; width: 900px;}


#wrapper {
	position: relative;
	width: 824px;
	margin: 0 auto;
	z-index: 2;
	font-size: 1.1em;
	text-align: left;
}



#content {width: 824px; padding-bottom: 25px;}

#start #content {width: 824px; height: 26px;}


#box-container {width: 150px; position: absolute; margin: 0 0 0 824px; padding: 67px 0 0 2px; z-index: 1;}

#box-container ul {display: none;}

#stripe {background: url(http://www.pixeleen.de/pics/stripe.jpg) repeat-x #7F8488; width: 35px; height: 356px; position: absolute; z-index: 3; margin: 0;}

#Arbeitsproben #stripe {background: url(http://www.pixeleen.de/pics/stripe_ref.png) repeat-x #140F11; width: 35px; height: 356px; position: absolute; z-index: 8; margin: 0;}


#Arbeitsproben #imgcont {float: left; width: 204px; margin-right: 25px; padding-bottom: 45px;}


/* classes -------------------------------------------------*/

.leftimg {float: left; margin-right: 25px;}

.left {float: left; position: relative;}

.referenz {clear: both;}

.text{margin: 0 0 0 105px; width: 570px;}

.clearer {clear: both;}

.unseen {display: none;}

.forwarder {margin-left: 105px;}


/* site differences -------------------------------------------------*/


#team table {margin-top: 18px;}
#team td {padding: 0 25px 0 0; vertical-align: top;}



/* fontz
-------------------------------------------------*/

h1 {font: normal 20px verdana, arial; color: #676D71; margin: 0 0 0 80px; padding: 0 0 25px 0;}

h1.news {font: bold 130% 'trebuchet ms', verdana, arial; color: #676D71; padding: 20px 0 5px 0;}

#Arbeitsproben h1 {padding-bottom: 50px;}

h2 {font: normal 14px verdana, arial; color: #B5152B; padding: 25px 0 0 0; line-height: 21px;}

#Arbeitsproben h2 {padding: 0; margin: 0;}

.top {margin: 0; padding:0;}

h3 {font: bold 12px verdana, arial; color: #676D71; padding: 0; line-height: 21px;}

#Arbeitsproben h3 {padding-bottom: 25px;}

h4 {font: normal 12px verdana, arial; color: #B5152B; padding: 25px 0 0 0; line-height: 21px;}


.small {font-size: 11px; font-weight: normal; padding:0; margin:0;}

a {text-decoration: none; color: #676D71; position: relative; z-index: 1;}
a:hover {color: #B5152B; text-decoration: none;}


/* ajax kram
----------------------------------------------- */



/*

  ----------------------------------------------- */

#footercontainer {
width: 960px;

	position: absolute;
	margin: 0 auto;

}

#footer { background: url(http://www.pixeleen.de/pics/back_footer.jpg) no-repeat;
width: 960px;
	height: 220px;
position: absolute;
margin-top: -50px;
}


#Arbeitsproben #footer  {background: url(http://www.pixeleen.de/pics/back_footer_ref.jpg) no-repeat;}

#start #footer {background: url(http://www.pixeleen.de/pics/back_footer_start.jpg) no-repeat;
	height: 380px;


}



#copy {text-align: right; padding: 115px 263px 0 0; color:#D8D8D8; position: relative;}

#start #copy {display: none;}

#copy h1 {font: 11px verdana, arial; color:#D8D8D8;}

#copy a {font: 11px verdana, arial; color: #D8D8D8; text-decoration: none; position: relative; z-index: 1;}


#Arbeitsproben #copy h1, #Arbeitsproben #copy h1 a {color:#363436;}

/*----------------------------------------------------------------------------

formular

-----------------------------------------------------------------------------*/


input.texter {
        border: 0px solid;
	background-color: transparent;
background: url(http://www.pixeleen.de/pics/textfield.gif) no-repeat;
height: 23px;
padding: 0 5px 0 5px;
}


textarea {
  border: 0px solid;
background-color: transparent;
height: 142px;
width: 428px;
background: url(http://www.pixeleen.de/pics/textarea.gif) no-repeat;
padding: 5px 15px 5px 5px;
  display: block;
  float: left;
  margin-bottom: 4px;
}


label, input.texter, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 228px; /* Breite.*/

  margin-bottom: 4px;
}



label.small {
	width: 35px;
}


input.checks {
	width: 20px;
	border: none;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.sendbtn { /* den Submit-Button */

  margin-top: 25px;



}

label {
 text-align: left;
 padding-right: 1em;
 width: 100px;
}

form {

  margin: 0 0 0 105px;
  padding:4px;
}