@charset "utf-8";

* {
padding: 0;
margin: 0;
}

html {
height: 101%;
}

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, fieldset, input, th, td  
{  
margin: 0; padding: 0; border: 0; outline: none;  
} 

ul, ol, li { list-style:none; } 

h1, h2, h3, h4, h5, h6  
{  
font-size:100%;
font-family:Tahoma, Geneva, sans-serif;
color:#555;
}

h1 {
font-size:19px;
line-height:22px;
font-weight:bold;
margin:0px 0px 14px 0px;
padding:0px 0px 14px 0px;
border-bottom:#666 solid 1px;
}

h2 {
font-size:20px;
font-weight:normal;
}

h3 {
color:#000;
}

p {margin: 7px 0px 15px 0px;}

/* Layout fr Links allgemein */
a img {border: 0;}
img { border:none; }

a:link, a:visited {font-size:12px; text-decoration:none; color:#6f7071;}
a:hover, a:active {text-decoration:none; color:#000;}

/* Layout fuer Eingabefelder allgemein */
input, textarea {
font:11px Tahoma, Geneva, sans-serif;
background:url(bilder/layout/input-bg.gif);
}

input[type="text"], input[type="password"], textarea {
border:solid #666 1px;
padding:1px;
}

/* Layout Klassen */
.clear {clear:both; padding:0; margin:0;}
.small {font-size:10px;}
.error {font-size:10px; color:#e92b13;}

/* Layout Webseite */

body {
font:13px Tahoma, Geneva, sans-serif;
color:#000;
line-height:18px;
background:#FFF url(bilder/layout/bg-body.png) repeat-x;
}

#ultra-container {
}

#container {
margin:0px auto;
padding:25px 0px 0px 0px;
width:980px;
}

#container-inner {
width:980px;
padding:0px 0px 0px 0px;
}


#header {
width:100%;
height:130px;
overflow:hidden;
margin-bottom:10px;
z-index:10;
}
#logo {
width:130px;
height:130px;
overflow:hidden;
margin:0px 0px 4px 0px;
float:left;
}
#header p {
float:right;
margin-top:114px;
}
#header p a {
color:#000;
}
#header p a:hover {
text-decoration:underline;
}




#content-area, #content-area-planer {
width:980px;
margin:0px 0px 0px 0px;
overflow:hidden;
float:left;
}
#content-area-planer {
width:980px;
margin:0px;
clear:both;
}


#content-planer {
width:960px;
margin:0px 0px 0px 0px;
padding:10px 10px 15px 10px;
background:#FFF;
position:relative;
z-index:10;
}



}
#content li, #content-planer li {
margin-left:7px;
padding-left:9px;
background-image:url("bilder/layout/lipoint.gif");
background-repeat:no-repeat;
background-position:0px 6px;
}

.table-planer {
margin-top:10px;
}
.table-planer, table.table-schluessel {
border-right:#000 solid 1px;
border-bottom:#000 solid 1px;
font-size:11px;
}
.table-planer td {
border-top:#000 solid 1px;
border-left:#000 solid 1px;
padding:1px;
height:20px;
overflow:hidden;
}

.table-planer input.projekt, .table-planer input.kunde {
background:none;
border:none;
}
.table-planer input.projekt {
font-size:22px;
}
.table-planer input.kunde {
font-size:14px;
line-height:14px;
padding-top:7px;
width:150px;
}

td.td-schluessel {
height:180px;
}
table.table-schluessel {
width:181px;
height:550px;
text-align:center;
transform-origin:top left;
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
position:absolute;
top:201px;
right:405px;
z-index:99;
}
table.table-schluessel td {
border-top:#000 solid 1px;
border-left:#000 solid 1px;
padding:1px;
height:20px;
overflow:hidden;
}

input.sAnzahl, input.sBezeichnung, input.zBezeichnung, input.zAnzahl {
padding:0px;
width:15px;
height:16px;
background:none;
border:none;
}
input.sBezeichnung {
width:130px;
}
input.zBezeichnung {
width:150px;
}
.zOption {
font-size:10px;
height:18px;
width:45px;
}
select.kOption {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
font-size:12px;
width:90%;
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.3);
border-radius:3px;
}

td.td-kreuz {
}
table.table-kreuz td {
padding:0;
width:24px;
height:22px;
line-height:22px;
overflow:hidden;
display:inline-block;
}
table.table-schluessel td {
height:22px;
}

.hover-kreuz {
background:#CCC;
cursor:pointer;
}
td.red {
background:#f8e5e5;
}
.table-planer .x1 .hover-kreuz tr{
background:none;
}
.hover-kreuz-strong {
background:#666;
}
td.no-border {
border:none;
}
td.no-padding {
padding:0px;
}
td.full-border {
border:#000 solid 1px;
}
td.only-border-left {
border-width:0px 0px 0px 1px;
}
table.border-r-u {
border-right:#000 solid 1px;
border-bottom:#000 solid 1px;
}
.vertical_text {
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
}



#impressum {
margin:0px 0px 0px 0px;
padding:0px 2px 0px 0px;
border-top:#666 solid 1px;
overflow:hidden;
text-align:right;
background:#FFF;
}
#impressum a {
font:9px Tahoma, Geneva, sans-serif;
color:#000;
}


#formular {
width:450px;
padding:20px;
overflow:hidden;
font:14px Tahoma, Geneva, sans-serif;
background:#FFF url(bilder/layout/bg-body.png) repeat-x;
border:1px solid #999;
margin:20px auto;
}
#jQForm {
}
#jQForm table {
width:440px;
margin:10px auto;
}
#jQForm input[type="text"], #jQForm input[type="password"], #jQForm textarea {
width:190px;
height:20px;
}

#jQForm input[type="submit"] {
color:#fff;
background:#999;
padding:9px 12px 9px 12px;
font-weight:bold;
font-size:18px;
cursor:pointer;
}



#cookieChoiceInfo {
font-size:0.8rem;
line-height:1.8rem;
color:#333;
}

#cookieChoiceInfo a {
font-size:0.8rem;
text-decoration:none;
color:#787878;
}

#cookieChoiceInfo a:hover, #cookieChoiceInfo a:active {
text-decoration:underline;
color:#000;
}

a#cookieChoiceDismiss {
padding:3px 4px 3px 4px;
color:#fff;
background:#666;
}