/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*SVN Add-ins

$Rev:: 583           $: Revision of last commit
$Author:: spi        $: Author of last commit
$Date:: 2012-09-19 1#$: Date of last commit

Authors: JDE, SPI, JRI
Copyright (c) A&B One Digital GmbH
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    content.css (content styles)
    for ABD11001 A&B One Digital
    15.03.2011  JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* content for handheld, screen                                              */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media handheld, screen {

.content .box div.clearer{ clear: both; }


/* + + + + + schriften + + + + + */
.content .totop a:link, .content .totop a:visited, 
.standardlist .listmenu ul li a:link, .standardlist .listmenu ul li a:visited, 
.content h2, .content h2 span, .content h2 acronym, .content h2 abbr, 
.content h3, .content h3 span, .content h3 acronym, .content h3 abbr, 
.content blockquote p, .content blockquote p li, .content blockquote p strong, .content blockquote p span, .content blockquote p acronym, .content blockquote p abbr, 
.referenzhead h2, .referenzhead h2 span, .referenzhead h2 acronym, .referenzhead h2 abbr
	{ font-family: "ff-netto-web-1","ff-netto-web-2",Calibri,Tahoma,Arial,Helvetica,sans-serif; font-weight: normal; text-decoration: none; }

.content .teaser.icons h3, .content .teaser.icons h3 span, .content .teaser.icons h3 acronym, 
.content h3 a:link, .content h3 a:visited, 
.content h3 a:link span, .content h3 a:visited span, 
.content h3 a:link acronym, .content h3 a:visited acronym, 
.content h3 a:link abbr, .content h3 a:visited abbr, 
.start .content .box h2 a:link span, .start .content .box h2 a:link acronym, .start .content .box h2 a:link abbr, 
.start .content .box h2 a:visited span, .start .content .box h2 a:visited acronym, .start .content .box h2 a:visited abbr
	{ font-family: Verdana,Arial,Helvetica,sans-serif; }

.content p, .content ul, .content ol{ font-size: .75em; padding: 5px 0 10px; }

.content h2, 
.referenzhead h2{ font-size: 1.63em; font-weight: normal; line-height: 110%; padding: 25px 0 5px; }
.referenzhead h2{ padding: 10px 2px 5px; }
.content h2 span.spitzmarke, 
.referenzhead h2 span.spitzmarke{ display: block; font-size: 1em; font-weight: lighter; line-height: 100%; padding-bottom: 3px; }
.content h2 span.spitzmarke span, .content h2 span.spitzmarke abbr, 
.referenzhead h2 span.spitzmarke span, .referenzhead h2 span.spitzmarke abbr{ font-weight: lighter; }

.start .content h2, .content h3{ font-size: 1.31em;  font-weight: normal; line-height: 115%; padding: 10px 0 7px; }
.content .teaser h3{ font-size: .82em; font-weight: normal; padding-bottom: 0; padding-top: 0; }

.content h4{ font-size: .82em; line-height: 140%; padding: 5px 0 0; }
.content h5{ font-size: .75em; line-height: 140%; padding: 5px 0 0; }


/* + + + + + links + + + + + */
.content a:link, 
.content a:visited{ font-weight: bold; text-decoration: none; border-bottom: 1px solid #344B59; }
.content a:hover, .content a:focus, .content a:active, 
.content a:hover span, .content a:focus span, .content a:active span, 
.content a:hover acronym, .content a:focus acronym, .content a:active acronym{ color: #0C7A96; background-color: #F8F6F4; border-color: #BED2D8; }

.content .totop p{ text-align: right; }
.content .totop a:link, 
.content .totop a:visited{ background: url('../styleimages/icons_link.gif') no-repeat -401px -114px; font-size: 1.13em; padding-left: 20px; text-decoration: none; border-bottom: 0 none; }

.content .totop a:hover, .content .totop a:focus, .content .totop a:active, 
.content h3 a:hover, 
.content h3 a:focus, 
.content h3 a:active{ text-decoration: underline; border-bottom: 0 none; }

.content .box h3 a:link, 
.content .box h3 a:visited, 
.start .content .box h2 a:link, 
.start .content .box h2 a:visited{ font-size: .82em; font-weight: normal; line-height: 130%; text-decoration: none; background: url("../styleimages/icons_link.gif") no-repeat -486px 6px; border-bottom: 1px solid #FFF; padding-left: 10px; padding-right: 2px; }
.content .box h3 a:hover, 
.content .box h3 a:focus, 
.content .box h3 a:active, 
.start .content .box h2 a:hover, 
.start .content .box h2 a:focus, 
.start .content .box h2 a:active{ background-color: #F8F6F4; background-position: -470px -31px; border-color: #0C7A96; color: #0C7A96; }

.start .content .box h2 a:link span, .start .content .box h2 a:link acronym, 
.start .content .box h2 a:visited span, .start .content .box h2 a:visited acronym{ font-size: 1em; line-height: 130%; border-bottom: 1px solid #FFF; }
.start .content .box h2 a:hover span, .start .content .box h2 a:hover acronym, 
.start .content .box h2 a:focus span, .start .content .box h2 a:focus acronym, 
.start .content .box h2 a:active span, .start .content .box h2 a:active acronym{ border-color: #0C7A96; }


/* + + + + + listen + + + + + */
.content .box ul, 
.content .box li ol{ padding-left: 18px; }

.content .box ol{ padding-left: 2em; }

.content .box li{ padding-bottom: 3px; }

.content .box ul li, 
.content .box ol ul li{ list-style-type: disc; }

.content .box ol li, 
.content .box ul ol li{ list-style-type: decimal; }

.content .box ol li ul, .content .box ol li ol, 
.content .box ul li ul, .content .box ul li ol{ font-size: 1em; margin-left: 5px; margin-right: 0; padding-top: 3px; padding-bottom: 0; }

.content .box ol li p, 
.content .box ul li p{ display: inline; font-size: 1em; margin: 0; padding: 0; }
.content .box li h3{ font-size: 1.75em; }
.content .box li h4{ font-size: 1.06em; }


/* + + + + + icons + + + + + */
.content .teaser.icons{ position: relative; padding-left: 30px; }
.content .teaser.icons .icon{ position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url('../styleimages/icons_iconbox.gif') no-repeat 0 0; }
.content .teaser.icons .icon_1{ background-position: 0 -30px; }
.content .teaser.icons .icon_2{ background-position: 0 -60px; }
.content .teaser.icons .icon_3{ background-position: 0 -90px; }
.content .teaser.icons .icon_4{ background-position: 0 -120px; }
.content .teaser.icons .icon_5{ background-position: 0 -150px; }
.content .teaser.icons .icon_6{ background-position: 0 -180px; }

.content .teaser.icons h3{ line-height: 135%; }
.content .teaser.icons ul{ padding-top: 3px; }

.content .teaser.icons ul li, 
.content .special ul li{ list-style: none outside none; line-height: 100%; padding-top: 3px; padding-bottom: 5px; }

.content .teaser.icons ul li, 
.content .linkliste .box ul li, 
.content .special ul li a:link, 
.content .special ul li a:visited{ clear: both; background: url("../styleimages/icons_link.gif") no-repeat -486px 5px; }
.content .teaser.icons ul li a:link, 
.content .teaser.icons ul li a:visited, 
.content .linkliste .box ul li a:link, 
.content .linkliste .box ul li a:visited, 
.content .special ul li a:link, 
.content .special ul li a:visited{ display: inline-block; border-bottom: 1px solid #fff; text-decoration: underline; padding-left: 10px; }
.content .special ul li a:link, 
.content .special ul li a:visited{ background-position: -486px 2px; }

.content .teaser.icons ul li a:hover, 
.content .teaser.icons ul li a:focus, 
.content .teaser.icons ul li a:active, 
.content .linkliste .box ul li a:hover, 
.content .linkliste .box ul li a:focus, 
.content .linkliste .box ul li a:active, 
.content .special ul li a:hover, 
.content .special ul li a:focus, 
.content .special ul li a:active{ background: #F8F6F4 url("../styleimages/icons_link.gif") no-repeat scroll -470px -32px; border-color: #BED2D8; text-decoration: none; }

.content .teaser.icons ul li a:hover, 
.content .teaser.icons ul li a:focus, 
.content .teaser.icons ul li a:active, 
.content .special ul li a:hover, 
.content .special ul li a:focus, 
.content .special ul li a:active{ background-position: -470px -35px; }


/* + + + + + linkliste + + + + + */
.content .linkliste .box ul li{ list-style: none outside none; }
.content .linkliste .box ul, 
.content .special ul{ padding-left: 0; }
.content .linkliste .box ul li a:link, 
.content .linkliste .box ul li a:visited, 
.content .special ul li a:link, 
.content .special ul li a:visited{ padding-left: 13px; }


/* + + + + + specialbox + + + + + */
.content .special h4{  }
.content .special img{ clear: left; float: left; margin: 4px 10px 3px 0; }
.content .box .special li ul{ margin-left: 0; padding-top: 0; }


/* + + + + + blockquote + + + + + */
.content .quote{ padding-bottom: 25px; }
.content .box blockquote, 
.content .quote blockquote{ border-top: 1px solid #d3d8dc; border-bottom: 1px solid #d3d8dc; padding: 7px 7px 4px 10px; }
.content blockquote p{ font-size: 1.25em; line-height: 120%; }
.content blockquote p span, .content blockquote p acronym, 
.content blockquote p a:link, .content blockquote p a:visited{ line-height: 120%; }

.content .box blockquote{ margin-top: 15px; margin-bottom: 15px; }


/* + + + + + listitem + + + + + + + */
.content .box.listitem{ padding-bottom: 5px; margin-top: 5px;  }
.content .box.listitem div{ height: 1px; }
.content .box.listitem div.topline{ border-top: 1px solid #D3D8DC; height: 8px;  }
.content .box.listitem img{ float: left; padding: 10px 15px 10px 0; }
.content .box.listitem h3, .content .box.listitem p, 
.content .box.listitem ul, .content .box.listitem ol{ margin-left: 251px; }
.content .box.listitem ul ul, .content .box.listitem ul ol, .content .box.listitem ul p, 
.content .box.listitem ol ul, .content .box.listitem ol ol, .content .box.listitem ol p{ margin-left: 0; }


/* + + + + + teaser,banner + + + + + */
.col3 .content .teaser, .content .banner{ margin-bottom: 25px; }

.content .banner{ padding: 0 12px 0 7px; }
.content .banner h3{ position: absolute; top: -2000em; left: -2000em; }
.content .banner div a:link, .content .banner div a:visited{ display: block; border: 2px solid #E6EAEC; }
.content .banner div a:hover, .content .banner div a:focus, .content .banner div a:active{ border-color: #0C7A96; }

.content .doubleteaser, .content .singleteaser{ margin: 0 5px 0 9px; }
.content .doubleteaser .teaser, .content .singleteaser .teaser{ padding:0; margin: 0; width: 49.8%; float: left; } 
.content .doubleteaser .teaser .teaserimg{ margin: 0 7px; position: relative; min-height: 10px; }
.content .doubleteaser .teaser .teasertxt{ margin: 0 7px; }
.content .doubleteaser .teaser .teaserimg .techhint{ position: absolute; top: -1px; left: -1px; border: 1px solid #D3D8DC; border-top-width: 2px; width: 100%; height: 100%; background: url('../styleimages/bg_techhint.png') repeat top left; }
.content .doubleteaser .teaser .teaserimg .techhint h3{ font-size: .93em; font-weight: bold; line-height: 140%; padding: 10px; }

.content .doubleteaser .teaser .teaserimg .techhint p{ padding-right: 10px; padding-left: 10px; }
.content .doubleteaser .teaser .teaserimg .techhint p img{ margin: 0 auto; width: 88px; }

.content .singleteaser .teaser{ width: 99.9%; }
.content .singleteaser .teaser .teaserimg, .content .singleteaser .teaser .teasertxt{ margin: 0 7px; }


/* + + + + + + + + + + + + + */
/* + + + + + liste + + + + + */
.standardlist .list .box{ border-top: 1px solid #D3D8DC; padding-top: 10px; padding-bottom: 10px; }
.standardlist .list .box img{ float: left; margin: 5px 15px 5px 0; }

.standardlist .list .box h2{ padding-top: 5px; padding-bottom: 13px; }
.standardlist .list .box h3{ padding-top: 7px; padding-bottom: 3px; }
.standardlist .list .box p{ padding-top: 0; }

.standardlist .list .box h3, .standardlist .list .box h4, .standardlist .list .box p, 
.standardlist .list .box ul, .standardlist .list .box ol{ margin-left: 251px; }
.standardlist .list .box ul ul, .standardlist .list .box ul ol, .standardlist .list .box ul p, 
.standardlist .list .box ol ul, .standardlist .list .box ol ol, .standardlist .list .box ol p{ margin-left: 0; }

.standardlist .listmenu{ padding-top: 5px; }
.standardlist .listmenu ul{ margin-left: 20px; margin-bottom: 23px; }
.standardlist .listmenu ul li{ background: url('../styleimages/icons_link.gif') no-repeat -436px -60px; padding-left: 33px; }
.standardlist .listmenu ul li a:link, 
.standardlist .listmenu ul li a:visited{ font-size: 2.06em; line-height: 140%; border-color: #fff; }
.standardlist .listmenu ul li a:hover,
.standardlist .listmenu ul li a:focus,
.standardlist .listmenu ul li a:active{ border-color: #0C7A96; }


/* + + + + + + + + + + + + + */
/* + + + + + start + + + + + */
.start .content .box{ padding-right: 9%; padding-left: 9%; }
.start .content .first .box{ padding-right: 18%; padding-left: 16px; }
.start .content .last .box{ padding-left: 18%; padding-right: 12px; }

.start .content .box h2{ font-weight: normal; }
.start .content .box h2 span, .start .content .box h2 acronym, 
.start .content .box h2 span, .start .content .box h2 acronym{ line-height: 100%; }

.start .content.topteaser .flash.vimeo{ margin: 0 1.5%; padding: 0; width: 97%; border: 1px solid #D3D8DC; }
.start .content.topteaser .flash.vimeo .teaserimg{ min-height: 10px; position: relative; z-index: 300; }
.start .content.topteaser .flash.vimeo .teaserimg img{ max-width: 250%; width: 100%; float: none; }

.start .content.topteaser .flash.vimeo .teaserimg .techhint{ position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: url('../styleimages/bg_techhint.png') repeat top left; }
.start .content.topteaser .flash.vimeo .teaserimg .techhint h3{ font-size: 1.13em; line-height: 140%; padding: 10px; }

.start .content.topteaser .flash.vimeo .teaserimg .techhint p{ padding-right: 10px; padding-left: 10px; }

.start .content.topteaser .flash.vimeo .teaserimg .techhint p a:link img, 
.start .content.topteaser .flash.vimeo .teaserimg .techhint p a:visited img{ display: block; width: 88px; border: 2px solid #E6EAEC; border-top: none 0; margin: 10px auto 0; }

.start .content.topteaser .flash.vimeo .teaserimg .techhint p a:hover img, 
.start .content.topteaser .flash.vimeo .teaserimg .techhint p a:focus img, 
.start .content.topteaser .flash.vimeo .teaserimg .techhint p a:active img{ border-color: #0C7A96; }

.start .content.topteaser .flash.vimeo .teaserimg .techhint a.startvideo:link, .start .content.topteaser .flash.vimeo .teaserimg .techhint a.startvideo:visited{ display: block; width: auto; height: 100%; text-align: center; }
.start .content.topteaser .flash.vimeo .teaserimg .techhint a.startvideo:hover, .start .content.topteaser .flash.vimeo .teaserimg .techhint a.startvideo:focus, .start .content.topteaser .flash.vimeo .teaserimg .techhint a.startvideo:active{ background: url("../styleimages/bg_mostxt.png") repeat 0 0; }
.start .content.topteaser .flash.vimeo .teaserimg .techhint .startvideo img{ margin: 0 auto; padding-top: 20%; width: auto; max-width: 100%; }


/* + + + + + + + + + + + + + + + + */
/* + + + + + topreferenz + + + + + */
.referenz h2{ position: absolute; top: -20000em; left: -20000em; }
.referenzhead p{ font-size: 1.44em; line-height: 110%; padding: 0; }
.referenzhead p strong{ font-weight: normal; }
.referenzhead p.secondline{ font-size: 1.63em; margin-top: -10px; }

.referenz .landscape p{ font-size: .69em; padding-bottom: 15px; }

.referenz .list{ border-top: 1px solid #D3D8DC; }
/* live gibt es keine spitzmarke und kein blockquot rechts */
.referenz .list div.clearer{ clear: left; border-top: 1px solid #D3D8DC; border-bottom: solid 20px #FFF; }
.referenz .list ol li{ float: left; width: 16.6%; }
.referenz .list ol li.first{ margin: 0; }
.referenz .list ol li span{ display: block; padding: 10px 3px 10px 7px; }
.referenz .list ol li img{ width: 100%; margin-top: 0; }
.referenz .list ol li a:link, 
.referenz .list ol li a:visited{ display: block; border: 2px solid #E6EAEC; margin: 3px 0; }
.referenz .list ol li a:hover, 
.referenz .list ol li a:focus, 
.referenz .list ol li a:active{ border-color: #0C7A96; }

.referenz .list ol li strong{ display: block; margin: 3px 0 0; }
.referenz .list ol li strong img{ border-bottom: solid 3px #0C7A96; }


/* + + + + + + + + + + + + + + */
/* + + + + + sitemap + + + + + */
.content.sitemap .box ul{ margin: 0; padding: 0; font-size: 1em; }
.content.sitemap .box ul li{ list-style-type: none; display: block; }
.content.sitemap .first .box ul li{ padding-bottom: 28px; }
.content.sitemap .first .box ul ul, .content.sitemap .last .box ul{ padding: 6px 0 0; }
.content.sitemap .first .box ul ul ul{ padding: 2px 18px 2px; }
.content.sitemap .first .box ul li li, .content.sitemap .last .box ul li{ padding-bottom: 2px; }


.content.sitemap .last .box h3,
.content.sitemap .first .box ul li a:link, .content.sitemap .first .box ul li a:visited{ display: block; border: 0 none; border-bottom: 1px solid #D6D6D6; font-size: 1.06em; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; line-height: 115%; padding: 4px 10px 4px 1px;  }
.content.sitemap .first .box ul li a:link, .content.sitemap .first .box ul li a:visited{ background: url("../styleimages/icons_rightlink.gif") no-repeat -8px 10px; padding-left: 22px; }
.content.sitemap .first .box ul li a:hover, .content.sitemap .first .box ul li a:focus, .content.sitemap .first .box ul li a:active{ background-position: -8px -437px;  }

.content.sitemap .first .box ul li li a:link, .content.sitemap .first .box ul li li a:visited,
.content.sitemap .last .box ul li a:link, .content.sitemap .last .box ul li a:visited{ display: block; line-height: 115%; border: 0 none; font-size: .75em; font-weight: normal; padding: 2px 12px 2px 24px; margin: 0; background: transparent none; }

.content.sitemap .first .box ul li li a:hover, .content.sitemap .first .box ul li li a:focus, .content.sitemap .first .box ul li li a:active,
.content.sitemap .last .box ul li a:hover, .content.sitemap .last .box ul li a:focus, .content.sitemap .last .box ul li a:active{ text-decoration: underline; background: url("../styleimages/icons_rightlink.gif") no-repeat -15px -585px; }


/* + + + + + + + + + + + + + */
/* + + + + + layer + + + + + */
#WindowOverlay{ position: fixed; top: 0; left: 0; z-index: 2000; height: 100%; width: 100%; background-color: #063d4b; opacity: 0.7; }
.wrapper.start .mosimg.nohover, 
.wrapper.start .videoplayer{ position: relative; z-index: 3000; }


} /* @media handheld, screen */



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* adjustments for 1024 monitors */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

@media only screen and (max-width: 1024px){

/*.content h3{ font-weight: bold; }*/
.list #content h2, 
.list #content .box p{ margin-right: 26px; }
.list #content .listmenu{ margin-right: 33px; }
.list .standardlist .list .box{ margin-right: 22px; }

}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* adjustments for 900 monitors */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

@media only screen and (max-width: 915px){

	.content .teaser, .content .box, 
	.start .content .box, .start .content .first .box, .start .content .last .box{ padding-left: 14px; padding-right: 14px; }
	.content .teaser.icons{ margin-left: 14px; }
/*	.content h3{ font-weight: bold; }*/

	.content .box.listitem h3, 
	.content .box.listitem p, 
	.content .box.listitem ul, 
	.content .box.listitem ol{ margin-left: 0; }

}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* adjustments for 800 monitors */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

@media only screen and (max-width: 792px){

	.referenz .list ol{ margin: 0 auto; }
	.referenz .list ol li{ width: 28%; height: 85px; overflow: hidden; padding-bottom: 5px; }
	.referenz .list ol li a:link, 
	.referenz .list ol li a:visited,
	.referenz .list ol li strong{ display: block; }

}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* adjustments for 768 monitors                                              */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media handheld, only screen and (max-width: 768px) {

	.standardlist .list .box h3,  .content .box.listitem h3, 
	.standardlist .list .box p,   .content .box.listitem p, 
	.standardlist .list .box ul,  .content .box.listitem ul, 
	.standardlist .list .box ol,  .content .box.listitem ol{ margin-left: 0; }
	#navSocial { display: none; }
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* adjustments for 568 monitors                                              */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media handheld, only screen and (max-width: 568px) {
	
	.standardlist .list .box img, .content .box.listitem img{ float: none; }
	

}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* adjustments for 480 monitors and handhelds                                */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media handheld, only screen and (max-width: 480px){

	.referenz .list ol li{ width: 49%; }
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* adjustments for 320 monitors and handhelds                                */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media handheld, only screen and (max-width: 320px) {

	.standardlist .list .box img{ float: none; margin-right: 0; }
	.referenz .list ol li{ float: none; width: 99%; }

}