@font-face { font-family: 'PT Sans'; src: url('../fonts/PT_Sans-Regular.ttf'); }
@font-face { font-family: 'PT Sans'; font-weight: bold; src: url('../fonts/PT_Sans-Bold.ttf'); }
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold&subset=latin);

html, body {
	font: 12px "Lucida Grande", Tahoma, Sans-Serif, Serif;
	color: #555;
	margin: 0px;
	padding: 0px;
}

body {
	background: #e5e8ec url(../images/bg.gif);
}

a {
	outline: none;
	text-decoration: none;
}

a, #quicknav a, input.form-input-button {
	color: #0a65cc;
}

a:hover {
	color: #0958b2;
}

a img {
	border: none;
}

ul {
	text-align: left;
	margin-left: 0px;
	padding-left: 16px;
}

ul li {
	font-size: 13px;
	padding: 3px 0;
	line-height: 1.5em;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
}

blockquote {
	display: block;
	margin: 0 0 -20px 0;
	padding: 0 0 0 45px;
	background: url(../images/quote.gif) no-repeat;
	text-align: left;
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #111;
}

h1  {
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
}

h2 {
	color: #111;
	margin: 0px;
	padding: 0px;
}

h3, h4, h5 {
	font-family: "Lucida Grande";
	font-size: 13px;
	margin: 0px;
	padding: 30px 0 0 0;
	text-align: left;
}

h4 {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: normal;
	word-spacing: -1px;
	line-height: 1.6em;
	margin: 0px;
	padding: 0 0 3px 0;
}

h5 {
	margin: 5px 0 -10px 0;
	padding: 0px;
}

/*#page h1, #page h2 {
	font-family: 'Droid Sans';
}*/

/*
#page h1, #page h2, #page h3 {
	font-family: "Lucida Grande", 'Droid Sans';
}
*/

#page h1, #page h2, #page h3 {
	font-size: 46px; /*42px*/
	font-weight: bold;
	line-height: 1.2em;
	margin: 10px 0 10px 0;
}

#page h2, #page h3 {
	/*width: 650px;*/
}

#page h2 {
	font-size: 24px; /*28px*/
	font-weight: normal;
	margin: 20px 0 15px 0; /*New*/
}

#page h3 {
	font-size: 16px;
	line-height: 1.4em;
	word-spacing: -1px;
	margin: 0px;
	padding: 0 0 6px 0;
}

/*#page h4 {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: normal;
	color: #555;
	margin: 0px;
	padding: 7px 0 3px 0;
}*/

div.stacks_in {
	font-size: 13px;
	line-height: 1.7em;
}

.center {
	text-align: center;
}

.top-space {
	padding-top: 50px;
}

.bottom-space {
	padding-bottom: 50px;
}

.yellow {
	padding: 30px 50px;
	background: #fefc7d;
	border-top: 1px solid #fff117;
	border-bottom: 1px solid #fff117;
}

.gray {
	padding: 30px 50px;
	margin-top: 50px;
	background: #f8f8f8 url(../images/gray.gif) repeat-x bottom;
	border-top: 1px solid #ddd;
}
#content .stacks_in img, #content .gray .stacks_in img {
	background: #fff;
	padding: 10px;
	margin: 4px;
	-webkit-box-shadow: 0px 0px 4px #888;
	-moz-box-shadow: 0px 0px 4px #888;
	box-shadow: 0px 0px 4px #888;
}
#content .stacks_in .pic-small img {
	padding: 6px;
	-webkit-box-shadow: 0px 0px 4px #888;
	-moz-box-shadow: 0px 0px 4px #888;
	box-shadow: 0px 0px 4px #888;
}
#content div.pic-text img {
	padding: 0px;
	margin: 0px;
	-webkit-box-shadow: none;
}

#content div.gray div.stacks_in {
	font-size: 13px;
}

