/*
Theme Name: Netztext.eu
Version: 2.1
Author: Tim Portner
Author URI: http://www.netzgestaltung.eu
*/

/* < matrix >
------------------------------------------------------------- */
* { margin:0; }
html, body { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.7em; background:#bcbdcd; padding:0; min-height: 100%; }
.tools li, .navi li, .main a:link, .main a:visited, .floatleft {float:left; }
.floatright {float:right; }
.clear {clear:both;}
img { border:none; }
hr { background:none; border-top:1px solid #e7e7e7; padding-top:10px; padding-bottom:10px; }
body, #bodycontent, .main a:link, .main a:visited, .main a:hover, #dom-tooltips {color:#001b32;} /* set main font color */
#wrapper { height: 100%; display: block; }

/* < typo >
------------------------------------------------------------- */
p { padding:5px 0; }
h1 { padding-bottom:0.4em; color:#808080; }
h2 { padding-top:1.6em; font-weight:normal; color:#808080; }
.small { font-size: 0.9em; word-spacing: 0.2em; }
.main span { text-decoration:underline; }
strong,label { color: #464646; }

/* < hyperlinks >
------------------------------------------------------------- */
a:link, a:visited { color:#839DB4; font-weight:700; }
a:hover, .main a:link, .main a:visited { text-decoration:none; }
.main a:link, .main a:visited { display:block; padding: 10px 15px 0 15px; height:28px; letter-spacing: 0.1em; text-transform:uppercase; background-color:#f4f4ee; }
.main a:hover { background-color:#bbb7c7; }
.aktiv a:link, .aktiv a:visited { background-color:#dcdae1; }
.tools a:link, .tools a:visited { display:block; padding:7px; }
.tools a:hover { background:url('images/navi-buttons-bg.gif') no-repeat center; }
.nohover a:hover { background: none; }

/* < content >
------------------------------------------------------------- */
#content { padding-top:347px; background:#999999 url('images/content-bg.gif') repeat-y left; min-height: calc(100% - 535px); }
#bodycontent { padding-left:140px; width:630px; padding-top:1px; } /* 1px to fix a small bug */
#bodycontent img { padding-left: 10px ; padding-bottom:10px; }
.alignright { text-align:right; }
.wusstensieschon { margin-top: 30px; color: #808080; border:1px dotted #C1C1C1; clear:both; }
.wusstensieschon p { background: url('images/info.gif') left top no-repeat; margin:10px; padding-left: 40px; }
.kinderlollis { color: #808080; border:1px dotted #C1C1C1; clear:both; padding: 10px; background: url('images/lolli.jpg') right bottom no-repeat; }
.kinderlollis p { padding-right:100px; }
.ptop { padding-top: 25px; }
.navigation { display: block; padding-bottom:20px; }
.feedback { color: #808080; border:1px dotted #C1C1C1; padding:10px; margin:10px 0; }
.commentlist, .commentlist li { margin:10px 0; }

/* < header >
------------------------------------------------------------- */
#header { position: absolute; top:0px; width:100%; background: #bcbdcd; }
#logo { background:url('images/header-bg.jpg') repeat-x left top; height:124px; }
.navi { border-left: 1px solid #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.1em; margin-top:1px}
.navi ul { padding:0; list-style-type :none; }
.main { border-top: 1px solid #777792; background-color:#f4f4ee; height:38px; }
.tools  ul { margin-left:20px; }
.tools { margin-top:1px; border-top: 1px solid #ffffff;background: #e5e7ec url('images/navi-ul-bg.gif') no-repeat left center; height:35px; padding-top:5px }
.tools select { margin-right:10px;margin-top:5px; }
.padtop { padding-top:5px; }
#ruler { background:#999999 url('images/subnavi-bottom-bg.gif') repeat-x top; height:141px; }

/* < footer >
------------------------------------------------------------- */
#footer { background:#999999 url('images/bg-footer.gif') no-repeat left top; height:188px; border-left: 1px solid #fff; color:#545454; }
#footer p { width:590px; text-align:right; float:left; padding-top:100px; margin-left: 100px; }

/* < kontakt >
------------------------------------------------------------- */
#kontakt {  position:relative; bottom: 0px; left: 63px; float:left; }
fieldset { border: none; }
label { font-weight:700; }
.kontaktfelder, textarea { border:none; display:block; width:400px; padding:5px; }
.kontaktfelder { border-bottom:1px dotted #c3d8ea; margin-bottom:20px; border-top:1px solid #fff; }
textarea { border:1px dotted #c3d8ea; margin-top:10px; }
.submit { margin-top:20px; padding:5px; }
.kontaktfelder:hover,.kontaktfelder:focus,textarea:hover,textarea:focus{ border:1px dotted #0a4271; }

/* < tooltips >
------------------------------------------------------------- */
#dom-tooltips { position: absolute; left: 0; top: 0; z-index: 1000; display: block; visibility: hidden; padding: 5px; border-style: solid; border-width: 1px; border-color: #444433; background-color: #f5f5ee; white-space: nowrap; max-width: 500px; }

/* ...i haven't said mattress! ;) */