/* www.brainbow.de - Base Styles 

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

 * @version: 1.00

 * @last modified: 18.08.2013

*/    



/* Reset */

* {margin: 0px; padding: 0px; resize: none;}

html {font-size: 100%; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; height: 100%;}

::-moz-focus-inner {border:0;}

:active, :focus {border: 0; outline: none; -moz-outline-style: none;}

img {border: 0; -ms-interpolation-mode: bicubic; -khtml-user-select: none;-o-user-select: none;-moz-user-select: none;-webkit-user-select: none;user-select: none;}

ul {list-style: none;list-style-image: none;}

a:active,a:hover {outline: 0;}

a:focus {outline: thin dotted;}

input[type=text] {-webkit-appearance: none;}

input,select,textarea {font-size: 100%;vertical-align: baseline;*vertical-align: middle; border: none;}

textarea {overflow: auto;vertical-align: top;}

table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}

label {display: block;}

b, strong {font-weight: bold;}

a {text-decoration: none; color: #A0A0A0;}

a:hover { color: #707070;}

::selection {background:#616365; color:#FFF;text-shadow: none;}

::-moz-selection {background:#616365; color:#FFF;text-shadow: none;}



/* Font */

@font-face {font-family: MavenPro; src: url('../font/MavenPro-Regular.eot'); src: url('../font/MavenPro-Regular.ttf'); }



/* Überschriften */

h1, h2, h3, h4 {font-weight: normal;  margin-bottom: 11px;}

h1, h2 {text-transform: uppercase; font-size: 31px;}

h4 {font-size: 19px; color: #999; margin-bottom: 0px;}

h5 {line-height: 17px;}



/* Helpers */

.fl {display: inline-block; float: left;}

.fr {display: inline-block; float: right; }

.cl {clear: both;}

.ia {cursor: pointer;}

.fix {position: absolute; position: fixed;}

.rc {border-radius: 35px;}

.rc-top {border-top-left-radius: 35px; border-top-right-radius: 35px;}

.rc-bottom {border-bottom-left-radius: 35px; border-bottom-right-radius: 35px;}



/* Body */

body {color: #616365; text-shadow: 1px 1px 1px #FFFFFF; line-height: 28px; font-size: 17px; font-family: MavenPro; background-color: #FFFFFF;}



/*Colors */

.bb-col-red, .bb-red strong {color: #e2001a;}

.bb-col-yellow, .bb-yellow strong {color: #f8b333;}

.bb-col-green, .bb-green strong {color: #41a62a;}

.bb-col-blue, .bb-blue strong {color: #13235b;}

.bb-col-magenta, .bb-magenta strong {color: #a10d59;}



/* Animations Keyframes */

@-moz-keyframes spin { from { -moz-transform: rotate(0deg); }  to { -moz-transform: rotate(360deg); } } 

@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); }  to { -webkit-transform: rotate(360deg); } } 

@keyframes spin { from {transform:rotate(0deg);}  to {transform:rotate(360deg);} }



/* Content */

#bb-logo {width: 257px; height: 51px; margin: 0 0 0 auto}

#bb-logo a {display: block;}

.bb-detail {height: 300px; }

span.entity {font-size: 25px; }

#bb-content, #bb-footer-inner {max-width: 1052px; width: 100%; margin: 0 auto;}

#bb-content-wrap { margin: 0 45px;}

.bb-alt-pane { background-color: #f5f7f8; padding: 45px 0;}

.bb-alt-top {height: 39px; width: 100%; background: #f5f7f8 url('../img/cir-up.png') no-repeat center top;}

.bb-footer-top {height: 39px; width: 100%; background: #e6e8e9 url('../img/cir-up.png') no-repeat center top;}

.bb-alt-bottom { height: 39px; width: 100%;background: #f5f7f8 url('../img/cir-down.png') no-repeat center top;}



/* Footer */

#bb-footer-wrap { padding: 0 45px; background-color: #e6e8e9;}

#bb-footer-inner {padding: 20px 0; font-size: 14px; line-height: 23px;}

#bb-footer-inner p {max-width: 491px;}