#content div.more-space div.stacks_left, #content div.more-space div.stacks_right {
	width: 45%;
	padding-left: 2.5%;
}
#content div.more-space div.stacks_left h2, #content div.more-space div.stacks_right h2 {
	width: 450px;
}

/*Three Column*/
#content .three .stacks_left,
#content .three .stacks_middle,
#content .three .stacks_right {
	width: 280px;
}

/*Page*/
/*#overall, #outer, #bottom, #footer { background: #e5e8ec url(../images/bg.gif); }*/
#overall, #bottom, #footer, #top-navbar { padding-left: 5px; padding-right: 5px; }
#page, #footer .int, #bottom .int, #demo-outer, #product-bar .int, #top-navbar .int, #breadcrumb-outer { min-width: 970px; max-width: 1120px; margin: 0px auto; }
#page { background: #fff; }
#outer { width: 100%; }

/*Nav-Bar / Logo*/
#top-navbar { height: 48px; background: #47495b url(../images/topnav.gif) repeat-x; }
#top-navbar .int { /*padding: 0 10px;*/ }
#sitelogo { float: left; width: 170px; text-align: left; height: 50px; padding-top: 10px; }
#bb-nav { float: right; width: 150px; padding-top: 15px; }
#bb-nav ul { list-style-type: none; text-align: right; }
#bb-nav ul li { display: inline; padding-left: 14px; }
#bb-nav ul li a { color: #1a222b; /*8e90b2*/ text-decoration: none; }
#bb-nav ul li a:hover { color: #2a3746; /*9b9dc2*/ }

/*Nav*/
#nav { margin-left: 70px; }
#nav ul { width: 600px; list-style: none; margin: 0px auto; padding: 0px; }
#nav ul li { font-family: 'PT Sans', 'Lucida Grande', Arial, Helvetica, Sans-Serif; font-size: 13px; font-weight: bold; padding: 0px; margin: 0px; float: left; display: block; }
#nav ul li a { display: block; height: auto; font-size: 21px; text-decoration: none; color: #fff; /*ddd*/ padding: 26px 16px; margin: 0px; }
#nav ul li a:hover { color: #fff; background: none; /*transparent url(../images/top-noise.hover.gif) repeat-x;*/ }
#nav ul li ul { display: none; }
#nav li#active, #nav li#active:hover, #nav li a.current, #nav li a.current:hover, #nav li a.currentAncestor, #nav ul li a.currentAncestor:hover { color: #fff; padding: 26px 15px; background: #38475a url(../images/top-noise.active.gif) repeat-x; border-left: 1px solid #2f3d4b; border-right: 1px solid #2f3d4b; }

/*Info-Bar*/
#infobar { display: none; height: 20px; float: right; }
#infobar, #infobar ul { margin: 0px; padding: 0px; }
#infobar ul li { visibility: hidden; }
#infobar ul li ul li { font-size: 11px; visibility: visible; display: inline; }

/*Product Bar*/
#product-bar { height: 70px; background: #465061 url(../images/top-noise.gif) top repeat-x; border-bottom: 1px solid #282f3a; }
#product-bar .int { color: #444; /*padding-top: 25px;*/ }
#product-bar a { text-decoration: underline; }
#product-bar h1 { font-size: 28px; color: #445266; /*cdd4de*/ text-align: center; letter-spacing: normal; margin: 0px; padding: 0px; }

/*Content*/
#content-width { float: left; }
/*#content { padding: 35px 0 0 0; }*/
#content, #content-width { width: auto; /*590px*/ }
#content img, #content div.stacks_in img { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#content p, #content-width, #content-full, #content, #is_content, #mid { line-height: 1.5em; }
#mid { width: 100%; min-height: 400px; margin: 30px 0 0 0; /*FlexBuero Theme*/ }

