/** Tablet View **/



/* Schrift */
p	{  font-size: 1.2em; }
h3	{ font-size: 1.3em; }

#newcontentspaltehomepage h2 { font-size: 1.7em;}
#newcontentspaltehomepage h2 { margin-top:40px; margin-bottom:10px; line-height:1.15em;}

a.weiter, a.intern, a.extern,
a.ph_weiter, a.ph_intern, a.ph_extern,
.bannerContainer ul li a,
#breadcrumb a, #breadcrumb span,
.gesamtverzeichnis .weiter, .linksAllePos .weiter { font-size:1.15em;  }

#videoTeaser a.ph_weiter  { font-size:1em;  }


#breadcrumb, #breadcrumb a, #breadcrumb span { padding-top:5px; padding-bottom:8px; }

#content-container {
	float:none;
	width:768px;
	margin:0 auto;
	min-height: 0px;
}

#content-container > div { margin:0 auto 0 auto; }


/* --- Doorpages --------------------------------------------------------------------------------- */

#content-container > div#contentspaltedoorpage { }

#contentspaltedoorpage .themenlotse .tl_ContentBlock,
#contentspaltedoorpage .themenlotse .tl_ContentBlock ul { padding: 0 20px; }
#contentspaltedoorpage .themenlotse .tl_ContentBlock ul li a { padding:5px 0 6px 22px; font-size:1.3em; background-position: 0 0.7em; display:block;}



/* --- End Doorpages --------------------------------------------------------------------------------- */

#linkespalte { width:100%;}


/* Grundstruktur */


div#logo { margin-bottom:20px;}

.header.wrapper,
#header-navigation,
#breadcrumb,
#content-container {
	width:100%; 
	margin:0 auto;
	position:relative;
	left: 0;
}

.skiplinkWrapper	{ width:100%; }

