/*
Theme Name: Stil-Etage V5
Theme URI: http://www.stil-etage.de/
Description: Stil-Etage Template V5.
Version: 5.0
Author: Nick Jantschke
Author URI: http://www.stil-etage.de/
*/
/*
----------------> CSS-RESET <--------------------
*/
* { margin: 0; padding: 0; }
html { overflow-y:scroll; }
html, body { height: 100%; min-height: 100%; height: auto !important; }
body { font-size: 12px; font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color:#666; }
ul { list-style: none; }
ol { list-style: none; width:250px; }
a { outline: none; text-decoration: none; color:#ccc; }
a img { border: none; background: none; }
img { vertical-align: middle; outline:none; }
table { border-collapse: collapse; }
.hg { background-color:#454546; background-image:url(images/hg.jpg); background-position:center top; background-repeat:no-repeat; }
.hg1{ background-color:#454546; background-image:url(images/hg1.jpg); background-position:center top; background-repeat:no-repeat; }
.hg2{ background-color:#454546; background-image:url(images/hg2.jpg); background-position:center top; background-repeat:no-repeat; }
/*
----------------> Allgemeine Formatierungen <--------------------
*/
.container0 { float:left; width:100%; height:auto; }
.container00 { margin: 0 auto; width: 900px; height:auto; }
.container1 { float:left; width:100%; height:auto; }
.container11 { margin: 0 auto; width: 900px; height:200px; }
.container2 { float:left; width:100%; height:auto; }
.container22 { margin: 0 auto; width: 900px; height:auto; font: 12px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color:#fff; text-shadow: #666 0px 1px 0px; }
.container22 a{ font-weight:bold; }
.container22 a:hover{ text-decoration:line-through; }
.container3 { float:left; width:100%; height:auto; }
.container33 { margin: 0 auto; width: 900px; height:auto; }

.blank { position:absolute; float:left; width:50%; height:200px; background-color:#fff; }

img#wpstats{display:none}
h1{ font: bold 16px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:-1px; color:#fff; margin-bottom:10px; text-shadow: #000 0px 1px 0px; }
h1 a{ color:#fff; }
h2{ font: bold 14px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:-1px; color:#000; text-transform:uppercase; margin-bottom:2px; padding-bottom:2px; margin-top:2px; padding-top:2px; text-shadow: #666 0px 1px 0px; }
h3{ font: bold 16px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:-1px; color:#333; margin-bottom:5px; margin-top:5px; text-shadow: #ababab 0px 1px 0px; }
h3 a{ color:#646464; }
h4{ font: bold 12px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:-1px; color:#333; text-transform:uppercase; margin-bottom:10px; text-shadow: #ababab 0px 1px 0px; }
h5{ float:left; width:50px; font: bold 14px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:-1px; color:#ccc; text-transform:uppercase; margin-bottom:10px; text-shadow: #333 0px 1px 0px; padding:3px; } 
p { line-height: 1.4em; margin: 0 0 10px 0; }
.tren { float:left; width:900px; height:2px; background-image:url(images/tren.jpg); background-repeat:repeat-x; margin-top:20px; margin-bottom:20px; }
.tren1 { float:left; width:625px; height:2px; background-image:url(images/tren.jpg); background-repeat:repeat-x; margin-top:20px; margin-bottom:20px; }
.tren2 { float:left; width:900px; height:2px; background-image:url(images/tren.jpg); background-repeat:repeat-x; margin-top:20px; margin-bottom:20px; }
/*
----------------> Header <--------------------
*/
.logobox { float:left; margin-top:10px; }
.menubox { float:right; margin-top:10px; }
.menubox li { display:block; float:right; list-style-type:none; clear:both; }
.menubox li.menustartseite a { display:block; height:50px; width:271px; background:transparent url(images/menustartseite.png) no-repeat 0px 0px; text-indent:-9009px; }
.menubox li.menureferenzen a { display:block; height:50px; width:292px; background:transparent url(images/menureferenzen.png) no-repeat 0px 0px; text-indent:-9009px; }
.menubox li.menukontakt a { display:block; height:50px; width:570px; background:transparent url(images/menukontakt.png) no-repeat 0px 0px; text-indent:-9009px; }
.menubox li.kui a { display:block; height:50px; width:570px; background:transparent url(images/menukontakt.png) no-repeat 0px -50px; text-indent:-9009px; }
.menubox li.home a { display:block; height:50px; width:272px; background:transparent url(images/menustartseite.png) no-repeat 0px -50px; text-indent:-9009px; }
.menubox li.ref a { display:block; height:50px; width:292px; background:transparent url(images/menureferenzen.png) no-repeat 0px -50px; text-indent:-9009px; }
.menubox li.menuxing a { display:block; height:50px; width:117px; background:transparent url(images/menuxing.png) no-repeat 0px 0px; text-indent:-9009px; }
.menubox li.menuflickr a { display:block; height:50px; width:158px; background:transparent url(images/menuflickr.png) no-repeat 0px 0px; text-indent:-9009px; }
.menubox li.menutwitter a { display:block; height:50px; width:207px; background:transparent url(images/menutwitter.png) no-repeat 0px 0px; text-indent:-9009px; }
.menubox li a:hover { background-position: 0 -50px; }

.refbanner{}
.refbanner li{ float:left; }


/*
----------------> Content <--------------------
*/
.box1{ float:left; width:300px; height:300px; }
.box2{ float:left; width:300px; height:300px; font-size:12px; font-weight:normal; }
.box3{ float:right; width:250px; height:300px; }
input { padding:4px; }
.sticky { float:left; width:625px; clear:both; }
.sticky ul{ float:left; }
.sticky li{ margin-bottom:5px; margin-top:5px; padding-bottom:5px; border-bottom:1px #666 solid; }
.sticky img{ float:left; margin-left:10px; }
.content { float:left; width:625px; height:auto; }
.sidebar { float:right; width:220px; height:auto; }
.sidebar ul{ margin-top:10px; }
.refimagebox { float:right; }
.refimagebox img{ padding:5px; background-image:url(images/imgrefhg.png); }
.filter { float:left; background-image:url(images/trenstrich.png); width:625px; height: 25px; background-repeat:no-repeat; margin-bottom:50px; }
.filter ul{ padding-left:80px; }
.filter li{ float:left; padding:4px; margin-left:10px; margin-right:10px; color:#333; font-weight:bold; }
.filter li a{ color:#fff; font-weight:bold; }
.current-cat { text-decoration:line-through; }
/*
----------------> Sidebar <--------------------
*/
.box{ float:left; width:220px; margin-bottom:15px; padding-bottom:15px; background-image:url(images/tren.jpg); background-repeat:repeat-x; background-position:bottom; }
/*
---------------->Footer<--------------------
*/
.footer{ text-align:right; float:right; font: bold 12px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase; text-shadow: #666 0px 1px 0px; margin-bottom:20px; }
/*
----------------> Tooltip <--------------------
*/
#tooltip{ position:absolute; height:18px; padding:10px 10px 10px 15px; color:#333; display:none; background-image:url(images/hgtip.png); font-weight:bold; font-size:10px; line-height:18px; background-repeat:no-repeat; background-position:center left; margin-bottom:10px; text-shadow: #e2e2e2 0px 1px 0px; }
/*
----------------> Slidingboxes <--------------------
*/
.boxgrid{ width: 300px; height: 200px; float:left;	background:#161613; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p a{ font-weight:bold; font-size:10px; color:#333; }
.boxgrid p a:hover{ font-weight:bold; font-size:10px; color:#000; }		
.boxcaption{ float: left; position: absolute; height: 100px; width: 280px; padding:10px; background-image:url(images/hgslide.png); }
.captionfull .boxcaption { top: 200px; left: 0; }
.caption .boxcaption { top: 200px; left: 0; }