/*Bottom*/
#bottom { padding: 0 0 6px 0; }
#bottomnav { width: auto; height: 185px; margin: 20px 0 0 0; color: #858f95; /*9da7ad 8f827b;*/ border: 2px solid #d2dadf; /*d2c8c2;*/ }
#bottomnav .int { padding: 15px 0 0 0; }
#bottomnav .item { float: left; font-size: 12px; line-height: 1.5em; width: 21%; height: 135px; margin: 10px 2% 0 2%; }
#bottomnav .item p { margin: 16px 0 0 0; }
#bottomnav .item .txt { font-size: 11px; height: 64px; }
#bottomnav .last { border-right: none; }
#bottomnav .item h3 { font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif; font-size: 13px; color: #768188; /*81756f;*/ margin: 0 0 8px 0; }
#bottomnav .item a, #quicknav a, .button, input.form-input-button { display: block; font-weight: bold; color: #fff; text-align: center; padding: 4px 10px; background: #7e8faa url(../images/button-bg.gif) repeat-x; border: 1px solid #495b6e; }
#bottomnav .item a:hover, #quicknav a:hover, a.button:hover, input.form-input-button:hover { background: #ccc url(../images/button-bg.hover.gif) repeat-x; }
#bottomnav h3 { padding: 0px; }
.button { display: inline-block; width: auto; font-size: 14px; padding: 4px 14px; margin: 2px; }
.button:hover { color: #fff; }
a.big { font-size: 18px; padding: 10px 20px; }

/*Flexstarter*/
#demo {
	margin: 20px 0;
	background: #fffecf;
}
#demo .int {
	padding: 16px 30px;
	font-size: 17px;
	color: #807e3c;
	text-shadow: 1px 1px 0px #fff;
}
#demo .int .left {
	float: left;
}
#demo .int .right {
	float: right;
}
#demo .int a.text-button {
	color: #555426;
}
#demo .int a.text-button:hover {
	color: #393819;
}

/*Footer*/
#footer { font-size: 11px; color: #9da7ad; margin: 0px; /*8f827b;*/ }
#footer a { color: #768188; /*8f827b;*/ font-weight: bold; }
#footer a:hover { color: #555e64; /*b9ada7;*/ }
#footer p { font-size: 10px; text-align: center; line-height: 1.7em; }
#footer .int { padding: 40px 0 30px 0; }
#footer .line { margin: 32px 0; height: 0px; border-top: 1px solid #545b71; border-bottom: 1px solid #8991ab; }

/*Sidebar*/
#sidebar-out { z-index: 0; float: right; width: 200px; margin: 40px; background: #fff; }
#sidebar { z-index: 2; }
#sidebar ul { margin: 0px; padding: 0px; }
#sidebar ul li { visibility: hidden; margin: 0px; }
#sidebar ul li ul { visibility: visible; list-style: none; }
#sidebar ul li ul li { visibility: visible; }
#sidebar ul li ul li a { display: block; cursor: pointer; font-size: 12px; color: #666; padding: 6px 10px; }
#sidebar ul li ul li a:hover { background: #eaeef9; }
#sidebar .current { font-weight: bold; color: #fff; background: #5e7191; }

/*Fixes Nav Problem*/
#sidebar ul li { display: inline; }
#sidebar ul li ul li { display: block; }
#sidebar ul li ul li ul { display: none; }
#sidebar ul li ul li ul, #sidebar ul li ul li ul li { visibility: hidden; }
#sidebar ul li a { display: none; }