#main-container .background {
	background: rgb(189,196,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(189,196,204,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 57%, rgba(189,196,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(189,196,204,1)), color-stop(15%,rgba(255,255,255,1)), color-stop(57%,rgba(255,255,255,1)), color-stop(100%,rgba(189,196,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(189,196,204,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 57%,rgba(189,196,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(189,196,204,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 57%,rgba(189,196,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(189,196,204,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 57%,rgba(189,196,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(189,196,204,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 57%,rgba(189,196,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdc4cc', endColorstr='#bdc4cc',GradientType=0 ); /* IE6-9 */

    min-height: 300px;
}


#linkespalte	{ padding-bottom:20px; }
 
#marginalspalte { float:none; margin:0 auto; padding:0; }

#marginalspalte { background:none; margin:0; padding: 0 6%; margin-bottom:25px; width: 88% !important; position:relative;}



/* Header */
.header {background-position:39% 20px;}



/* --- Quicksearch ------------------------------------------------------------------------------------------*/
#quickSearchContainer input#searchText {
	height:28px;
	padding:0;
	padding:0 5px;
	margin:0;
	width: 10.5em;
}

#quickSearchContainer input.quicksearch {
	height:30px;
	padding-top:4px;
	padding-bottom:5px;
	margin-left:-3px;
}

/* --- ----------------------------------------------------------------------------------------------------- */

#servicenav {
	padding: 15px 0;		
}

/* Navigation */

/* 1. Mainnavigation */


#mainnav ul { background: url("../../images/bmfsfj/naviWhitePixel.png") repeat-x 0 bottom ; }
#mainnav ul li { background:none;margin:0 !important;}

#mainnav ul li a { border-right:1px solid #fff; }
#mainnav ul li.mainmenu4 a {  border-left:1px solid #fff; } 

#mainnav ul li.mainmenu4 a {  }
#mainnav ul li.mainmenu5 a {   }

#mainnav ul li.mainmenu3 a,
#mainnav ul li.mainmenu6 a,
#mainnav ul li.mainmenu9 a { border-right:none;}

#mainnav ul li a,
#mainnav ul li a:link,
#mainnav ul li a:visited,
#mainnav ul li a:hover,
#mainnav ul li a:active,
#mainnav ul li a:focus,
#mainnav ul li span.current  { padding:8px 0 10px; font-size:1.2em;}

#mainnav ul li.mainmenu1 { background:none; padding-left:0;}

#mainnav ul li.mainmenu1 {z-index:10;}
#mainnav ul li.mainmenu2 {z-index:9;}
#mainnav ul li.mainmenu3 {z-index:8;}
#mainnav ul li.mainmenu4 {z-index:7;}
#mainnav ul li.mainmenu5 {z-index:6;}

#mainnav ul li.mainmenu1,
#mainnav ul li.mainmenu3,
#mainnav ul li.mainmenu4 {
	width:23%;
}

#mainnav ul li.mainmenu2,
#mainnav ul li.mainmenu5 {
	width:34%;
}

#mainnav ul li.mainmenu4 {
	width:280px;
	left:85px;
}

#mainnav ul li.mainmenu5 {
	width:318px;
	left:85px;
}

#mainnav ul li a { border-bottom:1px solid #fff; }


/* mainnavigation subnav */
#mainnav ul li ul,
.js #mainnav ul li ul { width:100%; display:none; }
#mainnav ul li ul li a {border-bottom:none; }

/* 2.Subnavigation */

/*
#subNavigation ul li a,
#subNavigation ul li a:link,
#subNavigation ul li a:visited,
#subNavigation ul li a:hover,
#subNavigation ul li a:active,
#subNavigation ul li a:focus,
#subNavigation ul li span.current  { padding:.7em 0; }
*/

/*
#subNavigation ul li a,
#subNavigation ul li a:link,
#subNavigation ul li a:visited {
	line-height:1.00em;
	background:#9E1C35 url(../../images/bmfsfj/subnavi_0_0.gif) no-repeat 22px .9em;
    padding:10px 16px 13px 41px;
   display:block;
   font-size:1.3em;
   border-top:1px solid #fff;   
}
*/
/*
#subNavigation ul li a:hover,
#subNavigation ul li a:active,
#subNavigation ul li a:focus,
#subNavigation ul li.current a,
#subNavigation ul li.current a:link,
#subNavigation ul li.current a:visited,
#subNavigation ul li.current a:hover,
#subNavigation ul li.current a:active,
#subNavigation ul li.current a:focus,
#subNavigation ul li.current span, 
#subNavigation ul li a:hover,
#subNavigation ul li a:active,
#subNavigation ul li a:focus  {
   color:#333;
   background:#F7E5DE;
   text-decoration:none;
}
*/

/* ///// Main /////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Contentbereich - Positionierung und Äbstände zwischen den Boxen/Modulen */

#content-container > div#einzelcontentspaltethema {
    background-color: #FFFFFF; background-image: none; /*border: 1px solid #CBD1D7;*/ 
    float: left; margin: 0; /*width: 62%;*/ width: 100%;}
    
#content-container #einzelcontentspaltethema .toplessrahmenbox {float:none; width:auto; margin:0; /*padding: 3% 3% 5% 5%;*/ padding: 25px 0px;}
#content-container #einzelcontentspaltethema .socialBookmarks { margin:0; padding:0;}


/* Contentbereich - Einzelsicht - Marginalspalte (z.B.  Parlamentarischer Staatssekretär ) */

#content-container #einzelcontentspaltethema { margin: 0 0 20px 0; width:100%; float:none; background:#fff; }

#content-container #einzelcontentspaltethema .contentTopic .einzelcontentspaltethemaabstand,
#content-container #einzelcontentspaltethema .contentTopic br {  }

#content-container #einzelcontentspaltethema .contentTopic ul,
#content-container #einzelcontentspaltethema .contentTopic p {/*font-size:1.3em;*/ }

#content-container #einzelcontentspaltethema .contentTopic ul { /*list-style-type:none; list-style-image:url(../../images/bmfsfj/listStyle-disc.png); list-style-position:outside;*/ margin-bottom:15px; margin-left:-1px; }

#content-container #einzelcontentspaltethema .contentTopic ul li {
	padding:0 0 0 0.8em;
	margin:0;	
	line-height:1.3em;
}

#content-container #einzelcontentspaltethema .contentTopic h3 { margin-bottom: .5em; }

#content-container #einzelcontentspaltethema .contentTopic .bilderImContent .pu { margin-right:30px; margin-bottom:15px; -webkit-box-shadow: 5px 5px 5px 0px rgba(150, 150, 150, .3); box-shadow: 5px 5px 5px 0px rgba(150, 150, 150, .3); }
	

#content-container #einzelmarginalspalte { /*margin: 0 0 20px 67%; width:33%;*/ float:none; /*background:#fff;*/ }
#content-container #einzelmarginalspalte { /*margin: 0 0 20px 65%; width:35%;*/ float:none; /*background:#fff;*/ }
#content-container #einzelmarginalspalte .service {}
#content-container #einzelmarginalspalte .service ul {  }
#content-container #einzelmarginalspalte .service ul li { width:100%; display:inline-block; }
#content-container #einzelmarginalspalte .service ul li div.einzelservice { border:0; border-bottom: 1px dotted #93A5B5; }
#content-container #einzelmarginalspalte .service ul li div.einzelservice.first { border:0; border-bottom: 1px dotted #93A5B5; border-top: 1px dotted #93A5B5; }
#content-container #einzelmarginalspalte .service ul li div.einzelservice div.einzelserviceIcon { }
#content-container #einzelmarginalspalte .service ul li div.einzelservice div.einzelserviceLink { }

/* (newsletter) */
#content-container #einzelmarginalspalte ul { }
#content-container #einzelmarginalspalte ul li { width:33%; display:inline-block; }
#content-container #einzelmarginalspalte ul li div.einzelservice { border:0; border-left:1px dotted #9E1C35;}
#content-container #einzelmarginalspalte ul li div.einzelservice.first { border:0 }

/* Contentbereich - Schriftgrößenanpassungen */
#content-container #einzelcontentspaltethema p,
#content-container #ph_fliesstext p  				{ font-size: 1.2em; line-height: 1.3em;}

#content-container #einzelcontentspaltethema h1,
#content-container #ph_fliesstext h2 			 	{ #font-size: 1.6em; }

#content-container #einzelcontentspaltethema h3,
#content-container #ph_fliesstext h4 				{ font-size: 1.2em; line-height: 1.6em;}

#content-container #einzelcontentspaltethema .toplineblockcyan h3 { font-size: 1.6em; line-height: 1.6em;}



/* --- HOMEPAGE -------------------------------------------------------------------------------------------- */


/* --- HOMEPAGE --> Topthemenmodul ------------------------------------------------------------------------- */

.topContent {  width: 100%; height: 402px; margin:0; padding:0; background: none; background-color:#fff; -webkit-box-shadow: 0px 5px 10px 0px #ccc;  -mozilla-box-shadow: 0px 5px 10px 0px #ccc;  box-shadow: 0px 5px 10px 0px #ccc; }

.topContentContainer { background: none; padding: 0; }

.topContentContainer .kampagneImage { float:left; width: 440px; }
.topContentContainer .kampagneImage img { width:100% !important; height:auto !important; }

.topContentContainer .kampagneImageContent { float:none; width:100%; }
.topContentContainer .kampagneImageContent .text { float:right; width:233px;  padding: 15px 10px 10px 0;  }

.topContentContainer .kampagneImageContent .text p { line-height:1.5em; font-size:1.1em; }


/* video */
.topContentContainer .kampagneImage .videoContainer  { width:100% !important;height:auto !important;}
#.topContentContainer .kampagneImage .videoContainer div.projekktor		{ width:100% !important;height:auto !important;}
#.topContentContainer .kampagneImage .videoContainer img { width:100% !important; height:auto !important; }

/* --- HOMEPAGE --> Liste Aktuelle Meldungen --------------------------------------------------------------- */



#newcontentspaltehomepage { width:100% !important; float:none; padding:0; margin-bottom:25px;}

#newcontentspaltehomepage a.weiter { background-position: right 75%; }
#newcontentspaltehomepage #rahmen .withImage a.weiter,
#newcontentspaltehomepage #rahmen .withoutImage a.weiter {float:right; margin-top:-10px;}

#newcontentspaltehomepage #rahmen { background:none; width:100%; padding:0; }
#newcontentspaltehomepage #rahmen .headAktuelles,
#newcontentspaltehomepage #rahmen .withoutImage,
#newcontentspaltehomepage #rahmen .withImage,
#newcontentspaltehomepage #rahmen .contentblockbild,
#newcontentspaltehomepage #rahmen .linksAllePos { background:none; width:100%; }

#newcontentspaltehomepage #rahmen h2.headAktuelles { padding:0; }
#newcontentspaltehomepage #rahmen .headAktuelles { margin-bottom:0; }

#newcontentspaltehomepage div#rahmen div br.clearLeft { display:none;}


/* --- MEDIATHEK --------------------------------------------------------------------------- */

/* Mediathek Allgemein */
div.mediathekContent,
#ph_ministerinFooter div.mediathekContent { 
	margin:0; padding:0; width:100%; 
	background:none; background-color:#F6E6DE; 
	-webkit-box-shadow: 0px 5px 10px 0px #bbb; -mozilla-box-shadow: 0px 5px 10px 0px #bbb;  box-shadow: 0px 5px 10px 0px #bbb;
	background: #f6e6de; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6e6de 0%, #ffffff 66%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6de), color-stop(66%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6e6de 0%,#ffffff 66%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6e6de 0%,#ffffff 66%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6e6de 0%,#ffffff 66%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6e6de 0%,#ffffff 66%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6de', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* Mediathek Allgemein */
div.mediathekContent .linksAllePos ul li {margin:0; padding:0;padding-bottom:2px; margin-right:12px; background:none; border-right:1px dotted #93A5B5;}
div.mediathekContent .linksAllePos ul li a {padding: 5px 12px 5px 0;  }
div.mediathekContent .linksAllePos ul li a img { display:inline; margin-left: 0; position: relative; top:1px; left:1px;}
div.mediathekContent .linksAllePos ul li .weiter { background:none;}

/* Mediathek Homepage */	
#newcontentspaltehomepage div.mediathekContent .linksAllePos ul li {margin:0; padding:0;padding-bottom:2px; margin-right:12px; background:none; border-right:1px dotted #93A5B5;}
#newcontentspaltehomepage div.mediathekContent .linksAllePos ul li a {padding: 5px 12px 5px 0;  }
#newcontentspaltehomepage div.mediathekContent .linksAllePos ul li a img { display:inline; margin-left: 0; position: relative; top:1px; left:1px;}
#newcontentspaltehomepage div.mediathekContent .linksAllePos ul li .weiter { background:none;}

/* Mediathek #ph_ministerinFooter */
#ph_ministerinFooter div.mediathekContent { float: left; width:512px; min-height: 442px; height:auto; margin-bottom:25px; overflow:visible;}

#ph_ministerinFooter div.mediathekContent .linksAllePos ul li {margin:0; padding:0;padding-bottom:2px; margin-right:12px; background:none; border-right:1px dotted #93A5B5;}
#ph_ministerinFooter div.mediathekContent .linksAllePos ul li a {padding: 5px 12px 5px 0;  }
#ph_ministerinFooter div.mediathekContent .linksAllePos ul li a img { display:inline; margin-left: 0; position: relative; top:1px; left:1px;}
#ph_ministerinFooter div.mediathekContent .linksAllePos ul li .weiter { background:none;}



#ph_ministerinFooter div.mediathekContent .linksAllePos { margin: 0; }

#ph_ministerinFooter div.mediathekContent .contentblockbild { margin: 0 20px 5px 20px; }

#ph_ministerinFooter div.mediathekContent .contentblockbild ul {
    border-top: 1px dotted #93A5B5;
    list-style-type: none;
    margin-left: 0; margin-top: 10px;
    padding: 5px 0 0 !important;
}

#ph_ministerinFooter div.mediathekContent .contentblockbild ul:after {
	clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.subSite .mediathekTarget {
    height: auto;
    margin-bottom: -0.3em;
    width: 100%;
}

.subSite .mediathekTarget .stage .inner {
    height: auto;
    width: 100%;
}


/* --- HOMEPAGE --> Marginalspalte --------------------------------------------------------------- */

/* ministerin, themenlotse */

#marginalspalte .row1:after,
#marginalspalte .row2:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#marginalspalte .row1,
#marginalspalte .row2 {
	margin:0 0 3% 0; padding:0; display:block;
}
#marginalspalte .row1 .banner,
#marginalspalte .row1 .themenlotse {
 min-height:29.1em; display:block;
}

#marginalspalte .row2 .banner {
	 height: 26em; display:block; 
}


