body, input, textarea
{ font-family: serif; }

body,p,h1,h2,h3,h4,h5,h6,td,ul, ol, li,dl, dd, dt, div, hr, table, form, fieldset
{ margin: 0; padding: 0; }

body
{ overflow: visible; }

html>body
{ overflow: scroll; }

h1
{ font-size: 32px; }

h2
{ font-size: 16px; margin-top: 10px; }

h3
{ font-size: 14px; margin-top: 12px;  }

h4
{ font-family: verdana, sans-serif; font-size: 14px; margin-top: 12px; }

p, td, li, dd, label, input, textarea
{ font-size: 14px; font-family: sans-serif; }

a
{ color: #606060; }

a:hover
{ color: black; }

ul
{ margin-left: 20px; }

li  
{ list-style: square url(/fileadmin/webskriptorium.com/template/dot.gif) outside; }

fieldset
{ border: 0; }

label
{ display: block; float: left; width: 30%; }

input, textarea
{ border: 1px solid #d0d0d0; color: #606060; margin-bottom: 10px; width: 60%; 
  font-size: 11px; }

textarea
{ height: 60px; }

textarea#mailformadresse
{ height: 30px; }

input#mailformformtype_mail
{ width: 110px; }





#firma
{ margin-top: 50px; margin-right: 8%; width: 92%; text-align: right;  }




#linie
{ margin-top: 20px; margin-right: 8%; width: 92%; }

#linie .linie
{ border: 1px solid #FF5E24; width: 100%; }

#linie .logo
{ width: 100%; }

#logo-col1 a,#logo-col2 a,#logo-col3 a,#logo-col4 a,#logo-col5 a
{ display: block; text-decoration: none; color: black; }

#logo-col2 a
{ color: white; }

#logo-col1 a span,#logo-col2 a span,#logo-col3 a span,#logo-col4 a span,#logo-col5 a span
{ display: none; }

#logo-col1 a:hover,#logo-col2 a:hover,#logo-col3 a:hover,#logo-col4 a:hover,#logo-col5 a:hover
{ display: block; }

#logo-col1 a:hover span,#logo-col2 a:hover span,#logo-col3 a:hover span,#logo-col4 a:hover span,#logo-col5 a:hover span
{ display: block; position: absolute; top: 156px; z-index: 3;
  padding: 2px; border: 1px solid #404040; color: #404040; 
  font-size: 14px; font-weight: bold; }

#linie .cellspacing
{ width: 30px; height: 30px; }

#linie #logo-col1
{ width: 30px; height: 30px; background-color: white; border: 1px solid black;}

#linie #logo-col2
{ width: 30px; height: 30px; background-color: #5A2B0C; border: 1px solid black;}

#linie #logo-col3
{ width: 30px; height: 30px; background-color: #F9DE95; border: 1px solid black;}

#linie #logo-col4
{ width: 30px; height: 30px; background-color: #D17D5E; border: 1px solid black;}

#linie #logo-col5
{ width: 30px; height: 30px; background-color: #FF5E24; border: 1px solid black;}

#untermenu
{ position: absolute; top: 194px; right: 8%; }

#untermenu p
{ font-size: 10px; }

#untermenu a
{ margin-left: 5px; }

#untermenu .aktiv
{ text-decoration: none; }





#name
{ margin-top: 20px; margin-right: 8%; margin-left: 8%; width: 84%; }

#name p, #kontakt td
{ font-weight: bold; }

#name p
{ font-size: larger; }



#kontakt
{ position: absolute; left: 8%; bottom: 50px; width: 30%; background-color: white; }

html>body #kontakt
{ position: fixed; /*left: 8%; bottom: 8%;*/ }

#kontakt .col1
{ width: 80px; }

#kontakt .col1, #kontakt .col2
{ padding: 1px; }

#kontakt a
{ text-decoration: none; color: black; }




#inhalt
{ margin-top: 30px; margin-right: 8%; /*margin-bottom: 50px;*/ margin-left: 50% ; 
  width: 42%; overflow: visible; }
  
.noscroll #inhalt
{ /*overflow: auto;*/ }

#titel
{ float: right; margin-left: 3%; margin-bottom: 2px; border-left: 1px solid #c0c0c0; }

#titel h1
{ font-size: 32px; color: #c0c0c0; margin-top: -5px; margin-bottom: 12px; margin-left: 5px; }

#inhalt p, td, li
{ line-height: 150%; }

.csc-textpic-imagewrap
{ margin-top: 5px; }





#footer
{ position: absolute; left: 8%; bottom: 20px; }

html>body #footer
{ position: fixed; }

#footer p
{ font-size: 10px; }

#footer a
{ margin-right: 5px; }

#footer .aktiv
{ text-decoration: none; }

#produktkategorien
{ display: none; }