/*Sidebar Farben*/
.white { border: 1px solid #fff; background: #fff; }
.grey { border: 1px solid #fff; background: #f8f8f8; }
.active { border: 1px solid #fff; color: #666; background: #d7dff5 url(../images/bg-bar.active.gif) repeat-x; }

.space { margin: 0 40px 0 0; }
.fullwidth { width: 100%; }
div.space-il { display: inline; margin: 0 10px 0 10px; }

.goto { vertical-align: text-top; margin: 0 -4px 0 0; }
.double { width: 600px; }
.nomargin { width: auto; margin: 0px; }
.vspace { margin: 40px 0 0 0; }
.vspaceb { padding: 0 0 20px 0; }
.lineheight { line-height: 1.5em; }
h2.notop { margin: 14px 0 0 0; }

/*Screenshots*/
.screenshots { width: 100%; height: 120px; padding: 14px 0 14px 0px; margin: 20px 0 10px 0; background: #eee url(../images/bg-screen.gif) repeat-x bottom; border: 1px solid #ddd; }
.screenshots .item { float: left; width: 140px; height: 105px; padding: 5px; margin: 0 0 0 31px; background: #fff url(../images/spotlight.gif) no-repeat 126px 98px; border: 1px solid #ddd; }
.screenshots .item img { margin: 0 0 4px 0; }
.screenshots .item a { display: inline-block; font-size: 10px; color: #888; }

/*Font Size*/
.font12 { font-size: 12px; }
.font125 { font-size: 12.5px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font20 { font-size: 20px; }
.font32 { font-size: 32px; }
.bold { font-weight: bold; }

/*Floating*/
.float { float: left; margin: 0 40px 0 0; vertical-align: top; }
.float ul { list-style: none; margin: 10px 0 0 0; padding: 0px; }
.float ul li { font-size: 10px; margin: 4px 0; }
.last { margin-right: 0px; }

/*Symbols*/
.mb { width: 352px; height: 330px; background: url(../images/mb.jpg) no-repeat; }
.mac { width: 72px; height: 34px; background: url(../images/mac.gif) no-repeat; }
.win { width: 116px; height: 34px; background: url(../images/win.gif) no-repeat; }
.mac-small { width: 42px; height: 20px; margin: 0 80px 0 0; background: url(../images/mac.small.gif) no-repeat; }
.win-small { width: 68px; height: 20px; background: url(../images/win.small.gif) no-repeat; }
.sys { margin: -16px 0 4px 0; }

/*Form*/
label { clear: left; display: inline; padding: 0px; margin: 0px; color: #111;Ê}
input { display: inline; margin: 0px; }
input[type=radio] { margin: 0px; }
input.form-input-field { font-size: 11px; padding: 5px; margin: 0px; }
textarea.form-input-field { display: block; font: 11px "Lucida Grande", "Trebuchet MS", Serif; padding: 5px; width: 500px; height: 250px; margin: 4px 0 -10px 0; }
input.form-input-button { display: block; float: left; width: 110px; height: 24px; margin: 0 10px 0 0; }
.message-text span { color: #e72e10; }

/*Image*/
img.border { padding: 10px; background: #fff; border: 1px solid #ddd; }
.img { position: relative; right: 0px; }

/*RW*/
#content { padding-left: 50px; padding-right: 50px; }
#content, #content .stacks_in { font-size: 13.5px; color: #333; line-height: 1.7em; }
#content .stacks_in h3 { margin: 0px; }
#content .stacks_in div.left div.centered_image { float: left; }
#content .stacks_in div.right div.centered_image { float: right; }
#content .text-left { margin: 0 0 0 50px; }
#content .text-right { margin: 0 50px 0 0; }

#content .stacks_in .small-font div { font-size: 12px; }

#content div.left-and-right {
	clear: both;
	margin: 0 50px;
}
#content div.left-and-right .stacks_in {
	/*margin-right: 20px;*/
}

#content div.image-text-left {
	padding-right: 100px;	
}

#content div.image-text-right {
	padding-left: 100px;
}

#content div.pic-text div.stacks_in, #content div.gray div.pic-text div.stacks_in {
	font-size: 10px;
	text-align: center;
	color: #999;
	padding-top: 4px;
}

#content div.gray div.pic-text div.stacks_in {
	text-align: left;
	color: #777;
	width: 270px;
	padding: 4px 0 0 10px;
}


#content div.box-space {
	height: 40px;
}

#content .extra-big h1 {
	font-family: 'Droid Sans', Arial, Sans-Serif;
	font-size: 80px;
	color: #ccc;
	text-align: center;
}

#content .extra-big h2 {
	text-align: left;	
}

/*Footer Logos*/
#footer #bb_logo_footer { width: 200px; height: 103px; margin: 20px auto; /*margin: 0 auto 60px auto;*/ background: url(../images/bb_logo_footer.gif) no-repeat; }
#footer #bb_logo_footer a { display: block; width: 100%; height: 100%; }

#bb_footer_linkto #logo-twitter { float: left; width: 100px; height: 20px; margin: 0px; background: url(../images/logo.twitter.gif) no-repeat; }
#bb_footer_linkto #logo-facebook { float: left; width: 100px; height: 21px; margin: 0 20px 0 0; background: url(../images/logo.facebook.gif) no-repeat; }
#bb_footer_linkto #logo-twitter a, #bb_footer_linkto #logo-facebook a, #bb_footer_linkto #logo-fma a, #bb_footer_linkto #logo-sms a { display: block; width: 100%; height: 100%; }
#bb_footer_linkto #logo-sms { float: right; width: 120px; height: 32px; margin: 0 10px 5px 5px; background: url(../images/logo.sms.gif) no-repeat; }
#bb_footer_linkto #logo-fma { float: right; width: 122px; height: 37px; margin: 0px; background: url(../images/logo.fma.gif) no-repeat; }

#copyright { display: none; text-align: center; padding: 30px 0 0 0; margin: 0 0 20px 0; }

/*Print Footer*/
#bb-print-footer { display: none; }

/*Line*/
#content .line { width: auto; height: 1px; margin: 50px 0px; border-bottom: 1px solid #ccc; }
#content .top-line { width: auto; height: 1px; margin: 0 0 50px 0; border-bottom: 1px solid #ccc; }

/*Tables*/
.tb1 table { width: 100%; }
.tb1 th { font-weight: bold; color: #111; padding: 10px 6px; background: url(../images/bg-table.gif) repeat-x; }
.tb1 td b, .bold { color: #111; font-weigt: bold; }
.tb1 td { padding: 14px 6px 14px 6px; }
.tb1 td { font-size: 12.5px; }

.blau1 { background: #c5cee3; }
.blau2 { background: #d9e1f2; }
.blau3 { background: #ecf0f9; }
.total { font-weight: bold; color: #111; border-top: 2px solid #666; }

/*News*/
#laufband { width: auto; height: 34px; border: 1px solid #E4E4E4; }
div.news-left { float: left; font-weight: bold; color: #222; line-height: normal; padding: 9px 0; margin: 0px; }
div.news-right { float: left; width: auto; }
#newsticker, #newsticker b, ul#newsticker, ul#newsticker li { line-height: normal; margin: 0px; padding: 0px; }
ul#newsticker { list-style:none; }
ul#newsticker .entry { float: left; display: block; color: #888; padding: 10px 0; }
ul#newsticker li { width: 700px; padding: 10px 0; }

.spacer { padding-top: 50px; }

#sidebar-out { display: none; }
#sub-nav-show { height: 50px; /*background: #f8f8f8 url(../images/gray.gif) repeat-x bottom;*/ }
#sub-nav { display: none; clear: both; margin-bottom: 30px; }

/*Bottom/Sub Nav*/
#sub-nav, #bottom-nav { width: auto; height: auto; }
#bottom-nav .int, #bottom-nav .int { padding: 50px 0px; }
#sub-nav ul, #bottom-nav ul { margin: 0px; padding: 0px; }
#sub-nav ul li, #bottom-nav ul li { visibility: hidden; display: inline; margin: 0px; }
#sub-nav ul li a, #bottom-nav ul li a { display: none; }
#sub-nav ul li ul, #bottom-nav ul li ul { visibility: visible; list-style: none; }
#sub-nav ul li ul li, #bottom-nav ul li ul li { visibility: visible; float: left; display: block; width: 21%; margin: 0 2% 0 2%; }
#sub-nav ul li ul li a, #bottom-nav ul li ul li a { display: block; cursor: pointer; font-size: 15px; padding: 10px; color: #333; }
/*#sub-nav ul li ul li a:hover, #bottom-nav ul li ul li a:hover { color: #000; }*/
#sub-nav ul li ul li ul, #bottom-nav ul li ul li ul { display: none; }
#sub-nav ul li ul li ul, #bottom-nav ul li ul li ul, #bottom-nav ul li ul li ul li { visibility: hidden; }
#sub-nav .current, #bottom-nav .current { color: #0a65cc; }
#sub-nav .current, #bottom-nav .current, #sub-nav ul li ul li a:hover, #bottom-nav ul li ul li a:hover { padding: 9px; border: 1px solid #ccc; background: #fff url(../images/current.gif) repeat-x; }

#sub-nav-show .normal, #sub-nav-show .active { font-size: 16px; float: right; margin: 0px; padding: 7px 10px; }
#sub-nav-show .normal { color: #0a65cc; background: #eee url(../images/sub-nav.gif) repeat-x; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#sub-nav-show .active { color: #444; background: #d4d4d4 url(../images/sub-nav_active.gif) repeat-x; border: 1px solid #bbb; }

#sub-nav .sh-top { height: 30px; background: transparent url(../images/shadow_top.png) repeat-x top; }
#sub-nav .sh-bottom { height: 30px; background: transparent url(../images/shadow_bottom.png) repeat-x bottom; }

/*#bottom-nav { margin: 0 15px; }*/
#sub-nav, #bottom-nav { background: #f5f5f5 url(../images/bottom-nav.gif) repeat-x; }
#bottomnav-bg { background: #f5f5f5; }

/*Breadcrumb*/
#breadcrumb { padding: 0px; margin: 0 0 0 3px; }
#breadcrumb div div { color: #ccc; }
#breadcrumb div div a { float: left; display: block; margin: 2px 5px 0 0; color: #888; }
#breadcrumb div div a:hover { color: #0a65cc; }
#breadcrumb div div div.separator { float: left; width: 24px; height: 20px; background: url(../images/breadcrumbs-small.gif) no-repeat 5px 3px; }

/*Neue Hilfe*/
#search_bar {
	border: 1px solid #d4d4d4;
	background: #eee;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#search_bar input {
	font-size: 14px;
	display: inline;
}
#search_bar label {
	clear: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	color: #111;
}
#search_bar input.form-input-field {
	font-size: 14px;
	float: left;
	width: 660px;
	padding: 10px;
	margin: 0px;
}
#search_bar input.form-input-button {
	float: right;
	 width: 110px;
	 height: 32px;
	 padding-top: 5px;
	 margin: 5px 10px 0 10px;
}
#anz_hilfe {
	font-size: 13px;
	color: #999;
	padding-top: 3px;
}

/*Font Sizes*/
.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size16 { font-size: 16px; }
.size17 { font-size: 17px; }
.size18 { font-size: 18px; }

@media screen and (max-width: 1140px) {
	#page, #demo-outer {
		min-width: 950px;
		margin: 0px 10px;
	}
	#sitelogo {
		margin-left: 20px;
	}
	#bb-nav {
		margin-right: 20px;
	}
	#breadcrumb {
		margin-left: 20px;
	}
	#content {
		padding-left: 30px;
		padding-right: 30px;
	}
	#content .text-left {
		margin: 0 0 0 30px;
	}
	#content .text-right {
		margin: 0 30px 0 0;
	}
	#content div.left-and-right {
		clear: both;
		margin: 0 30px;
	}
	#bb_footer_linkto {
		margin-left: 20px;
		margin-right: 20px;
	}
	p.rights {
		padding-left: 20px;
		padding-right: 20px;
	}
}