#marginalspalte:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#marginalspalte .banner, 
#marginalspalte .banner.apps,
#marginalspalte .themenlotse { 
	float:right; 
	width: 48.9%; margin:0; padding:0; border:0; background: none; 
	/*height:33em; min-height:33em; overflow:hidden;*/
	background:#fff;
	-webkit-box-shadow: 0px 5px 10px 0px #666;  -mozilla-box-shadow: 0px 5px 10px 0px #666;  box-shadow: 0px 5px 10px 0px #666;}
	
	
#marginalspaltedoorpage .themenlotse { width:376px; margin-right: 15px;}
  
#marginalspalte .banner			{ float:left; }
#marginalspalte .banner .bannerContainer 		{ padding: 5%; background:none; height:91%; }
#marginalspalte .banner .bannerContainer a img	{ width:100%; height:auto; }
#marginalspalte .banner .bannerContainer li a img	{ width:auto; height:auto; }
#marginalspalte .banner .bannerContainer h2,
.themenlotse h3	{ margin:0; padding-bottom: .5em;}
  
#marginalspalte .themenlotse {}
#marginalspalte .themenlotse h3 {width:100%;}



#marginalspalte .themenlotse .tl_TeaserBlock { padding: 15px 6% 10px; }
#marginalspalte .themenlotse .tl_TeaserBlock ul { padding: 0; }
#marginalspalte .themenlotse .tl_ContentBlock ul li * { padding:5px 0 5px 23px; }


  
  

