/* Stylesheet-Datei für Styles der Startseite
09-06-09 SW, schalk & friends gmbh */

#headerWrapper .portlet {
	position: absolute;
	top: 137px;
	left: 4px;
	width: 224px;
	background: transparent url(/media/images/site/backgrounds/bg-topteaser-portlet.png) left top repeat-x;
	padding: 12px 4px 8px 4px;
}

#headerWrapper .portlet h3 {
	text-align: center;
	margin-bottom: 12px;
}

#headerWrapper .portlet h3.enadjust {
	font-size: 1.5em;
}

#headerWrapper .portlet p.languageNotice {
	padding-left:4px;
}

#headerWrapper .portlet .button span {
	width: 214px;
}

#headerWrapper .portlet,
#headerWrapper #navMeta,
#headerWrapper #logo {
	z-index: 1;
}


/* Startseiten TopTeaser */

#topTeaser {
	height: 496px;
	background-color: #002C5A;
}

#innerTopTeaser {
	height: 496px;
}

#topTeaserNav {
	position: absolute;
	right: 4px;
	bottom: 9px;
	width: 52px;
	height: 17px;
	background: transparent url(/media/images/site/backgrounds/bg-topteaser-navi.png) left top no-repeat;
	padding: 7px 0 0 7px;
}

#topTeaserNav .icon {
	display: block;
	width: 11px;
	height: 11px;
	float: left;
	margin: 0 4px 0 0;
}


#topTeaserNav .icon a {
	display: block;
	width: 11px;
	height: 11px;
	float: left;
	text-indent: -9999px;
	padding: 0px;
}


#topTeaserNav .back a {
	background: transparent url(/media/images/site/icons/icon-back.png) center top no-repeat;
}

#topTeaserNav .pause a {
	background: transparent url(/media/images/site/icons/icon-pause.png) center 1px no-repeat;
}

#topTeaserNav .pauseActive a {
	background: transparent url(/media/images/site/icons/icon-playagain.png) center 1px no-repeat;
}

#topTeaserNav .forward a {
	background: transparent url(/media/images/site/icons/icon-forward.png) center top no-repeat;
}

#topTeaserNav .back a:hover {
	background: transparent url(/media/images/site/icons/icon-back.png) center -15px no-repeat;
}

#topTeaserNav .pause a:hover {
	background: transparent url(/media/images/site/icons/icon-pause.png) center -14px no-repeat;
}

#topTeaserNav .pauseActive a:hover {
	background: transparent url(/media/images/site/icons/icon-playagain.png) center -14px no-repeat;
}

#topTeaserNav .forward a:hover {
	background: transparent url(/media/images/site/icons/icon-forward.png) center -15px no-repeat;
}

#topTeaserText {
	width: 586px;
	background: transparent url(/media/images/site/backgrounds/bg-topteaser-head.png) center top repeat-y;
	text-align: center;
	padding: 16px 65px 9px 65px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#topTeaserText h2 {
	color: #fff;
	font-family: Georgia, serif;
	font-size: 2.8em;
	font-weight: normal;
	margin-bottom: 12px;
	text-transform: none;
	line-height: 1.2em;
}

#topTeaserText h2 a,
#topTeaserText h2 a:hover {
	color: #fff;
	background: none;
}
#topTeaserText p {
	color: #fff;
	font-size: 1.2em;
	margin: auto;
	text-align: center;
	line-height: 1.8em;
}

#topTeaserText p span.text  {
	padding-right: 10px;
	display: inline;
}


#topTeaserText p .button  {
	float: none;
	display: inline;
	padding: 5px 10px;
	font-size: 1em;
	background: transparent url(/media/images/site/backgrounds/bg-button-topteaser.png) center top no-repeat;
}

#topTeaserText p .button:hover  {
	background: transparent url(/media/images/site/backgrounds/bg-button-topteaser.png) center -30px no-repeat;
}



/* Startsitenportlets */
.portletRow {
	border-bottom: 1px solid #bee6fa;
}

.lastRow  {
	border-bottom: none;
}
.portletRow .contentPortlet {
	padding: 10px 8px;
	float: left;
	min-height: 220px;
	position: relative;
	/*border-right: 1px solid #bee6fa;*/
	background: #fff url(/media/images/site/backgrounds/line-portlets.gif) right top repeat-y;
}

.portletRow .contentPortlet .innerPortletLeft {
	float: left;
}

.portletRow .contentPortlet .innerPortletRight {
	float: right;
}

.portletRow .col-2 .innerPortletLeft {
	width: 220px;
}

.portletRow .col-3 .innerPortletLeft {
	width: 460px;
}

.portletRow .col-2 .innerPortletRight,
.portletRow .col-3 .innerPortletRight {
	width: 223px;
}

.portletRow .contentPortlet .eventData {
	position: absolute;
	bottom: 10px;
	width: 223px;
}

.portletRow .col-2 .eventData {
	width: 460px;
}

.portletRow .col-2 .innerPortletRight .eventData {
	width: 223px;
}

.portletRow .contentPortlet h2 {
	font-size: 1.3em;
	margin-bottom: 6px;
}

.portletRow .contentPortlet p {
	font-size: 1.2em;
	margin-bottom: 6px;
}

.last .contentPortlet {
	margin-bottom: 0px;
}
.portletRow .last {
	/*border-right: none;*/
	background: #fff;
}

.portletRow .col-1 {
	width: 223px;
}

.portletRow .col-2 {
	width: 462px;
}

.portletRow .col-3 {
	width: 700px;
	/*border-right: 0px;*/
	background: #fff;
}

.portletRow .last-1 {
	width: 222px;
}

.portletRow .last-2 {
	width: 461px;
}


.col-1 .img,
.col-2 .img,
.col-3 .img {
	margin-bottom: 6px;
	display: block;
	background: none;
}

.col-2 .innerPortletLeft .img,
.col-3 .innerPortletLeft .img {
	margin-bottom: 0px;
	padding: 0;
}



.col-2 .button  span{
	width: 450px;
}

.col-1 .button  span,
.col-2 .innerPortletRight .button  span,
.col-3 .button span {
	width: 210px;
}

.portletRow .contentPortlet h3 {
	font-size: 1.8em;
	line-height: 125%;
	padding: 22px 0 26px 0;
	margin-bottom: 6px;
}

.contentPortlet h2 {
	text-transform: none;
	text-align: left;
}


.portletRow .contentPortlet h2 a:hover,
.portletRow .contentPortlet h3 a:hover,
.portletRow .contentPortlet p a:hover {
	background: none;
	color: #002C5A;
}