/* ###################################################### */
/* #####                                            ##### */
/* #####  CSS STYLE FOR KLEIN & MUELLER             ##### */
/* #####                                            ##### */
/* #####  @ AUTHOR JULIAN ACKERMANN                 ##### */
/* #####  @ COPYRIGHT PIXELWERK ACKERMANN & CO.     ##### */
/* #####  @ WWW.PIXELWERK.CH                        ##### */
/* #####  @ VERSION 1.0.0                           ##### */
/* #####                                            ##### */
/* #####  CREATE 2009-04-04                         ##### */
/* #####                                            ##### */
/* ###################################################### */


/* ###################################################### */
/* ####################### PAGE GENEREL ################# */
/* ###################################################### */

body {
    background:#2B2B2D;
    margin:0;
    margin:50px 0 0 0;
    font-size:12px;
    font-family:Arial, Verdana;
}

#main { 
    margin:0 auto;
    width:840px;
}

#header {
    float:left;
    width:840px;
    height:117px;
    psition:relative;
    z-index:100px;
}

#logo {
    top:0;
    float:left;
    width:110px;
    height:110px;
}

img {
    border:0px;
}

a {
    color:#fff;
}

a:hover {
    color:red;
}

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
#navContent ul {
    width:110px;
    margin:0;
    padding:0;
    /*background-color:#F2F2F2;*/
    background-color:transparent;
}
#navContent ul li {
    width:110px;
    margin:0;
    list-style-type:none;
}
#navContent ul li a {
    display:block;
    width:110px;
    height:19px;
    line-height:19px;
    margin:0;
    padding:7px 0px 7px 10px;
    font-size:12px;
    color:#fff;
    text-decoration:none;
}
#navContent ul li a:hover, #navContent ul li.active a {
    color:red;
}

#navContent {
    float:left;
    width:110px;
    height:300px;
    background:#333;
    margin:0px 7px 0 0;
    padding:0;
}

/*#navContent ul{
    margin:-4px 0px 0 -30px;
    list-style-type: none;  
    position:absolute;
}

#navContent li a{
    color:#fff;
    font-size:12px;
    font-family:Arial;
    text-decoration:none;
    padding:10px 0px 10px 0px;
}
*/

#boxContent {
    float:left;
    width:462px;
}

#kontContent {
    float:left;
    height:280px;
    width:434px;
    margin:0 7px 0 0;
    background:#333;
    color:#fff;
    padding:10px;
}

#pixContent {
    float:left;
    height:300px;
    margin:0 7px 0 0;
}

#pixContent p{
    margin:0;
    padding:0;
}

#boxContent p{
    margin:0;
    padding:0;
}

.box1 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:24px;
}

.box2 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:23px;
}

.box3 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:22px;
}

.box4 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:21px;
}

.box5 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:20px;
}

.box6 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:19px;
}

.box7 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:18px;
}

.box8 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:17px;
}

.box9 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:16px;
}

.box10 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:15px;
}

.box11 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:14px;
}

.box12 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:13px;
}

.box13 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:12px;
}

.box14 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:11px;
}

.box15 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:10px;
}

.box16 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:9px;
}

.box17 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:8px;
}

.box18 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:7px;
}

.box19 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:6px;
}

.box20 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:5px;
}

.box21 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:4px;
}

.box22 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:3px;
}

.box23 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:2px;
}

.box24 {
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin:0 7px 7px 0;
    background:#333;
    z-index:1px;
}

#txtContent {
    float:left;
    width:251px;
    height:300px;
    background:#333;
}

#pixNav {
margin:-20px 0 0 0;
    float:right;
    width:250px;
    bottom:0px;
    position:relative;
    z-index:100px;
}

#pixNav p{
margin:0;
}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
float:left;
    font-size:11px;
    color:#fff;
    width:420px;
    padding:10px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {

    float:left;
    width:70px;
}
#contactForm .contactRow input, #contactForm  {
    float:left;
    width:120px;
}

.contactRow textarea {
    width:335px;
}

*+html .contactRow textarea {
    width:330px;
}

#contactForm .contactRow select {
    float:left;
    border:1px solid #ccc;
    width:120px;
}


#contactForm .contactRow input {
    float:left;
    height:14px;
}

#contactForm .contactRow textarea {
    float:left;
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 70px;
    width:174px;
}

*+html #contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 32px;
    width:174px;
}

#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
    margin:-15px 0 0 0;
}

*+html #contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
    margin:0px 2px 0 0;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    border:0;
    color:#fff;
    padding:0 0px 0 0;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
    background:none;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}

#conLeft {
float:left;
width:200px;
}

*+html #conLeft {
float:left;
width:200px;
margin:-20px 0 0 0px;
}

#conRight {
float:left;
width:200px;
margin:-92px 0 0 210px;
}

*+html #conRight {
float:left;
width:200px;
margin:-82px 0 0 210px;
}

#conTxt {
float:left;
width:410px;
}

*+html #conTxt {
float:left;
width:420px;
}

#pflicht {
float:left;
width:300px;
padding:0 0 20px 0;
}


/* ###################################################### */
/* ####################### IE HACK 7 #################### */
/* ###################################################### */


/* ###################################################### */
/* ####################### IE HACK 6 #################### */
/* ###################################################### */


* html #txtContent {
    float:left;
    width:240px;
    height:300px;
    background:#333;
}

* html div#wn  { 
    position:relative;
    width:240px; height:280px;
    overflow:hidden;
    top:10px;
    }
    
* html #boxContent {
    float:left;
    width:462px;
}