#marginalspalte .themenlotse .tl_ContentBlock,
#marginalspalte .themenlotse div a.weiter { padding: 6%; padding-bottom: 10px; padding-top:0; background-position: right .25em }


.tl_ContentBlock li {

    padding-bottom: 0;
}


#marginalspalte .themenlotse a.weiter, 
#marginalspalte .themenlotse a.weiter:link, 
#marginalspalte .themenlotse a.weiter:visited, 
#marginalspalte .themenlotse a.weiter:hover, 
#marginalspalte .themenlotse a.weiter:active, 
#marginalspalte .themenlotse a.weiter:focus  {
    margin-left: 0;
}
 
 /* app */

#marginalspalte .apps .appWrapper { padding:0; margin:0;}
#marginalspalte .apps .appWrapper div { padding:0; margin:0; padding-bottom: 1em; }
#marginalspalte .apps .appWrapper div.leftAlign { width:50%; }

#marginalspalte .apps .appWrapper p { margin-top:0; padding:0; }
#marginalspalte .apps .appWrapper p a {display:block; }

#marginalspalte .row2 .banner .bannerContainer div.appWrapper div a img { width:auto; }
#marginalspalte .row2 .banner .bannerContainer div.appWrapper div p a { 
	font-family: 'BundesSerifWeb',Georgia,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-weight: normal; 
	font-size: .93em; }
 

/* ---  Newsletter ImFokus: Einzelsicht  --------------------------------------------------------- */

/* Newsletter greift auf eigene CSS-Datei zu. 
Die Änderungen für das Responsive Design werden direkt
im Newsletter CSS eingebunden.  */

/* ---  Newsletter Monitor Familienforschung: Einzelsicht  ---------------------------------------- */

