/*  
Theme Name: Quadratpunkt

*/

body {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 75%;  color:#000000}
body, div, p, h1, h2, h3, form, table, img, ol, ul, li {margin: 0; padding: 0; border: none}
a {text-decoration:none;}
a:visited {color: #333333;}
a:hover {text-decoration: underline}
#content {width: 67em; text-align: left; margin: 0 auto; border: 2px solid #fff;}
#banner1 {width: 100%; height: 27px; margin-bottom: 2px; background-color: #fff;}
#banner1 img.rot {width: 12.3em; height: 27px; border-right: 2px solid #FFF;}
#banner1 img.banner {margin-left: 0.0em;}
#banner2 {width: 100%; height: 12.3em; margin-bottom: 2px;}
#banner2 img {vertical-align: top;}
#banner2 img.logo {width: 12.3em; margin-right: 2px;}

#links {float: left; padding-top: 3.3em; padding-bottom: 3em;width: 12.3em; background-color: #fff}
#links ul {margin-bottom: 2px; padding-bottom: 0.2em; margin-left: 20px; line-height: 140%; font-size: 0.9em; color: #fff; background-color: #fff; list-style-type:none;}
#links li {padding-left: 3px;}
#links li a {color: #777; font-weight:bold;}
#links h2 {background-color: #fff; color:#777; font-size: 1.2em; line-height: 130%; padding-left: 25px; background-image:url(images/logo_rot_klein.gif); background-repeat:no-repeat; background-position: 2px 2px;}
#links h2.partner {background-image: url(images/weisserpunkt.gif)}

#mitte {width: 39.6em; float: left;}
#mitte p.navi {height: 1.7em; background-color: #fff; vertical-align: middle; margin: 0 2px; padding-left: 1em;}
#mitte p.navi a {font-weight: bold; color:#777; line-height: 160%; padding-right: 2em;}
#mitte h1 {font-size: 1.4em; color: #EE2F34; padding: 0.3em 0 0.9em 0.6em;}
#mitte h2 {font-size: 1.2em; color: #EE2F34; padding: 0.3em 0 0 0.6em;}
#mitte h1 {font-size: 1.5em; color: #EE2F34; padding: 0.3em 0 0.9em 0.6em;}
#mitte h2 {font-size: 1.2em; padding: 0.3em 0 0.9em 0.7em;}
#mitte h3 {font-size: 1.0em; padding: 0.3em 0 0.9em 0.8em;}
#mitte h4 {font-size: 0.9em; padding: 0.3em 0 0em 0.9em;}
#mitte h6 {color: #fff; line-height: 10px; font-size: 1px;} /*als unsichtbarer Durchschuß verwendet*/
#mitte a {color: #EE2F34}
#mitte p {font-size: 0.9em; margin: 0 2em 0.5em 0.9em;}
#mitte p img {float: left; margin: 0 10px 10px 0;}
#mitte ul, #mitte ol {margin: 0 2em 0.5em 3.9em; padding-left: 0.9em; font-size: 0.9em;}
#mitte p.impressum a {color: #000000; padding-left: 15px; background-image:url(images/roterpunkt_klein.gif); background-repeat:no-repeat; background-position: 2px 2px;}

/*Sitemap*/
#mitte div.ddsg-wrapper {padding-left: 4em;}
#mitte div.ddsg-wrapper ul {margin-left: 1em;}
#mitte div.ddsg-wrapper ul ul, #mitte div.ddsg-wrapper ul ul ul {font-size: 1em;}

/*Kontakt- und Callback-Formulare*/
div.inputfield label {display: block; }
textarea {width: 20em; display:block;}

#rechts {float: right; padding-top: 3.3em; padding-bottom: 3em; width: 15em; background-color: #fff}
#rechts h2 {background-color: #fff; color:#777; font-size: 1.2em; line-height: 130%; padding-left: 25px; margin-bottom: 2px; background-image:url(images/logo_rot_klein.gif); background-repeat:no-repeat; background-position: 2px 2px;}
#rechts div.news {margin-bottom: 2px;}
#rechts p {background-color: #fff; color:#777; font-size: 0.9em; margin-left: 20px; margin-bottom: 0px; padding-left: 5px;}
#rechts p a {display: block; color: #EE2F34; font-size: 1.0em; font-weight: bold;}
#rechts ul {margin-bottom: 2px; padding-bottom: 0.2em; margin-left: 20px; line-height: 140%; font-size: 0.9em; color: #fff; list-style-type:none;}
#rechts li {padding-left: 3px;}
#rechts li a {color: #777; font-weight:bold;}
#footer {width: 100%; clear: both;}

form, fieldset {border: none;}
.intouch {padding: 10px;}