@charset "UTF-8";
/*
Theme Name:              Brainbox
Theme Author:            Andreas Hecht - http://www.the-netbrain.de
Theme URI:               http://www.the-netbrain.de/brainbox.htm
Description:             This Theme is using HTML5, WAI-ARIA and CSS3
Layout online since:     23.11. 2009
Last Change:             23.11. 2009
*/
@import url(http://www.the-netbrain.de/css/brainbox.css);
@media screen,projection{ *{margin:0;padding:0} article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{ margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1} article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block} nav ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none} a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help} table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} input,select{vertical-align:middle} html *{ font-size:100.01%} html{height:101%} .clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden} header,nav,#container,#wrapper,footer{overflow:hidden}  body{font-family:Calibri,Arial,Helvetica,sans-serif;font-size:85.00%;color:#333;background-color:#f8f5e9}  h1,h2,h3,h4,h5,h6{font-family:Calibri,"Times New Roman",Times,serif;font-weight:normal;margin:0.5em 0 0.7em 0;color:#917854} h1{margin:0 0 0.7em 0} h1{font-size:220%}h2{font-size:190%}h3{font-size:170%}h4{font-size:150%}h5{font-size:135%}h6{font-size:120%}  ul,ol,dl{line-height:1.5em;margin:0em 0 1em 0.8em} ul li{list-style-type:disc} ol li{list-style-type:decimal} li{margin-left:0.3em;line-height:1.5em}  p{line-height:1.5em;font-size:1.030em;margin:0 0 0.9em 0;color:#444} blockquote,cite{font-family:Cambria,Georgia,"Times New Roman",Times,serif} blockquote{margin:0.3em 0 1em 1.6em;color:#666;background:#f9f9f9;padding:5px 20px 0px 20px;border-top:1px solid #ddd; border-bottom:1px solid #ddd} strong{font-weight:bold} abbr{border-bottom:1px #aaa dotted;font-variant:small-caps;letter-spacing:.07em;cursor:help} hr{color:#fff;background:transparent;margin:0 0 0.5em 0;padding:0 0 0.5em 0;border:0;border-bottom:1px #ccc dotted} small{font-size:85%;color:#666} pre,code{color:#800;font-size:1.1em}  .skip,.hideme{position:absolute;left:-1000em;top:-1000em} .skip:focus,.skip:active{position:static;left:0;top:0} #topnav{text-align:left;padding:3px 50px 0 0} #topnav span.navlinks{float:right} #topnav a{color:#fff;font-weight:normal;background:transparent;text-decoration:none} #topnav a:focus,#topnav a:hover,#topnav a:active{color:#fff;text-decoration:underline;background-color:transparent} #head{width:100%;color:#fff;height:125px;background:#000 url("../images/brainlogo.png");background-repeat:no-repeat;border-top:3px solid #999;border-bottom:3px solid #000;margin-top:-3px} #head h1{position:absolute;left:270px;top:30px;font-weight:bold;font-size:45px;margin:0;line-height:1em;color:#fff;font-family:"Segoe Print",Georgia,"Times New Roman",Times,serif} #head h1 span{background:url(../images/gradient-shine.png) repeat-x;position:absolute;display:block;width:100%;height:64px} #head h2{position:absolute;left:270px;top:80px;color:#fff;font-size:1.5em;font-family:Calibri,Georgia,"Times New Roman",Times,serif} #head h2 span{background:url(../images/gradient-dark.png) repeat-x;position:absolute;display:block;width:100%;height:27px} #navmargins{position:relative;height:2em;background:#f8f5e9;margin:0;padding:0;border-bottom:1px solid #f8f5e9} #navigation{position:relative;height:auto;width:980px;margin:0 auto} #nav_horizontal{width:100%;font-family:Arial,"Times New Roman",Times,serif;margin:0 auto;text-transform:uppercase} #nav_horizontal li{list-style-type:none;margin:0;display:block;width:19%;float:left;text-align:left;height:2em;line-height:1.1em} #nav_horizontal ul li strong{display:block;padding:.5em .1em 1em .7em;margin:0;height:3.5em;text-decoration:none;background-image:none} #nav_horizontal ul li#current a{color:#000;font-weight:bold;text-decoration:none} #nav_horizontal ul li#current a:hover{cursor:default;color:yellow} #nav_horizontal li a{display:block;padding:.5em .1em 1em 1em;text-decoration:underline;color:#888;background-image:none;height:2em;font-size:85%; font-weight:normal} #nav_horizontal li a:hover{color:#fff;font-weight:bold;background-color:#000;text-decoration:none} #nav_horizontal li{background-color:transparent} #nav_horizontal li a:focus{outline:1px solid #000;color:#fff} #aside{width:285px;float:right;overflow:hidden;margin:0;font-size:93%;padding:0 10px 100em 20px;margin-bottom:-100em} .box{background:#f8f5e9;padding:0 20px 20px 20px;margin:0} #container{margin:0 auto;max-width:75em;min-width:900px;background:#f8f5e9;padding:10px 20px;margin-top:0} #wrapper{background:#f8f5e9;padding:10px 20px 20px 20px;margin:0} article{padding:0 0 0 10px;width:66%} .img_reset{float:left;padding:5px;border:1px solid #ccc;margin:0 1em 0.5em 0} .img_reset1{padding:5px;border:1px solid #ccc;margin:0} table.runter{margin:0 0 2em 0} ul li span{padding-left:2em} pre.source{background-color:#FCFCFC;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:1.5em;margin-top:1em; padding:0.6em} .information{background-color:#eee7cb;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:1.5em 0; padding:1em} .warning{background:#fee;color:#400;border-top:1px #844 solid;border-bottom:1px #844 solid; border-left:1px #eee solid;border-right:1px #eee solid;padding:10px;margin-bottom:1em} .coffee{padding:5px 40px 5px 0;background:url(../images/coffee.png) no-repeat scroll right top;display:inline-block} .spenden{background:#f3f1e9;height:auto;overflow:hidden;margin:0;padding:1px 20px 20px 20px; border:1px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px} .news_content{padding:0 0 0 10px;width:66%} #box_wrapper{height:100%;width:auto} .box_left{float:left;width:40%;background:#decec6;height:auto;overflow:hidden;margin:10px 10px 10px 0;padding:0 20px 20px 20px; border:1px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:4px 4px 2px #777;-webkit-box-shadow:4px 4px 2px #777} .box_right{float:right;width:40%;background:#decec6;height:auto;overflow:hidden;margin:10px 0 10px 20px;padding:0 20px 20px 20px; border:1px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:4px 4px 2px #777;-webkit-box-shadow:4px 4px 2px #777} #newscols{height:100%;margin:1em 0;width:100%;border-top:1px solid #ccc} .col_left{float:left;width:48%;overflow:hidden;padding:.5em;margin:0} .col_right{float:right;width:48%;overflow:hidden;padding:.5em 0 .5em .5em;margin:0} ul.browsertest li{list-style-type:none} li.ff{padding:0px 0 5px 28px;background:url(../images/Firefox.png) no-repeat scroll left top} li.saf{padding:0px 0 5px 28px;background:url(../images/Safari.png) no-repeat scroll left top} li.op{padding:0px 0 5px 28px;background:url(../images/Opera.png) no-repeat scroll left top} li.ch{padding:0px 0 5px 28px;background:url(../images/Chrome.png) no-repeat scroll left top} li.ie{padding:0px 0 5px 28px;background:url(../images/IE.png) no-repeat scroll left top} pre.source p{margin:0.8em 0 0 0} #bottom{margin:0 auto;max-width:75em;min-width:900px;height:80px;border-top:1px solid #4E4138;padding:10px;margin-top:10px} #bottom p{padding:10px 10px 0 10px;font-size:95%} footer#bottom a.nachoben{padding:2px 5px 2px 15px;color:#000;background:transparent url(../images/pfeil-nach-oben.png) no-repeat center left;text-decoration:underline} footer#bottom a.nachoben:hover,#up a.nachoben:focus{text-decoration:none} footer#bottom address{font-size:95%} footer#bottom .hcard-download{background:transparent url(../images/hcard.mini.png) no-repeat scroll left top;padding-left:18px} a.readmore{background:#333;display:inline-block;padding:2px 8px 2px 8px;color:#fff;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;margin-right:10px} a.readmore:hover{background-color:#000;color:#fff} a.readmore:active{top:1px} a{color:#c55820} a:hover,a:focus,a:active{color:#000}}