#einzelcontentspaltethema > table { width:96%!important; margin:2%; margin-bottom:0; }
#einzelcontentspaltethema table table { width:96%!important; margin:0 2%; margin-bottom:0;}
#einzelcontentspaltethema table table a { padding:3px 10px; display:block;}

#einzelcontentspaltethema table table br { display:none;}


/* --- Sondersicht Ministerin ------------------------------------------------------------------------- */

.ministerin .contentbox {
	background-attachment:scroll;
}

/* --- Sondersicht Organigramm -------------------------------------------------------------------------*/

#ph_organigramm .ph_boxaufgaben { top: 182px; }

.ph_organigrammQuerbalken1 { top: 297px; }

#ph_organigramm .ph_organigrammHochbalken { top: 447px; }

.ph_organigrammQuerbalken2 { top: 465px; }

/* --- Sondersicht Kinderseite ----------------------------------------------------------------- */

#kinderseite #ph_kinderWrapper {}
#ph_kinderSprechblase p { font-size:1em;}
/*
#ph_kinderSprechblase p:after {
    border-color: #9E1C35 transparent;
    border-style: solid;
    border-width: 20px 0 0 20px;
    bottom: -20px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    width: 0;
}
#ph_kinderSprechblase p {
	font-family:'BundesSansWeb', Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal;font-size:1.1em;
    background:repeat scroll 0 0  #9E1C35 ;
    -webkit-box-shadow: 0px 5px 10px 0px #666; box-shadow: 0px 5px 10px 0px #666; 
    border-radius: 13px 13px 23px 13px;
    color: #FFFFFF;
    margin: 1em 0 3em;
    padding:1.3em;
    position: relative;
}
*/



/* -----------------------------------------------------------------------------------------------------*/

/* Footer */
/*
#footer-container .footer { float: none; position:relative; }
#footer-container .footer ul { display:inline-block; margin-bottom: 1em; margin-top:3.5em; width:100%; }
.footer span.topLink a {
	position:absolute;
	top:0; right:1.5em;
    background: none;
    display: inline;
    float: none;
    padding-right: 0;
    width: auto;
}
*/

/* ---  Publikationen  -------------------------------------------------------------------------------------- */

#main-container .main table.article a.blaetterkatalog {    
    font-size: 1.2em;   
    margin-bottom: 20px;  
    background-position: 0 6px !important;
    padding-bottom:3px;  
}

/* ---  Publikationen: Doorpage  ---------------------------------------------------------------------------- */

#marginalspaltelistepub p,
.ph_shoppingcart p,
.pubSingleview .article p,
.article p { font-size:1em;} { font-size:1em;}

.pubSingleview .article .download,
.pubSingleview .article .wkSubmit { font-size:1.2em;}
/* ---------------------------------------------------------------------------------------------------------- */

/* search-button-position*/


/* order-button-position */
.ph_shoppingcart #warenkorb .bestellungAbsenden { float: none; }


/* --- Einzelsicht Publikationen  ----------------------------- */
#warenkorb .warenkorbeintrag .inhalt .clearer { clear:none; }






/* --- Sondersicht Seite empfehlen  ----------------------------------------------------------------------- */
.ph_recommendPage textarea {
    font-size: 1em;
    margin-top: 7px;
    width: 95%;
}

/* --- Einzelsicht Portraits  ------------------------------------------------------------------------------ */

#einzelcontentspaltethema .rahmenboleri { padding: 20px; padding-right:15px; }

#einzelcontentspaltethema .rahmenboleri table {
    float: left;
}

#einzelcontentspaltethema .rahmenboleri .downloadImage {
    display: inline;
    float: left;
    margin-top: 19px;
    overflow: hidden;
}


#einzelcontentspaltethema .rahmenboleri .downloadImage .bildunterschrift {
    clear: left;
    padding-right: 0;
    width:auto;
}


#einzelcontentspaltethema .rahmenboleri .fotoTextMargin {
    padding-left: 195px;
}

#einzelcontentspaltethema .rahmenboleri .downloadrahmen {
    border: 1px solid #CCCCCC;
    margin-left:10px;
}

#content-container #einzelmarginalspalte ul li {
    display: inline-block;
    width: 100%;
}

#content-container #einzelmarginalspalte ul li div.einzelservice,
#content-container #einzelmarginalspalte ul li div.einzelservice.first,
#content-container #einzelmarginalspalte ul li div.einzelservice.last {
	border:0;
    border-bottom: 1px dotted #93A5B5;
}

#content-container #einzelmarginalspalte ul li div.einzelservice.first {
   border-top: 1px dotted #93A5B5; 
}


/* --- Individual adjustments  ------------------------------------------------------------------------------ */

#header-container {	
    margin: 0 auto;
    width: 768px;
}

#main-container {	
	width: 768px;
}


#quickSearchContainer {
    margin: -7px 10px 0 0;
}

#quickSearchContainer input.quicksearch {
	background-position: 0 5px;
	}

/* Narrowing service navigation bar*/

#servicenav ul li.signLanguage {
	float: right;
    background-position: -8px -15px;
}

