/* www.brainbow.de - Styles Desktop

 * @author: Dirk Koester, www.dirkoester.de

 * @version: 1.00

 * @last modified: 18.08.2013

*/    



/*Colums */

#bb-c-1, #bb-c-3 {padding-top: 100px;}

#bb-spin {margin-top: -50px;}



.bb-column-3 {width: 33.333333%;  }

.bb-column-2 {width: 50%; height: 330px; }



.mar-l {margin: auto 0 0 0;}

.mar-c {margin: 0 auto;}

.mar-cc {margin: auto auto;}

.mar-r {margin: 0 0 0 auto;}



.bb-column-container { margin: 95px 0;}

.bb-column-container-up { margin-top: 95px;}

.bb-column-container-down { margin-bottom: 95px;}



.bb-row-cnt {padding: 12px; max-width: 475px; width: 100%; margin: 0 auto; text-align: center;}

.bb-column-cnt { max-width: 275px; width: 100%; text-align: center;}



#bb-spin {margin: 0 auto; height: 300px; width: 220px; background: transparent url('../img/diagramm.png') no-repeat center center;  -webkit-animation: spin 30s 1 linear;  animation: spin 30s 1 linear;}



.bb-nav-obj {margin-right: 25px;}

.bb-nav-obj:hover { border-bottom: 1px solid #707070;}

#bb-nav {font-size: 18px; height: 100px; line-height: 40px; width: 100%; position: absolute; position: fixed; top: 0px; background: transparent url('../img/nav-bg.png') repeat-x;}



#bb-header {width: 549px; height: 109px; margin-top: 85px; background: transparent url('../img/brainbow.png') no-repeat center center;}