/* 
Theme Name: toptechverband
Description: theme for the webpage of toptechverband.at
Author: Reinhard Staudinger
Author URI: http://staudingers.net
Version: 1.0.1

based upon whiteboard by Brian Purkiss (http://brianpurkiss.com)
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
/* {margin:0;padding:0;} ... wird von checker moniert */

/* Begin Typography & Colors */
body {	font-size: 62.5%; /* Resets 1em to 10px */ font-family: Helvetica, Arial, Sans-Serif; background: #d5d6d7 url('images/bgcolor.jpg'); color: #222; text-align: left; }

#container { width: 820px; margin: 20px auto; font-size: 1.2em; background: url("images/toptechbg.jpg") repeat-y top; border: none; }
#header { background: #d5d6d7 url('images/toptechheader.jpg') no-repeat bottom center; margin: 0 0 0 1px; padding: 0; height: 135px; width: 818px; }
#header #topLogo { float:left; padding: 34px 20px 0 32px;  }
#header #topTitle { padding-top: 34px; }
#header #topText { color: #fff; padding-top: 23px; font-size: 1.1em; font-weight:bold; text-align:center; }
#header ul { list-style-type:none; text-align: right; padding-right: 32px; }
#header ul li { display: inline; }
#header ul li img { border: 0; padding-left: 7px; }
#content { width: 65%; float:left; padding: 30px 20px 20px 40px; line-height: 135%; }
#content p { margin-bottom: 1.2em; }
#content p strong { font-weight: bold; }
#content h2 { font-size: 1.4em; font-weight:bold; margin-bottom: 1.4em; }
#content h3 { font-size: 1.1em; font-weight:bold; margin-bottom: 0.6em; }
#content h3.products { font-size: 1.4em; margin-top: 1.4em; border-top: 1px solid #d5d6d7; padding-top: 25px; clear:left; line-height: 120%;}
#content h3.mitglieder { font-size: 1.2em; }

#content ul { margin-left: 35px; }

#content dl dt { border-top: 1px solid #d5d6d7; padding-top: 25px; }
#content dl dt:first-child { border: 0; }
#content dl dt img { float:left; margin-right: 20px; border: 0; padding-bottom: 25px; }
#content dl dd { clear:left; padding-bottom: 25px; }

#content ul.producer { list-style-type: none; margin-left: 0; margin-bottom: 15px; }
#content ul.producer li { display: inline; }
#content ul.producer a img { border: 0; width: 80px; height: 33px; }
#content p.prodtext { margin-left: 250px; margin-bottom: 25px; }
#content img.prodpix { float: left; margin-left: -250px; margin-bottom: 25px; }

#content div.mitglied, #content div.mitglied1 { border-top: 1px solid #d5d6d7; clear:left; padding: 25px 0 25px 0; }
#content div.mitglied1 { border: 0; padding: 0 0 25px 0; }
#content div.mitgliedpix { text-align:right; }
#content div.mitgliedvcf { float:left; width: 400px;  }

#content form label { display:block; margin-bottom: 4px; }
#content form img.cappix { display:block; }
#content form p { line-height: 100%; margin-bottom: 0.8em; }
#content form fieldset { border : 1px solid #d5d6d7; padding: 10px }
#content form fieldset legend { padding: 0 5px 0 5px; font-weight: bold; }
#content form input.text { width: 260px; }
#content form input.small { width: 60px; }
#content form textarea.nachricht { width: 360px; height: 200px; }

#sidebar { width: 25%; float: right; margin-top: 30px; margin-right: 10px; padding: 0px 0px 0px 10px; line-height: 155%; border-left: 1px solid #d5d6d7; }
#sidebar ul { list-style-type: none; }
#sidebar ul li:before { content: "\00BB \0020"; }
#footer { background: #e7e7e7 url('images/toptechfooter.jpg') no-repeat top; border: none; padding: 0; margin: 0 auto; width: 820px; height: 63px; clear: both; }
#footer p { margin: 0; padding: 30px 0 10px 0; text-align: center; font-size: 0.8em; }
a, #sidebar li a { color: #222; text-decoration: none; font-weight:bold; }
a:hover, #sidebar li a:hover, #sidebar li.current_page_item a { color: #ff8000; }
a.sprung, a.sprung:hover { color: #333; }