#servicenav ul li.simpleSpeech {
	float: right;
	clear: right;
    background-position: -5px -64px;
}

#servicenav ul {
    clear: both;
    display: block;
    float: left;
    font-size: 0.8em;
    text-align: left;
    width: 560px;
}

/*---------------------------*/

#mainnav ul {
    width: 100%;
}


#mainnav ul li.mainmenu1, #mainnav ul li.mainmenu3, #mainnav ul li.mainmenu4 {
    width: 33%;
}

#mainnav ul li.mainmenu4 {
    /*
    Left button on second line
    */
    left: 96px;
}

#mainnav ul li.mainmenu5 {
    /*
    Right buttom on second line
    */
    left: 96px;
}


#contentspaltedoorpage .anker-navi {
	display:none;
}

#content-container > div {
	/*margin: 0;*/
	/*padding: 0;*/
	/*width: 768px;*/
}

/* ---------------------- */

/* Social Media */

.socialmedia {
	position: relative;
	width: 768px !important;
	text-align: right;
	top: 0;
}

.socialmedia ul {
	/* buttons inline */
    background-color: #FFFFFF;
    width: auto;    
}

/*clearfix*/
.socialmedia ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.socialmedia ul li {	
	float: right;	
}


.socialmedia ul li a span.toTop {
	/* Button "Nach oben" ausblenden */
	display: none;	
}

#mainnav ul {	
	width: 100%;
}

/* Breadcrumb ----------------------------*/

#breadcrumb > span {
    width: 768px;
}

#breadcrumb > span {
	/*
	max-width:768px; 
	min-width:743px;
	*/
	width: 706px;
}

/* Footer */

#footer-container {
	width: 768px;
	margin: 0 auto;
}

.footer {
	width: 768px;
	left: 0;
}

/* Contents -----------------------------------*/

/* Content:  Ministerin ------------------------*/

.ministerin #content-container {
    width: 100%;
}


.contentbox.top .boxcontent {
    width: 530px;
}

/* Box: general */

.contentbox.right .boxcontent {
    padding: 20px;
    font-size: 1em;
}

/* Box: Top Element*/
.contentbox .boxcontent {
    bottom: -15px;
}


/* Box: Person */
#person.contentbox.right .boxcontent {
    bottom: 0;
    font-size: 0.8em;
    right: 0;
    width: 520px;
}

/* Box: Speaches */
#speaches.contentbox.right .boxcontent {
    right: 0;
    bottom: 0;
}

#main-container.ministerin .mediathekTarget {
	padding-left:0px;
	padding-right:0px;
	margin-top:15px;
}

#main-container .background {
	background: none;
}

#main-container .main {
    /*
    width: 768px;
    */
    width: 100%;
}

/* Submenu */

.contentbox .tab-navi li {
    margin: 0;
    padding: 0;
}

.contentbox.left .boxcontent {
	/* Submenu: size adjustments */
    bottom: 0;
    left: 0;
    width: 360px;
    padding: 20px;
}

.contentbox .tab-navi li .flyout .content {
    /* Submenu: size adjustments */
    padding: 20px;
    width: 300px;
}

.contentbox .tab-navi li .flyout {
    left: 336px;
}

#media.contentbox {
    height: 460px;
}


/* Videoplayer */

.ministerin. mediathekTarget .scrollNavi, .mediathekTarget .stage {
    width: 190px; 
}

/* Content: Startpage -----------------------------*/

.topContentContainer .kampagneImageContent {
    width: 738px;
}

#newcontentspaltehomepage {
    
}

#newcontentspaltehomepage {
	width: 100% !important;
	height: auto !important;
    border-left: none;
    border-right: none;
    min-height: 100px !important;
    padding: 0 0 30px !important;
}

.mediathekContentContainer {    
    padding: 0;
}

.mediathekTarget .scrollNavi {
    width: 207px;
}

.ministerin .mediathekTarget .scrollNavi {
    width: 206px;
}

.mediathekTarget .scrollNavi .scrollBtn {
    left: 92px;
}

.ministerin .mediathekTarget .scrollNavi .scrollBtn {
    left: 87px;
}

.mediathekTarget .scrollNavi .items .thumb {
    width: 279px;
}

.ministerin .mediathekTarget .scrollNavi .items .thumb {
    width: 226px;
}

#marginalspalte {
    border-right: none;
    width: 100% !important;
    height: auto !important;
    padding: 0;
}

.sliderBlock:first-child {
	/*width: 50.1%;*/
    width: 100%
}

.sliderBlock {
	/*width: 49.5%*/
    width: 100%;
    margin-bottom: 10px;
}

.sliderBlock h3 {
	font-size:1em;
}

.sliderSmall-1-prev, .sliderSmall-2-prev {
    margin-left: 158px;
}

/*
Content: Ministerium 
*/

#ph-ministerium.rahmen {
    /* narrowing container: -padding x 2*/
    width: 688px;
}

/*
Doorpage SubNavigation -> Full width 
*/

