/*
Theme Name: heldentraeume
Version: 0.1
Author: Tim Portner
Author URI: http://www.timportner.de
*/


@import "css/reset.css";
@import "css/tools.css";



/* base
------------------------------------------------------------------ */
html { width: 100%; }
body { background:#95c11c; width: 100%; min-width: 960px; display: block; }
body.projekte { background: none; }
html, body { height:100%; }

img.resize { position: fixed; overflow: hidden; top: 0px; right: 0; z-index: -1; height: 100%; }

#page {  min-height:100%; margin: 0 0 -140px 0; z-index: 100; }

p#extra { position: absolute; top: 30px; left: 0;  }
p#extra a {background: url(images/typo+.png) no-repeat; width: 53px; height: 35px; display: block;}
p.out { position: absolute; top: -1000px;}
body.projekte p#extra a { background: url(images/typowhite.png) no-repeat!important; }

a.start_center { position:absolute; top:50%;left:50%; margin-top:-173px; margin-left:-245px; width:490px; height:346px; }


#nav { position:relative; padding-top: 40px; padding-left: 80px; }
#nav ul ul { display: none; }
#nav ul li.current_page_item ul,#nav ul li.current_page_parent ul,#nav ul li.current_page_ancestor ul { display: block; }

body.projekte #nav { background:#95c11c; height:100px;}
.clearnav { height:140px; clear: both; }
#nav li { float: left; padding-right: 20px; position: relative; }
#nav li ul li {padding-right: 15px;  }
#nav ul { margin: 0 0 0 0;  }
#nav li ul { position: absolute; left: 0; top: 20px; margin: 8px 0 0 0; width: 350px; }
#nav li ul a { color: #fff; text-decoration: none;  }
#nav li a span { display: none; }


/* div#content
------------------------------------------------------------------ */
#content { padding-left: 80px; padding-top: 85px; min-width: 578px; }
body.projekte #content { width: 820px; padding-bottom: 40px; }


#content h1 { padding: 0 0 5px 0; }
#content h1 img { padding: 0 7px 0  0 ; }
#content ul, #content ol { padding-left:5px;  margin: 10px 0 10px 12px; }
#content ul ul, #content ol ol { margin: 0px 0 0px 12px!important;  }
#content ol li,#content ul li { list-style: url(images/li.png); }
#content ul li {  padding: 2px 0; }
#content ul li span { display: none; }
#content ul li img { margin: 6px 0 -4px 0; }

#reflist { width: 820px; margin: 40px 0 0 0; }
#reflist td, #reflist th { border-bottom: 1px solid #929191; padding: 7px 10px 7px 0; vertical-align: middle; line-height: 1em; }

#reflist th { text-align: left; font-weight: 700; cursor: pointer; }
#reflist th.headerSortDown,#reflist th.headerSortUp, body.projekte em { color:#95c11c; font-style: normal; }
#reflist th.i { width: 25px; }
#reflist th.k { width: 200px; }
#reflist th.p { width: 200px; }
#reflist th.l {width: 150px;}
#reflist th.b {width: 150px;}
#reflist .j { width: 45px; padding-right: 0; text-align: right; }

.projektEntry { position: relative; min-height: 240px; }

#projektheader { display: block; width: 820px; height: 270px; }

#content ul.refitems {padding: 8px 0 40px 0!important; margin: 0!important; width: 326px; display:inline-block;  position: absolute; right:0; top:0; }
#content ul.refitems li { list-style: none!important; padding: 4px 0 2px 5px!important; margin: 0px!important; float: left; line-height: 1em; }
#content ul.refitems li img { margin: 0!important;}


body.projekte p.meta { border-bottom: 1px solid #929191; margin-top: 40px; position: relative; }
body.projekte span.right { position: absolute; right:0; top:6px; }
body.projekte span.right a:hover { color: #95c11c; }
body.projekte p { padding: 8px 0;}


.cprojekte .entry { width: 480px!important; }

div.headerdiv_trans { width:820px; height:270px; display:inline-block; position: relative; overflow: hidden;  }
div.headerdiv_trans div { width: 8000px; position: absolute; left: -229px; top: 0; }
div.headerdiv_trans img { padding: 0 2px;   }

div.headerdiv_trans span.right{ display: block; background: url(images/weiss_verlauf_links.png) left top no-repeat; width: 200px; height:270px; position: absolute; left: 0; top: 0; z-index:1000;}
div.headerdiv_trans span.left{ display: block; background: url(images/weiss_verlauf_rechts.png) left top no-repeat; width: 200px; height:270px; position: absolute; right: 0; top: 0; z-index:1000;}


#reflist tbody tr:hover { background: #fafafa; }

#content ul.trans li,#content ul.trans {list-style:none!important; padding-left:0px!important; margin-left:  0px!important; margin-top: 0px!important;}

.entry img { margin: 2px 0; }

.perso span {padding: 0 5px; }
.fakten span { width: 180px; display:block; float: left; }
.kunden { width: 600px!important;  }

table.floatleft { width: 500px; }
table.floatleft tr td { margin: 0 10px 0 0; padding: 3px 0 3px 0; white-space: nowrap; }

table.floatright { width: 50px; padding: 0 0 0 0;  }
table.floatright  tr td.last { color: #59780f;  width: 20%!important; }
table.floatright tr td { padding: 1px 0; }

table.typo  tr td img {margin: 0 0 3px 0!important; padding: 0 0 0 0!important;}

/* typography
------------------------------------------------------------------ */
body,input,select,th,td { font: 13px/1.4 "Tahoma", Arial, Helvetica, sans-serif sans-serif; color:#fff; /*letter-spacing: 0.03em;*/ }
body.projekte, body.projekte td, body.projekte th { color: #929191; }

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; line-height:1.1em; letter-spacing: 0.05em; color: #fff; }

h1 { font-size: 24px; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }

p { padding: 4px 0; }

/* links
------------------------------------------------------------------ */
a { color:#fff; text-decoration:none; }
body.projekte a { color: #929191; }
a:hover { text-decoration: none; }