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

$Rev:: 3200          $: Revision of last commit
$Author:: spisulla   $: Author of last commit
$Date:: 2013-12-19 1#$: Date of last commit

Authors: SPI
Copyright (c) A&B One Digital GmbH
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    basics.css (structure styles for screen and handheld)
    fuer UOS12001  (Uni Osnabrueck)
    24.07.2012  SPI
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global basics for handheld, screen                                        */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

@media handheld, screen {

.none, .structure, #navMain .navSub li.none{ display: none; }

#content .news.news-single .image p.news-img-caption, #lightbox.gallerysmall .lbcontent .box .image p.caption, 
.wrapper.big .col_3.first, 
.breadcrumb .prefix, #content .grey .service h2, 
.out, legend.none, .tx-powermail-pi1_mandatory p, 
.claim, .start .breadcrumb, #sitemap.closed, 
#content div.float_right h2, /*.sitemap #content .box .navService h3, */
.header .tx-macinasearchbox-pi1 label span, form fieldset.nolegend legend, 
.start .slider .video h4, 
.content .tx-indexedsearch form legend{ position: absolute; top: -20000em; left: -20000em; }

.clearer{ clear: both; }
.float_left{ float: left; }
.float_right{ float: right; }
.grossbuchstaben{ text-transform: uppercase !important; }
.minor{ font-weight: normal !important; }

.moretop{ margin-top: 20px; }


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* basic grid for 1024 monitors                                              */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
body{ width: 100%; overflow: visible; }

.row{ clear: both; }
.rowinner{ max-width: 1088px; width: 97%; margin: 0 auto; }

/* + + + + + + + + + + + + + */
		.col_1{  width:  6.08%; }
		.col_2{  width: 14.8%; }
		.col_3{  width: 23.3%; }
		.col_4{  width: 31.85%; }
		.col_5{  width: 40.24%; }
		.col_6{  width: 48.77%; }
		.col_7{  width: 57.30%; }
		.col_8{  width: 65.84%; }
		.col_9{  width: 74.38%; }
		.col_10{ width: 82.92%; }
		.col_11{ width: 91.46%; }
		.wrapper.big .col_9.last, 
		.col_12{ width: 100%; }

		.standard .col_9{  width: 74.58%; }
/* + + + + + + + + + + + + + */

.content{ float: left; margin-right: 2.2%; margin-bottom: 28px; }
.standard .col_3.content{ margin-right: 0; }

.content.last, 
.col_1.break_12, 
.col_2.break_6, 
.col_3.break_4, 
.col_4.break_3, 
.col_5.break_2, 
.col_6.break_2{ float: right; margin-right: 0; }
.content.break_1{ clear: both; }

#content{ padding-top: 17px; }
/*.eb1, .eb2{ overflow: hidden; }*/
#content .eb1{ padding-bottom: 25px; }


/* + + + + + + + + + + + + + + + + + + + */
/* + + + + + + basic structure + + + + + */
.navigation{ background-color: transparent; }
.start .navigation{ background-color: #FFF; }

.header .row, .navigation .row{ position: relative; z-index: 2; }
.navigation .row{ z-index: 10; }
.footer .row{ background-color: #F3F3F3; padding-top: 8px; }


/* + + + + + toplink + + + + + */
.sticky{ position: fixed; top: 0; left: 4%; z-index: 20; }
.stickynav{ font-size: .88em; }
.stickynav img{ float: left; padding-right: 30px; }

.stickynav a:link, .stickynav a:visited{ 
	display: inline-block; white-space: nowrap; 
	background-color: #AD1034; 
	color: #FFF; font-weight: bold; text-decoration: none; 
	padding: 6px 26px 6px 6px; }
.stickynav a:link span, .stickynav a:visited span{ display: inline-block; color: #FFF; padding-top: 15px; }
.stickynav a:hover, .stickynav a:focus, .stickynav a:active,
.stickynav a:hover span, .stickynav a:focus span, .stickynav a:active span{ background-color: #333; border-color: #333; color: #FFF; text-decoration: underline; }


/* + + + + + + + + + + + + + + */
/* + + + + + header  + + + + + */
.header .col_12{ float: left; }
.header .logo{ float: left; width: 31%; }
.header .logo img{ max-width: 100%; height: auto; margin-bottom: 25px; }/*
.header .logo a:hover img, 
.header .logo a:focus img, 
.header .logo a:active img{ border-bottom: solid 5px #000; margin-bottom: 5px; }*/

.header .float_left{ float: left; width: 69%; }
.header .fachbereich{ position: relative; float: left; width: 70%; }
.header .fachbereich p{ padding: 8px 15px 0 0; }
.header .fachbereich p strong{ font-weight: normal; }
.header .fachbereich p strong.grossbuchstaben{ font-size: 1.06em; }
.header .fachbereich .clearer{ position: absolute; top: 0; right: 0; width: 5px; height: 74px; overflow: hidden; background-color: #AC1035; }

.header .float_left .float_right{ width: 30%; margin-top: 11px; }
.header .float_left .tx-macinasearchbox-pi1{ width: 95%; margin-left: auto; margin-right: 0; }
.header .float_left .tx-macinasearchbox-pi1 label{ width: 86%; }
.header .float_left .tx-macinasearchbox-pi1 label input{ width: 97%; min-height: 18px; background-color: #FFF; }
.header .float_left .tx-macinasearchbox-pi1 label input:hover, .header .float_left .tx-macinasearchbox-pi1 label input:focus{ background-color: #E5E5E5; }
.header .float_left .tx-macinasearchbox-pi1 form .morelink p{ height: 24px; }
.header .float_left .tx-macinasearchbox-pi1 form .morelink{ float: right; }

.header .float_left .language{ clear: right; float: right; width: 100%; text-align: right; }
.header .float_left .language a:link, 
.header .float_left .language a:visited{ 
	clear: both; display: inline-block; 
	background: url("../images/icons_link.gif") no-repeat -130px -438px; 
	font-size: 1em; text-decoration: none; 
	margin: 10px 2% 0 0; padding: 6px 0 2px 15px; }

.wrapper.start .header .float_left .language a:link, 
.wrapper.start .header .float_left .language a:visited{ background-position: -264px -301px; }

.header .float_left .language a:hover, 
.header .float_left .language a:focus, 
.header .float_left .language a:active{ text-decoration: underline; }

/*
.header .language a{ display: block; font-size: .88em; text-decoration: none; padding: 5px 7px 0; }



.header .tx-macinasearchbox-pi1{ float: right; border: solid 1px #333; color: #FFF; line-height: 100%; width: 140px; }

*/
/* + + + + + + + + + + + + + + + + */
/* + + + + + navigation  + + + + + */

/* + + + + + direct + + + + + */
#navDirect{ position: absolute; top: 55px; left: 43%; z-index: 10; height: 1em; text-align: center; }
#navDirect li{ position: absolute; top: 0; left: 0; }
#navDirect a:link, 
#navDirect a:visited{
	position: absolute; top: -20000em; left: -2000em; z-index: 10; display: block; width: 14em; 
	background-color: #FFF; border: 2px solid #000; 
	color: #000; font-family: 'MetaPlus', Arial, helvetica, sans-serif; font-size: .82em; font-weight: bold; text-decoration: underline; 
	margin: 1px 12px; padding: 6px 0 8px; }
#navDirect a:focus{ top: 0; left: 0; z-index: 100; font-family: 'MetaPlus', Arial, helvetica, sans-serif; text-decoration: underline; }
#navDirect a:hover, 
#navDirect a:active{ position: static; z-index: 100; font-family: 'MetaPlus', Arial, helvetica, sans-serif; text-decoration: none; }


/* + + + + + service + + + + + */
.header #navService{ float: right; min-height: 1em; }
.header #navService, .header #navService *{ line-height: 100%; }

.header #navService{ max-width: 69%; margin: 10px 25px 8px 0; }/*76%*/
.header #navService ul{ float: right; display: block; font-size: .75em; }
.header #navService ul li{ float: left; margin-right: 3px; padding: 0; }

.header #navService ul li span.common{ 
	display: block; 
	background-color: #000; 
	color: #FFF; font-size: .93em; font-weight: bold; text-transform: uppercase; line-height: 125%; 
	padding: 4px 10px; }

.header #navService ul li a:hover span, 
.header #navService ul li a:focus span, 
.header #navService ul li a:active span{ text-decoration: underline; }

.header #navService ul li.active span.common{ background-color: #FFF; color: #000; }
.header #navService ul li.active a:hover, 
.header #navService ul li.active a:hover span.common, 
.header #navService ul li.active a:focus, 
.header #navService ul li.active a:focus span.common, 
.header #navService ul li.active a:active, 
.header #navService ul li.active a:active span.common{ text-decoration: none; }


/* + + + + + navmain + + + + + */
.container.navigation .col_12{ position: relative; left: 0; }
#navMain{ position: relative; z-index: 10; margin-bottom: 10px; }
#navMain li{ display: block; float: left; border-left: solid 1px #474747; color: #000; font-size: 1.13em; margin-bottom: 8px; padding: 0; }

#navMain li.current strong, 
#navMain li a:link, 
#navMain li a:visited{ display: block; min-height: 21px; border: 4px solid transparent; border-left-width: 1px; border-right-width: 1px; text-decoration: none; margin: 0 -1px; padding: 0 18px 0 20px; }
#navMain li a:hover, 
#navMain li a:focus, 
#navMain li a:active{ background: #AC1035 url('../images/icons_nav.gif') no-repeat -336px -42px; border-color: #AC1035; border-left-color: #474747; color: #FFF; text-decoration: underline; }
#navMain li a:hover span span, 
#navMain li a:focus span span, 
#navMain li a:active span span{ background-color: #AC1035; color: #FFF; }

#navMain li.start{ position: relative; border: 4px solid transparent; margin: -4px -1px -4px 0; }
/* .start mit strong: #navMain li.start.current strong{ background-image: none; border-color: #AC1035; border-width: 2px 0; margin: 0 -4px; padding: 0 2px; }*/
/* .start ohne strong: */#navMain li.start.current span.common{ display: block; background-image: none; border: solid 2px #AC1035; margin: 0 -4px; }
#navMain li.start a:link, 
#navMain li.start a:visited{ background-image: none; border: none 0; margin: 0 -4px 0 -4px; padding: 2px; }
#navMain li.start a:hover, 
#navMain li.start a:focus, 
#navMain li.start a:active{ background: #AC1035 url('../images/icons_nav.gif') no-repeat right 0; }
#navMain li.start a:hover span span img, 
#navMain li.start a:focus span span img, 
#navMain li.start a:active span span img{ background-color: #AC1035; opacity: 0; color: #FFF; }

#navMain li.current strong{ background-color: #AC1035; border-color: #AC1035; color: #FFF; }
#navMain li.current span span{ background-color: #AC1035; color: #FFF; }

#navMain li.active a{ background-color: #474747; border-color: #474747; color: #FFF; }
#navMain li.active strong{ font-weight: normal; }
#navMain li.active a span span{ background-color: #474747; color: #FFF; }
#navMain li.active a:hover, 
#navMain li.active a:focus, 
#navMain li.active a:active, 
#navMain li.active a:hover span span, 
#navMain li.active a:focus span span, 
#navMain li.active a:active span span{ background-color: #AC1035; border-color: #AC1035; }

#navMain li.js_flyout a{ background: #474747 url('../images/icons_nav.gif') no-repeat -237px -143px; color: #FFF; }
#navMain li.js_flyout a span span{ color: #FFF; }
#navMain li.js_flyout a:hover, 
#navMain li.js_flyout a:focus, 
#navMain li.js_flyout a:active{ background-color: #AC1035; background-position: -301px -75px; border-color: #AC1035; }


/* + + + + + flyout - navsub + + + + + */
/* ab wrapper-weite von: 996px */#navMain.smallscale .navSub{ display: none !important; }

#navMain .navSub{ 
	position: absolute; left: 0; width: 100%; max-width: 1088px; 
	background: #000 url('../images/bg_flyout.png') repeat left top; 
	color: #FFF; 
	margin: 18px 0 0; padding: 0; }

.ie #navMain .navSub{ margin-top: 10px; }
.ie8 #navMain .navSub{ margin-top: 18px; }


/* close-button */
.navSub .close, .search .inner .close, .lbcontent .close{ position: absolute; right: 1.5%; top: 10px; }
#navMain .close a img, .search .inner .close a img, .lbcontent .close a img{ border: solid 2px #424242; border-radius: 3px; }
#navMain .close a:link, #navMain .close a:visited, 
.start #content .search .inner .close a:link, .start #content .search .inner .close a:visited, 
.lbcontent .close a:link, .lbcontent .close a:visited
	{ min-height: 5px; background-image: none; border: none 0; border-radius: 5px; font-size: .69em; font-weight: bold; margin: 0; padding: 0; }

#navMain .navSub .close a:hover, #navMain .navSub .close a:focus, #navMain .navSub .close a:active, 
.start #content .search .inner .close a:hover, .start #content .search .inner .close a:focus, .start #content .search .inner .close a:active, 
.lbcontent .close a:hover, .lbcontent .close a:focus, .lbcontent .close a:active
	{ border: solid 2px #FFF; -webkit-border-radius: 5px; }

#navMain .close a:hover img, #navMain .close a:focus img, #navMain .close a:active img, 
.start #content .search .inner .close a:hover img, .start #content .search .inner .close a:focus img, .start #content .search .inner .close a:active img, 
.lbcontent .close a:hover img, .lbcontent .close a:focus img, .lbcontent .close a:active img
	{ border-width: 0; }


/* navSub */
#navMain .navSub ul{ float: left; width: 30%; margin: 0; padding: 30px 0 5px; }
#navMain .navSub li{ float: none; min-height: 10px; border: none 0; font-size: .88em; }
#navMain .navSub li span span{ color: #FFF; }

#navMain .navSub li.active span{ font-weight: bold; }
#navMain .navSub li.current strong span{ background-color: #F3F3F3; color: #333; font-weight: normal; }
#navMain .navSub li.current strong{ 
	display: inline-block; min-height: 5px; 
	background-color: #F3F3F3; border-color: #F3F3F3; border-top-width: 3px; 
	color: #333; 
	margin: 0; padding-top: 0; padding-bottom: 2px; }

#navMain .navSub li a, #navMain .navSub li a span span{ position: static; background-image: none; background-color: transparent; border: none 0; margin: 0; }
#navMain .navSub li a span span.out{ position: absolute; }
#navMain .navSub li a:hover, 
#navMain .navSub li a:focus, 
#navMain .navSub li a:active, 
#navMain .navSub li a:hover span span, 
#navMain .navSub li a:focus span span, 
#navMain .navSub li a:active span span{ background-color: transparent; }


/* + + + flyoutteaser + + + */
#navMain .navSub .flyoutteaser{ float: right; width: 26%; background-color: #F3F3F3; opacity: 1; margin-right: 6%; padding: 25px 4% 15px; }
#navMain .navSub .flyoutteaser a{ background-image: none; background-color: transparent; border: none 0; margin: 0; padding: 0; }
#navMain .navSub .flyoutteaser p a{ background: url("../images/icons_link.gif") no-repeat -132px -441px; color: #AC1035; padding-left: 13px; }
/*#navMain .navSub .flyoutteaser a{ display: inline-block; background-image: none; background-color: transparent; border: none 0; margin: 0; padding: 0; }
#navMain .navSub .flyoutteaser p a{ min-height: 15px; background: url("../images/icons_link.gif") no-repeat -132px -441px; color: #AC1035; padding-left: 13px; }
#navMain .navSub .flyoutteaser p a.external-link{ background-position: -98px -472px; padding-left: 18px; }*/

#navMain .navSub .flyoutteaser p{ font-size: .75em; padding: 10px 0; }
#navMain .navSub .flyoutteaser .box div p{ font-size: .82em; }
/*#navMain .navSub .flyoutteaser .box div p a{ background-position: -132px -440px; padding: 3px 0 3px 16px; }*/


/* + + + + + navsub + + + + + */
#content .navSub{ background-color: #FFF; margin: 0; padding: 0; }
#content .navSub ul{ list-style-type: none; padding: 0; }
#content .navSub li{ font-size: .88em; padding: 0; }
#content .navSub li a:link, 
#content .navSub li a:visited{ display: block; background-image: none;}
#content .navSub li a:link, #content .navSub li a:link span, 
#content .navSub li a:visited, #content .navSub li a:visited span{ color: #666; font-weight: normal; text-decoration: none; }
#content .navSub li strong a:link, #content .navSub li strong a:link span, 
#content .navSub li strong a:visited, #content .navSub li strong a:visited span{ font-weight: bold; }
/*/
#navMain .navSub li.current strong, 
#navMain .navSub li a:link, 
#navMain .navSub li a:visited{ white-space: normal; }
*/

/* + + + 1. sub-ebene + + + */
#content .navSub li .common{ display: block; border-left: solid 6px #FFF; text-decoration: none; padding: 7px 10px; }
#content .navSub li span{ color: #666; }
#content .navSub li .bordered{ line-height: 130%; }
#content .navSub li a:hover .common, 
#content .navSub li a:focus .common, 
#content .navSub li a:active .common{ border-color: #AC1035; }
#content .navSub li a:hover .common span, 
#content .navSub li a:focus .common span, 
#content .navSub li a:active .common span{ color: #000; }


/* active */
#content .navSub li strong .common{ border-color: #333; padding-right: 6px; }
#content .navSub li strong .common, 
#content .navSub li strong .common span{ background-color: #333; color: #FFF; }
#content .navSub li strong a .common{ border-color: #FFF; }
#content .navSub li strong a .common, 
#content .navSub li strong a .common span{ background-color: #FFF; color: #333; }


/* + + + 2. sub-ebene + + + */
#content .navSub li ul{ background-color: #F3F3F3; margin-bottom: 5px; padding: 0; }
#content .navSub li li{ background-color: #F3F3F3; font-size: .94em; }
#content .navSub li li span{ color: #333; }
#content .navSub li li .common{ border-left: solid 10px #F3F3F3; padding: 5px 10px 5px 0; }
#content .navSub li li .bordered{ display: block; padding-left: 18px; }


/* active */
#content .navSub li li strong .common{ border-color: #333; padding-right: 6px; }
#content .navSub li li strong a .common, 
#content .navSub li li strong a .common span{ background-color: #F3F3F3; border-color: #F3F3F3; }


/* + + + 3. sub-ebene + + + */
#content .navSub li li ul{ margin-bottom: 0; padding: 0; }
#content .navSub li li li .common{ border-color: #FFF; }
#content .navSub li li li .bordered{ padding-left: 30px; }


/* active */
#content .navSub li li li strong .common{ border-color: #FFF; }


/* + + + + + + + + + + + + + + + + + */
/* + + + + + serviceleiste + + + + + */
.start #content .col_12 .box.search, 
.start #content .grey .col_12 .service{ position: relative; background-image: none; margin-bottom: -3px; padding:  30px 0 0; }


/* + + + suche + + + */
.start #content .col_12 .box.search{ float: right; width: 55%; }
.start #content .col_12 .box.search .inner{ float: right; }
.start #content .col_12 .box.search #fb.inner, .start #content .col_12 .box.search #fb2.inner{ clear: right; }

.start #content .col_12 .box.search .inner p{ font-size: .94em; margin-top: -5px; padding-top: 0; }
.start #content .col_12 .box.search .inner p a{ 
	min-height: 17px; 
	background-position: right 7px; 
	font-size: 1em; text-transform: uppercase; letter-spacing: 3px; 
	margin: 0 0 0 10px; padding: 3px 30px 0 0; }


/* verlinkung mit JS */
.search .inner .fb, .search .inner .fb2{ 
	position: absolute; left: 0; z-index: 20; width: 100%; max-width: 1088px; 
	background: #000 url('../images/bg_flyout.png') repeat left top; 
	color: #FFF; 
	margin: 18px 0 0; padding: 0; }

.search .inner .fb.totop, .search .inner .fb2.totop{ top: auto; bottom: 3em; margin: 0; }
.search .inner .fb.tobottom, .search .inner .fb2.tobottom{ margin: 0; }

.start #content .col_12 .box.search #fb.js_inner, .start #content .col_12 .box.search #fb2.js_inner{ clear: none; }
.start #content .col_12 .box.search .js_inner p{ font-size: 1em; margin-top: 7px; }
.start #content .col_12 .box.search .js_inner p a{ 
	background: #FFF url('../images/icons_rightlink.gif') no-repeat right -35px; border: solid 1px #AAA; 
	color: #333; font-size: .94em; text-transform: none; letter-spacing: 0; 
	padding: 4px 30px 5px 10px; }
.start #content .col_12 .box.search .js_inner p a.opened{ background-position: right 12px; }
.start #content .col_12 .box.search .js_inner p a span, 
.start #content .col_12 .box.search .js_inner p a acronym{ border-color: #333; color: #333; }


/* flyout */
.start #content .search .inner .fb h3, .start #content .search .inner .fb2 h3{ color: #FFF; padding-left: 25px; }
.start #content .search .inner .fb li, .start #content .search .inner .fb2 li{ list-style-type: none; color: #FFF; padding-left: 0; }
.start #content .search .inner .fb li a:link, .start #content .search .inner .fb2 li a:link,
.start #content .search .inner .fb li a:visited, .start #content .search .inner .fb2 li a:visited{ 
	background-image: none; 
	color: #FFF; font-size: .88em; letter-spacing: normal; text-transform: none; 
	padding: 0; }


/* + + + servicenav + + + */
.start #content .grey .col_12 .service{ z-index: 1; float: left; width: 45%; padding-top: 23px; }

#content .grey .service ul{ padding: 0; }
#content .grey .service li{ float: left; min-width: 43px; width: 4.5em; list-style-type: none; font-weight: bold; padding: 0; }

#content .grey .service li a:link, 
#content .grey .service li a:visited{ 
	display: block; width: 100%; 
	background: url("../images/icons_navservice.gif") no-repeat -356px 3px; 
	color: #333; font-size: 1.13em; font-weight: normal; line-height: 100%; text-transform: none; letter-spacing: 0; 
	padding: 40px 0 0; }

#content .grey .service li.sitemap{ width: 4.5em; text-align: center; }
#content .grey .service li.sitemap a{ min-width: 40px; background-position: -300px -50px; }

#content .grey .service li.intranet{ width: 4.4em; text-align: center; }
#content .grey .service li.intranet a{ background-position: -256px -101px; }

#content .grey .service li.impress{ width: 6em; margin-right: 0; }
#content .grey .service li.impress a{ min-width: 57px; background-position: -206px -151px; }


/* + + + + + + + + + + + + + + + + */
/* + + + + + breadcrumb  + + + + + */
.content .breadcrumb p{ padding: 2px 0 10px; }
.breadcrumb p a em{ font-style: italic; }
#content .breadcrumb p a:link, 
#content .breadcrumb p a:visited{ background-image: none; color: #333; font-weight: normal; text-decoration: none; margin-right: 5px; padding-left: 3px; }
.breadcrumb p strong{ padding-left: 3px; }
#content .breadcrumb p a:hover, 
#content .breadcrumb p a:focus, 
#content .breadcrumb p a:active{ text-decoration: underline; }

.wrapper.big #content .col_9 .breadcrumb p{ margin-left: 0; }
#content .breadcrumb p span.shortcut{ font-weight: bold; font-style: italic; }


/* + + + + + + + + + + + + + + */
/* + + + + + footer  + + + + + */
.footer .content p{ font-size: .75em; }
.footer h1, .footer h2{ position: absolute; top: -2000em; left: -20000em; }

.footer .content h2{ background-image: none; }
.footer .content .box h3{ font-size: 1.13em; padding-bottom: 5px; }
.footer .content .box ul{ list-style-type: none; padding: 0; }
.footer .linkliste .content .box li a{ padding: 0; }


/* + + + + + shortcut  + + + + + */
.shortcuts .content{ margin-bottom: 0; }
.shortcuts .content h2{ position: static; }
/*.shortcuts .content ul{ margin-left: -2.5%; }*/

.shortcuts .content li{ float: left; width: 14.8%; min-width: 55px; min-height: 94px; margin-bottom: 10px; margin-right: 2.2%; padding: 0; }
.shortcuts .content li.break_0{ clear: left; }
.shortcuts .content li.break_5{ margin-right: 0; }

.shortcuts .content .image a{ background-image: none; padding: 0 0 4px; }
.shortcuts .content .image a:hover, 
.shortcuts .content .image a:focus, 
.shortcuts .content .image a:active{ border-bottom: 1px solid #333; padding-bottom: 3px; }


/* + + + + + logos + + + + + */
.footer .logo a{ float: left; border-bottom: solid 11px #333; margin-top: 5px; }
.footer .logo a.noborder{ border-color: #F3F3F3; margin-left: 28px; }

.footer .logo a:hover, 
.footer .logo a:focus, 
.footer .logo a:active, 
.footer .logo a.noborder:hover, 
.footer .logo a.noborder:focus, 
.footer .logo a.noborder:active{ border-bottom: solid 5px #333; padding-bottom: 6px; }


/* + + + + + linkliste + + + + + */
.footer .linkliste{ padding-top: 1.75em; }
.linkliste .navService h2{ position: static; font-size: 1.13em; margin: 0; padding: 8px 0 5px; }
.linkliste .box li{ padding-top: 2px; font-weight: bold; padding: 4px 0 0; }
.linkliste .box li a{ color: #333; background-image: none; font-size: 1.13em; font-weight: normal; padding-left: 0; }
.linkliste .box li.active a{ font-weight: bold; text-decoration: underline; }
.linkliste .box li.active a:hover, 
.linkliste .box li.active a:focus, 
.linkliste .box li.active a:active{ text-decoration: none; }


/* + + + + + socialmedia + + + + + */
.footer .pageservice{margin-top: 2.94em; }
.footer .pageservice, 
.footer .pageservice span{ float: right; }
.footer .pageservice span.devider{ line-height: 180%; }

.footer .social{ height: 40px; }
.footer .social{ float: right; margin-top: 2.94em; padding-left: 20px; }
.footer .social ul{ position: relative; }
.footer .social ul li{ display: block; float: right; width: 46px; height: 40px; font-size: .75em; line-height: .75em; }

/* - links - */
.footer .social ul li a:link, .footer .social ul li a:visited, 
.footer .pageservice a:link, .footer .pageservice a:visited{ display: block; width: 40px; background-color: #F3F3F3; font-weight: normal; /*bildgroesse:margin: 3px;*/ }



/* - image - */
.footer .social ul li a:link img, .footer .social ul li a:visited img, 
.footer .pageservice a:link img, .footer .pageservice a:visited img{ border-bottom: 2px solid #F3F3F3; margin: 0 auto; }

.footer .social ul li a:hover img, .footer .social ul li a:focus img, .footer .social ul li a:active img,
.footer .pageservice a:hover img, .footer .pageservice a:focus img, .footer .pageservice a:active img{ /*bildgroesse:width: 46px; height: auto;*/ border-color: #FBB900; }

/* - hinweis - */
.footer .social ul li a:link span.tip, .footer .social ul li a:visited span.tip{ position: absolute; top: -20000em; left: -20000em; }
.footer .social ul li a:link span.tip, .footer .social ul li a:visited span.tip, 
.footer .social ul li a:link span.tip span, .footer .social ul li a:visited span.tip span{ background-color: #F3F3F3; color: #333; }

.footer .social ul li a:hover span.tip, .footer .social ul li a:focus span.tip, .footer .social ul li a:active span.tip{ 
	position: absolute; top: -2.6em; left: 0; z-index: 15; display: block; min-width: 5.9em; width: 142px; min-height: 1.8em; 
	background-color: #AD1034; border: 1px solid #B0B0B0; 
	color: #FFF; line-height: 1.5em; text-align: center; }

.footer .social ul li a:hover span.tip span, .footer .social ul li a:focus span.tip span, .footer .social ul li a:active span.tip span{ background-color: #AD1034; color: #FFF; }


/* flyout */
#flyoutteaser{ max-width: 1088px; width: 97%; margin: 0 auto; }
.footer #flyoutteaser h2{ position: static; }


/* + + + + + reiter + + + + + */
#flag{ position: relative; z-index: 8; max-width: 1088px; width: 97%; margin: 0 auto; }
#flag p{ font-size: .88em; padding: 0; }
#flag a{ 
	position: absolute; right: 0; display: block; width: 12em; 
	color: #AC1035; font-size: .82em; text-decoration: none; }

#flag a:hover, #flag a:focus, #flag a:active{ text-decoration: underline; }

#flag a strong{ display: block; background: #FFF url("../images/icons_link.gif") no-repeat -359px -203px; color: #AC1035; text-transform: uppercase; letter-spacing: 2px; padding: 13px 14px 10px 36px; }
#flag a.closed strong{ background-position: -324px -231px; }


/* + + + + + lightbox + + + + + */
#lightbox{ position: absolute; top: 0; left: 0; overflow: visible; width: 99.9%; z-index: 10001; }
#lightboxOverlay{ background-color: #000000; height: 100%; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%; z-index: 10000; }

.lbcontent .close{ right: -3px; top: -3px; }
.audio_video .lbcontent .close{ right: 38px; top: 4px; }
.lbcontent .close a:link, .lbcontent .close a:visited{ display: inline-block; min-height: 15px; }

#lightbox .lbcontent{ position: relative; margin: 0 auto; }
#lightbox .lbcontent.content{ float: none; margin-right: 0; }
#lightbox .lbcontent .box .image{ background-color: #FFF; box-shadow: 0 0 15px 2px #444444; padding: 25px 25px 15px; }
#lightbox .lbcontent .box .image img{ max-width: 100%; }
#lightbox .lbcontent .box .inner{ background: #FFF; width: 95%; margin: 0 2.4%; }
#lightbox .lbcontent .box .inner h1{ 
	float: none; min-height: 30px; 
	background: #000 url("../images/bg_flyout.png") repeat left top; 
	color: #FFF; font-size: 1.25em; line-height: 136%; 
	margin-bottom: 0; margin-right: 0; padding: 15px 20px 5px; }
#lightbox .lbcontent .box .inner h1 span{ color: #FFF; line-height: 136%; }
#lightbox .lbcontent .box .inner p{ font-size: .88em; line-height: 160%; padding: 0 20px; }
#lightbox .lbcontent .box .inner p.presenter{ padding-top: 10px; }
#lightbox .lbcontent .box .inner .additional p{ padding-top: 5px; padding-bottom: 10px; }

#lightbox.gallerysmall .lbcontent .box .image p{ position: static; }
#lightbox.gallerysmall .lbcontent .box .image .morelink{ padding-top: 10px; }

#lightbox iframe{ background: #FFF; overflow: hidden; width: 95%; margin: 0 2.4% ; }
html.lightboxbg{ position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden; }


}/* @media screen */