#navi {
	/* Alignment from right to left*/
    float: left;
    width: 100%;
}

#subNavigation {
    width: 100%;
}

#subNavigation ul {
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
}

#content-container #navi, #einzelmarginalspalte, #marginalspaltedoorpage, #marginalspaltelistepub {
    float: left;
    width: 100%;
    margin: 15px 0 15px;
}


#marginalspaltedoorpage > div {
    width: 100%;
}

/*
Organigram
*/

#ph_organigramm .ph_organigrammMinister {
    left: 141px;
}

/*
Detail Site
*/
#einzelmarginalspalte .service {
    width: 100%;
}

.grundlagenteaser .teasertext {
    padding: 15px;
}

#rahmen {
    padding: 15px;
}

#contentspaltedoorpage #rahmen {
    margin-bottom: 0;
    padding: 0 25px; 
}

#marginalspaltedoorpage > div {
    width: 376px;
    float: left;
    clear: none;
}

.grundlagenteaser {
    padding: 40px 10px 30px;
}

#contentspaltedoorpage #rahmen .linksAllePos {
    margin: 15px 0 0 0;

}

.marginalmodul h3 {
    /*border-top: 1px solid #D4CDCC;*/
    border: none;
}

#content-container > div {
}
#content-container > div {
    margin: 0 auto;
}
.tabContainer.media {
    width: 100%;
}

.sliderWrapper {
     width: 100%;
}


#newcontentspaltehomepage .tabcontent h2,
.tabcontent h2 {
    width: 300px;
    margin-top: 0;
}

.mediathekTarget .publicationsContainer {
    width: 97%;    
}

.mediathekTarget .publicationsContainer h2 {
    width: 97%;    
}

.mediathekTarget .scrollNavi .itemsLink {	
    width: 71%;
}

.mediathekTarget .pppostertitle {
	width:95%;
	margin-left:2.65%;
}

.contentbox.right .boxcontent {
    right: 15px;
}

.contentbox .tab-navi li .flyout .content p {
    font-size: 1em;
}

#edge-themenlotse {
    display: none;
}

#themenlotse_startseite .themenlotse {
    display: block;    
}

.familienuhr #themenlotse_startseite .themenlotse {
    display: block;
    background-image: url("../../images/bmfsfj/homepage/bg_themenlotse_medium.png");
    background-position: 0 100%;
    background-repeat: no-repeat;
    min-height:543px;
    position:relative;
}

#themenlotse_startseite .themenlotse h2 {
    margin:10px 0 10px 0;    
}

.familienuhr  #themenlotse_startseite .themenlotse .tl_ContentBlock,
.familienuhr  #themenlotse_startseite .themenlotse .weiter {
	display:none !important;
}

.familienuhr  #themenlotse_startseite .themenlotse a.uhr-zeit,
.familienuhr  #themenlotse_startseite .themenlotse a.uhr-plus,
.familienuhr  #themenlotse_startseite .themenlotse a.uhr-bildung {
	display:block;
	background-color:transparent;
	color:#fff;
	position:absolute;
	width:127px;
	height:	16px;
	text-decoration: none;
}

.familienuhr  #themenlotse_startseite .themenlotse a.uhr-zeit {
	left: 44px;
    top: 365px;
}

.familienuhr  #themenlotse_startseite .themenlotse a.uhr-plus {
	left: 570px;
    top: 233px;
}

.familienuhr  #themenlotse_startseite .themenlotse a.uhr-bildung {
	left: 570px;
    top: 457px;
}


