@charset "UTF-8";
/* 
* @version         1.0
* @lastmodified    $Date: 2010-03-11 10:26:40 +0200 (do, 11 September 2010)$
* @type			   all Stylesheet
*/
@media all {
/* ___ Basics ___ */
/* css reset */
* {padding: 0; margin: 0; border: 0; outline: 0 none; vertical-align: baseline;}
address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: normal;} 
table {border-collapse: collapse; border-spacing: 0;} 
caption, th {text-align: left;} 
fieldset, img {border: 0 none;}
ol, ul {list-style: none;}
abbr, acronym {border: 0;} 
q:before, q:after {content:'';}
html {height: 100%}
/* basic formats */
body {
	background: #FFF;
	color: #3D3D3D;
	font: 100.01% Arial, Helvetica, serif;
	min-height: 101%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, serif; 
	letter-spacing: -0.025em;
	line-height: 1.25em;
}
h1 {
	font-size: 180%;
	margin: 0 0 0.75em;
}
h2 {
	font-size: 140%;
	margin: 0 0 0.5em;
}
h3, h4, h5, h6 {
	font-size: 108%;
	margin: 0 0 0.5em;
}
p, li, dd, dt, th, td {
	font-size: 85%;
	line-height: 1.55em;
}
a {
	color: #3D3D3D;
	outline: 0 none;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
/* out of the viewport */
dfn, .invisible, .current-info, .accessibletabsanchor, thead {
	left: -6000px;
	position: absolute;
	top: -6000px;
}
/* clear */
#content, .section, .tabbody {
	clear: both;
	float: none;
}
.floatbreaker {
  	display: block;
  	clear: both;
  	float: none;
  	height: 0px;
  	font-size: 0px;
  	line-height: 0px;
  	overflow: hidden;
}

}
/* end madia all */
/* 
* @version         1.0
* @lastmodified    $Date: 2010-03-11 10:26:40 +0200 (do, 11 September 2010)$
* @type			   screen Stylesheet
*/
@media screen {
/* ___ Basics ___ */

/* ___ Layout ___ */
/* group of layout elements */
#header, #content, #footer {
	margin: 0 auto;
}
#content, #footer {
	width: 960px;
}
#metanav, #styleswitch, #search, #head, .grid25, .grid50, .grid75, .col, .module, .module41, .module25, .function, .list,
#skiplinks li, #metanav li, #styleswitch li, #nav li, .small li, #container li, input.search-input, input.search-button {
	float: left;
}
#header, #keyvisual, .keyvisual {
	padding: 0 10px;
}
#metanav, #styleswitch {
	margin: 0.2em 0 0;
}
.grid, .module, .small li, .function, .module25, .module41, #container ul, table, #slider, .map, .headline {
	margin: 0 10px;
}
/* basic layout elements */
/* global site */
#header {
	width: 940px;
}
#metanav {
	margin-left: 0.5em;
}
#nav {
	margin: 2.85em 0 0;
}
#search {
	margin: 0 0 0 1.5em;
}
#keyvisual, .keyvisual {
	position: relative;
}
#keyvisual {
	margin: 80px 0 30px;
}
.keyvisual {
	margin: 0 0 30px;
}
#footer {
	padding: 1.5em;
}
/* logo, branding */
#branding {
	float: right;
	margin: 1.5em 0 1em;
}
#branding h1 {
	background-repeat: no-repeat; 
	background-color: transparent; 
	display: block;
	text-indent: -9999em;
	margin: 0;
}	
#branding h1 a {
	border-bottom: none;
	display: block;
	width: 162px; 
	height: 110px;
	overflow: hidden;
}
/* special global elements */
#styleswitch {
	padding: 0.15em 0 0;
}
#skiplinks {
	height: 2em;
}
/* content elements */
.col {
	margin: 0 10px 60px;	
}
.grid25 {
	margin: 20px 10px 60px;
	width: 220px
}
.grid50 {
	margin: 20px 30px 60px 10px;
	width: 440px;
}
.grid75 {
	margin: 20px 10px 60px;
	padding-right: 20px;
	width: 680px;
}
#footer .grid50, #footer .grid25 {
	margin: 0 10px 30px;
}
#footer .grid50 {
	width: 460px;
}
/* content module */
.module, .small li, .function {
	width: 220px;
}
.big .module {
	height: 180px;
}
.list {
	padding: 5px 0 0;
	width: 240px;
}
.module {
	margin-bottom: 10px;
}
.module .text img {
	display: none;
}
.big {
	margin: 0 0 40px;
}
.small {
	margin: 0 0 70px;
}
.ui-map {
	width: 700px;
}
.contact {
	margin-top: 80px;
}
#bsprotade {
	height: 280px;
	margin: 0 0 20px;
}
#rotade1, #rotade2, #rotade3, #rotade4, #rotade5, #rotade6, #rotade7 {
	height: 350px !important;
}
/* content special elements */
#slideteaser {
	background: url("../images/hintergrund/bg-slideteaser.png") no-repeat top left;
	position: absolute;
	top: 70px;
	right: 30px;
	width: 31em;
	padding: 0 0 0 2em;
}
#inner {
	background: #FFF;
	padding: 2em 2.5em;	
}
/* ___ Formats Content Elements ___ */
.main p, .article p, .contact p {
	margin: 0 0 1.56em;
}
.main ul, .article ul {
	list-style: square;
	margin: 0 0 1.56em 1em;
}
.main li, .article li {
	margin: 0 0 0.5em;
}
h1.first {
	margin-top: 80px;
}
h1.home {
	padding-bottom: 1.2em;
}
.blog .list p {
	margin: 0 0 1em;
}
.blog h2, .blog h3, .blog p, .blog ul {
	margin-left: 240px;
}
.blog ul {
	margin-left: 260px;
}
.dev {
	padding: 2.9em 0 0;
}
#footer p, #footer li {
	font-size: 78%;
}
/* teaser elements */
#slideteaser h1 {
	font-weight: normal;
	font-size: 180%;
	margin: 0 0 0.35em 0;
}
.teaser h1 {
	font-size: 1em;
	margin-bottom: 1em;
}
.function {
	margin-bottom: 1em;
}
.function a {
	background: url("../images/icons/icon-arrow-tb.gif") no-repeat center left;
	padding: 0 0 0 16px;
}
p.module a {
	background: url("../images/icons/icon-arrow-tb.gif") no-repeat center left;
	padding: 0 0 0 16px;
}
.teaser h2, .teaser p strong, #footer h2, .big img {
	margin: 0 0 0.58em;	
}
.teaser p strong {
	display: block;
}
.teaser h2 {
	font-size: 0.9em;
}
#footer h2 {
	font-size: 1.2em;
}
.big img {
	border: 1px solid #CCC;
}
.small li {
	background: #EEEFEF;
}
.small a {
	background: url("../images/icons/icon-arrow-ts.gif") no-repeat 16px 23px;
	display: block;
	font: bold 120% Arial, Helvetica, serif; 
	padding: 22px 20px 24px 36px;
}
/* tab container */
.ui-tabs-hide {
    display: none;
}
.ui-map .ui-tabs-nav {
	float: right;
	margin: 40px 0 0 !important;
}
.ui-map .ui-tabs-nav li {
	margin: 0 0 0 5px;
}
.ui-tabs-nav a {
	background: #E9EAEB;
	display: block;
	padding: 5px 15px 5px 35px;
}
.fullsize a {
	padding: 5px 8px;	
}
#container .ui-tabs-nav, .select {
	height: 35px;
	padding: 40px 0 0;
}
.ui-tabs-nav li, .fullsize li {
	margin-right: 5px;
}
.ui-tabs-nav li#category {
	margin-left: 51px;
}
#container .ui-tabs-selected a {
	background-color: #3D3D3D;
	color: #FFF;
	display: block;
	text-decoration: none;
}
#container a.ueber {
	background: #E9EAEB url("../images/icons/icon-ueber.png") no-repeat center left;
}
#container .ui-tabs-selected a.ueber {
	background: #2F373A url("../images/icons/icon-ueber.png") no-repeat center left;
}
#container a.liste {
	background: #E9EAEB url("../images/icons/icon-liste.png") no-repeat center left;
}
#container .ui-tabs-selected a.liste {
	background: #2F373A url("../images/icons/icon-liste.png") no-repeat center left;
}
#container a.map {
	background: #E9EAEB url("../images/icons/icon-map.png") no-repeat center left;
}
#container .ui-tabs-selected a.map {
	background: #2F373A url("../images/icons/icon-map.png") no-repeat center left;
}
#container a.img {
	background: #E9EAEB url("../images/icons/icon-img.png") no-repeat center left;
}
#container .ui-tabs-selected a.img {
	background: #2F373A url("../images/icons/icon-img.png") no-repeat center left;
}
.ui-tabs-panel {
	padding: 30px 0 40px;
}
/* referenzen liste */
table {
	border-top: 1px solid #E9EAEB;
	border-collapse: collapse;
	border-spacing: 0;
	width: 98%;
}
col.branche {
	width: 22%;
}
tbody th, tbody td {
	border-bottom: 1px solid #E9EAEB;
	vertical-align: middle;
}
tbody td {
	padding: 0 5px;
}
.big tbody img {
	margin: 0.45em 0.5em 0.15em 0;
}
/* referenz hover effect, farbschema */
/* hell grau */
tr:hover.hks91, .module .hks91 {background: #E9EAEB;}
/* gelb */
tr:hover.hks1, .module .hks1 {background: #F8D66A;}
tr:hover.hks2, .module .hks2 {background: #F2D400;}
tr:hover.hks3, .module .hks3 {background: #FEDA00;}
tr:hover.hks4, .module .hks4 {background: #FFC100;}
tr:hover.hks5, .module .hks5 {background: #FFB600;}
/* orange*/
tr:hover.hks6, .module .hks6 {background: #FF8C00;}
tr:hover.hks7, .module .hks7 {background: #FF6B00;}
tr:hover.hks8, .module .hks8 {background: #FF5D02;}
tr:hover.hks10, .module .hks10 {background: #F94711;}
/* rot */
tr:hover.hks13, .module .hks13, .module .hks13 a {background: #EF181E; color: #FFF;}
tr:hover.hks14, .module .hks14, .module .hks14 a {background: #DF252B; color: #FFF;}
tr:hover.hks15, .module .hks15, .module .hks15 a {background: #C90230; color: #FFF;}
tr:hover.hks16, .module .hks16, .module .hks16 a {background: #A02031; color: #FFF;}
tr:hover.hks17, .module .hks17, .module .hks17 a {background: #9F1438; color: #FFF;}
tr:hover.hks18, .module .hks18, .module .hks18 a {background: #701A32; color: #FFF;}
tr:hover.hks26, .module .hks26, .module .hks26 a {background: #B90065; color: #FFF;}
/* gruen */
tr:hover.hks52, .module .hks52, .module .hks52 a {background: #008578; color: #FFF;}
tr:hover.hks56, .module .hks56, .module .hks56 a {background: #005A4C; color: #FFF;}
tr:hover.hks64, .module .hks64, .module .hks64 a {background: #009020; color: #FFF;}
tr:hover.hks66, .module .hks66, .module .hks66 a {background: #68B500; color: #FFF;}
/* blau */
tr:hover.hks38, .module .hks38, .module .hks38 a {background: #122E45; color: #FFF;}
tr:hover.hks39, .module .hks39, .module .hks39 a {background: #0059BC; color: #FFF;}
tr:hover.hks41, .module .hks41, .module .hks41 a {background: #1A3553; color: #FFF;}
tr:hover.hks42, .module .hks42, .module .hks42 a {background: #00389A; color: #FFF;}
tr:hover.hks43, .module .hks43, .module .hks43 a {background: #0033BB; color: #FFF;}
tr:hover.hks44, .module .hks44, .module .hks44 a {background: #0055AA; color: #FFF;}
tr:hover.hks47, .module .hks47, .module .hks47 a {background: #0081CE; color: #FFF;}
/* lila */
tr:hover.hks26, .module .hks26, .module .hks26 a {background: #B90065; color: #FFF;}
tr:hover.hks35, .module .hks35, .module .hks35 a {background: #443188; color: #FFF;}
tr:hover.hks36, .module .hks36, .module .hks36 a {background: #58288C; color: #FFF;}
tr:hover.hks37, .module .hks37, .module .hks37 a {background: #4F2778; color: #FFF;}
/* braun */
tr:hover.hks75, .module .hks75, .module .hks75 a {background: #765E28; color: #FFF;}
/* dunkel grau */
tr:hover.hks93, .module .hks93, .module .hks93 a {background: #495057; color: #FFF;}
tr:hover.hks97, .module .hks97, .module .hks97 a {background: #343831; color: #FFF;}
/* notwendig fuer rot, blau, gruen, lila */
.module .hks13 a, .module .hks14 a, .module .hks15 a, .module .hks16 a, .module .hks17 a, .module .hks18 a, .module .hks26 a,
.module .hks52 a, .module .hks56 a, .module .hks64 a, .module .hks66 a, 
.module .hks38 a, .module .hks39 a, .module .hks41 a, .module .hks42 a, .module .hks43 a, .module .hks44 a, .module .hks47 a,
.module .hks26 a, .module .hks35 a, .module .hks36 a, .module .hks37 a,
.module .hks75 a,
.module .hks93 a, .module .hks97 a  {
	background: url("../images/icons/icon-arrow-trans-h.png") no-repeat center left;
}
ttr:hover.hks13 td a, tr:hover.hks14 td a, tr:hover.hks15 td a, tr:hover.hks16 td a, tr:hover.hks17 td a, tr:hover.hks18 td a, tr:hover.hks26 td a,
tr:hover.hks52 td a, tr:hover.hks56 td a, tr:hover.hks64 td a, tr:hover.hks66 td a, 
tr:hover.hks38 td a, tr:hover.hks39 td a, tr:hover.hks41 td a, tr:hover.hks42 td a, tr:hover.hks43 td a, tr:hover.hks44 td a, tr:hover.hks47 td a,
tr:hover.hks26 td a, tr:hover.hks35 td a, tr:hover.hks36 td a, tr:hover.hks37 td a,
tr:hover.hks75 td a,
tr:hover.hks93 td a, tr:hover.hks97 td a {background: transparent; color: #FFF;}
/* simple teaser effect with css */
.text {
	height: 154px;
	padding: 30px 16px 0;
	position: absolute;
	visibility: hidden;
	width: 189px;
}
.module:hover .text {
	visibility: visible;
}
p.morelink, p.clients {
	margin: 10px 0 0;
}
p.clientslist a {
	background-image: none !important;
	padding: 0 !important;
}
p.morelink a {
	background: url("../images/icons/icon-arrow-trans.png") no-repeat center left;
	padding: 0 0 0 12px;
	cursor: pointer;
}
/* easy slider */
/* image replacement */
#slider {
	margin: 10px 10px 20px;
	border: 1px solid #F9FAFA;
}
#mitrahmen, #ohnerahmen {
	margin: 10px 10px 20px;
}
#mitrahmen {
	border: 1px solid #E9EAEB;
}
#prevBtn, #nextBtn, a.prev, a.next {
    display: block;
    overflow: hidden;
    text-indent: -8000px;
}
.ui-tabs-nav a.prev, .ui-tabs-nav a.next {
	background: #E9EAEB url("../images/hintergrund/btn2-prev.gif") no-repeat 0 0;
	padding: 5px 15px;
	width: 4px;
}
.ui-tabs-nav a.next {
	background: #E9EAEB url("../images/hintergrund/btn2-next.gif") no-repeat 0 0;
}
#slider li{ 
	width: 938px;
	height: 350px;
	overflow: hidden; 
}	
#prevBtn, #nextBtn { 
	width: 30px;
	height: 77px;
	position: absolute;
	top: 180px;
	left: 11px;
	z-index: 1000;
}	
#nextBtn { 
	left: 919px;
}														
#prevBtn a, #nextBtn a {  
	display: block;
	position: relative;
	width: 30px;
	height: 77px;
	background: #FFF url("../images/hintergrund/btn-prev.gif") no-repeat 0 0;	
}	
#nextBtn a { 
	background: #FFF url("../images/hintergrund/btn-next.gif") no-repeat 0 0;	
}
/* map */
#featured-img {
	width: 700px;
	height: 400px;
}
#featured-map h2 {
	margin-top: 1.5em;
}
/* ___ Navigation ___ */
/* group of navigation elements */
/* skiplinks */
.skip {
	background: #FFF;
	outline: 0 none;
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
    padding: 1px 5px;
}
.skip:focus, .skip:active {
	text-decoration: none;
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
}
/* accessiblenav and metanav */
/* group elements */
#metanav a, #nav a, #footer a {
	text-decoration: none;
}
/* metanav */
#metanav a {
	margin: 0 2em 0 0;
}
#styleswitch a {
	margin: 0 0.5em 0 0;
}
/* mainnav */
#nav a {
	display: block;
	font-weight: bold;
	font-size: 120%;
	margin: 0 1em 0 0;
	padding: 0.8em 0.5em;
}
/* search */
h1.search {
	margin-top: 80px;
}
input.search-input {
	padding: 0.225em 1em;
	font-size: 0.9em;
	width: 140px;
}
input.search-button {
	margin-left: 2px;
}
/* footer */
#footer a, #footer .morelink, .tel {
	/* find the background icons in alternate stylesheets */
	padding: 0 0 0 12px;
}
#footer .contactlink {
	margin: 18px 0 0;
}
#copyright {
	margin: 70px 0 0;
	width: 220px;
}

}
/* end madia screen */

/* 
* @version         1.0
* @lastmodified    $Date: 2009-09-11 10:26:40 +0200 (mo, 11 September 2009)$
* @type			   Print Stylesheet
*/
@media print {

/* reset */
#skiplinks, #metanav, #styleswitch, #search, #nav, hr, .invisible, .banner, #breadcrumb a[href]:after {display: none;}
body, #page {width: 100% !important; : 0 !important; padding: 0 !important;}
*[cite]:after {content: close-quote" (Quelle: "attr(cite)")";}
body {quotes: "\201E" "\201C" "\201A" "\2018";}
q:before, blockquote:before {content: open-quote;}
q:after, blockquote:after {content: close-quote;}
/* basic formats */
body {
	font-size: 12pt;
	line-height: 18pt;
}
.col66 {
	border-bottom: 1px solid #000;
	padding: 0 0 18px;
	margin: 0 0 24pt;
}
.sidebar {
	border-top: 1px solid #000;
	padding: 18px 0 0;
	margin: 24pt 0 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 18pt 0 8pt;
	clear: both;
	float: none;
}
a {
	background: transparent;
	color: #052538;
	font-weight: bold;
	text-decoration: underline;
}
p, ul, ol {
	margin: 0 0 18pt;
}
ul, ol {
	margin-left: 18pt; 
}
ul {
	list-style: square;
}
ol { 
	list-style: decimal;
}
li {
	line-height:1.6em;
}
li p {
	margin: 0;
}
/*
abbr[title]:after, acronym[title]:after {
	content:' (' attr(title)')';
	color: #052538;
	font: italic 11pt consolas, "Bitstream Vera Mono", monaco, courier, "Courier New", fixed;
}
a[href]:after {
	content:" link: <"attr(href)">";
	color: #052538;
	font: italic 11pt consolas, "Bitstream Vera Mono", monaco, courier, "Courier New", fixed;
}
*/	
}
/* end madia print */