/* Moderne Gesellschaft */
	.moderne-gesellschaft {
		background-color: #9a213c;
		background-image: url("../../images/bmfsfj/rueckwand.png");
		background-position: 50% 50%;
		background-size: auto;
		display: block;
		min-height: 200px;
		position: relative;	
		color: #fff;	
		padding-bottom: 2.4em;
		padding-top: 0.4em;
	}
		
	#newcontentspaltehomepage .moderne-gesellschaft .moderne-gesellschaft-top-titel {
		color: #f7a605;
		font-family: 'BundesSerifBold';
		font-size: 1.7em;
		padding: 0.5em 1em 0 0.85em;
		margin:0;
	}
	
	.moderne-gesellschaft .moderne-gesellschaft-top-teaser,
	.moderne-gesellschaft .moderne-gesellschaft-teaser {
		color: #fff;		
		padding: 1.2em 1em 0.3em 1.4em;
		font-family: 'BundesSansWeb', Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 13px;
	}
	
	.moderne-gesellschaft ul {
		list-style-type: none;
	}
	
	.moderne-gesellschaft ul a {
		display: block;		
		color: #fff;		
		font-size: 1.2em;
		background-image:url("../../images/bmfsfj/icon_arrow-right3.png");		
		background-repeat: no-repeat;
		font-family: 'BundesSansWebBold', Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	.moderne-gesellschaft ul a:hover,
	.moderne-gesellschaft ul a:focus,
	.moderne-gesellschaft ul a:active {		
		color: #9a213c;		
	}
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-2 li:first-child,
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-1 li:first-child {
		/*padding-top:1em;*/	
	}
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-3 li:first-child {
		padding-top:0;	
	}
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-1 > li {
		display: inline-block;
		width: 49%;		
	}
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-1 > li.active {
		display: list-item;
		width: 100%;
		padding-top: 1px;		
	}
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-1 > li.active  ul.moderne-gesellschaft-nav-level-2 > li {
		display: inline-block;
		width: 49%;	
		vertical-align: top;		
	}	
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-1 > li > a {		
		background-position: 1.4em 0.7em;
    	margin-left: 0;
    	padding: 0.35em 1.7em 0.35em 2.6em;
    	text-decoration: none;	
	}
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-1 > li > a:hover,
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-1 > li > a:focus,
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-1 > li > a:active {
		background-color: #fff;
		color: #9a213c;
	}	
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-1 > li.active > a {	
		font-family: 'BundesSansWeb', Verdana, Geneva, Arial, Helvetica, sans-serif;	
		color: #fff;
		background-color: transparent;	
		background-image: none;
		font-size: 1.8em;
		padding: 0 1em 0 0.85em;
		
		color: #f7a605;
		font-family: 'BundesSerifBold';
		font-size: 1.7em;
		padding: 0.5em 1em 0 0.85em;
		margin:0;
	}
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-2 li  a {		
		background-position: 1.4em 0.7em;
    	margin-left: 0;
    	padding: 0.35em 1.7em 0.35em 2.6em;
	}
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-2 > li > a:hover,
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-2 > li > a:focus,
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-2 > li > a:active {		
		color: #fff;
	}
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-3  li  a {		
		padding: 0.35em 1.7em 0.35em 2.5em;
		margin-left: 25px;
		font-size: 1.25em;
		background-color: none;
	}
	
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-3 a:hover,
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-3 a:focus,
	.moderne-gesellschaft ul.moderne-gesellschaft-nav-level-3 a:active {
		background-color: none;
		text-decoration: none;
		color:#fff;
	}	
	
	.moderne-gesellschaft .back-link {
		text-align: right;
		position: absolute;
		bottom: 1em;
		right: 1em;
	}
	
	.moderne-gesellschaft .back-link a {
		color: #fff;
		font-weight: bold;
		font-size: 1em;	
		padding-left: 17px;
		background-image: url("../../images/bmfsfj/icon_arrow-left3.png");
		background-position: 0 6px;
		background-repeat: no-repeat;
	}
/* ENDE Moderne Gesellschaft */


/* Singleview adjustments*/

#main-container .singleView .main {
	width: 100%;
}

.singleView #content-container {
	width: 100%;
	float: none;
}

/* Disable apps slider*/
.sliderBlock {
	float:none;
}

.sliderBlock h2 {
    margin-left:15px;
    text-align: left;
}

#sliderSmall-2 {
   /* width: 403;*/
   /* margin-left: 15px;*/
}

.sliderSmall-2-navi {
    clear: both;
    /*display: none;*/
    text-align: center;
}

.sliderSmall-2-prev {
   /* display: none;*/
}

.sliderSmall-2-next {
    /*display: none;*/
}

#sliderSmall-2 .items .slide div {
   /* margin-left: 37px;*/
   width:150px;
}

#sliderSmall-2 .items .slide div h3,
#sliderSmall-2 .items .slide div p {
   /* margin-left: 37px;*/
   width:150px;
}

.linklist {
	margin-left: 16px;
}

#quickSearchContainer > form {
    margin-top: 8px;
}

.meldungen {
	height: auto;
	overflow: auto;
}

.greybox {
	position: relative;
	overflow: auto;
}

#sliderFull-1 {    
    width: 90%;   
}

#sliderFull-1 .items .slide div {    
    width: 234px;  
    margin-left: 0; 
    padding-left: 0;
}

#sliderFull-1 .items .slide div img {    
    max-height: 70px;
    width: auto;
    top: 1px;
}

.ph_organigrammSekr {   
    padding-left: 91px !important;   
}

.ph_organigrammAbt a {
	margin-top: -2px !important;
}

.info-box {
	position:relative;
}

.basket-info-teaser {
	display: none;
}

.basket-infoicon {
	background-image: url(../../images/bmfsfj/wkicon.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #9e1c35;
	color: #fff;	
	position: absolute;
    left: 90.65%;
    top: 0;    
    z-index: 9999;  
    display: block; 
}

input[type="submit"].basket-infoicon-button {
	background-color: transparent;		
	width: 72px;
	height:71px;	
	padding-bottom:20px;
	text-indent: 99999px;
}

.basket-counter {
	color: #9e1c35;
	background-color: #fff;
	height: 21px;
	width: 21px;
	position: absolute;
	top:18%;
	left:19%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	text-align: center;	
}

.basket-counter span {
	display: inline-block;
    margin-top: -1px;
    pointer-events: none;
}

.ph_shoppingcartresult-wk {
	width: 100%;
}

.ph_marginForm form #kontaktblock.ph_formcontainer-wk {
	width: auto;
}