/* =============================================
   				Media fuer Tablet
================================================ */

@media handheld, only screen and (min-device-width : 480px) and (max-width: 800px) and (orientation:portrait)  {

 
 
/* Body
-------------------------------------------------------------- */
	body {
		-webkit-text-size-adjust: none;
		}
		
	.main {
	    background: url("../media/struktur/main_mobil.png") repeat-y scroll left top transparent;
	    padding-left: 2px;
	}	
		
	.row, .container  {
		width: 748px;
		margin: 0 auto;
		overflow: hidden;
		}
		
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}


/* Bildergalerie 
-------------------------------------------------------------- */
	
	.hns_right,
	.hns_img {
		width: 671px;
	}

	.hns_desktop {
		display:none;
	}
	
	.hns_tablet {
		display:block;
	}
	
	.hns_phone {
		display:none;
	}


/* 3. Navigation 
-------------------------------------------------------------- */
	ul.mainnavi_2  {
			display:none;
		}
		
	element.style {
	}


/* Grauer Balken 
-------------------------------------------------------------- */
	.submenu {
		margin-left: -32px;
	}


/* Sprachbutton	
-------------------------------------------------------------- */
	.language {
		 margin: -32px 10px 0 445px;
	}


/* Logos
-------------------------------------------------------------- */
	.logos {
	 	margin-left: -36px;
	 	}


/* Navigation Portraitnavi 
-------------------------------------------------------------- */
	.mainnavi .ebene_1 .navi_portrait a {
	    color: #ffffff;
	    display: block;
	    font-size: 11px;
	    padding: 0px ;
	}
	
	.navi_portrait {
	    list-style: none outside none;
	    position: absolute;
	    z-index: 20000;
	    margin-top:-38px;
		margin-left: 200px;
		width: 200px;
		background: url("../media/struktur/nav5.png") repeat-y scroll center top transparent;
		display: none; 	
	}    
	
	li.ebene_1:hover ul.navi_portrait,
	li.ebene_1 a.active ul.navi_portrait{
		display:block;
	}
	
	.mainnavi .ebene_1 .navi_portrait a {
	    color: #ffffff;
	    display: block;
	    font-size: 11px;
	    padding: 10px 11px 11px 10px;
	}
	
	.navi_portrait li {
		list-style: none;
	}
	
	.navi_portrait li { 
		border-top: solid 1px #ffffff;
	}
		
	.navi_portrait li { 
		border-top: solid 1px #ffffff;
	}
		
	
	ul.navi_portrait,
	ul.navi_portrait1{
	   	padding-left: 0px;
	}
	
	li.navi_portrait_2 a {
	    padding: 10px 11px 11px 20px !important;
	}


/*  Footer 
-------------------------------------------------------------- */
	.footer .eib1 {
	    float: left;
	    margin-left: -30px;
	}


/* allgemeiner Abstand 
-------------------------------------------------------------- */
	.amrow {
		margin-left:40px;
	}
	
	.amrow2 {
		padding-left:40px;
		max-width: 450px;
	}


/* allgemeiner Abstand Portalseite 
-------------------------------------------------------------- */
	.start .amrow {
	    margin-left: 0px;
	}
	
	.start .content {
		margin-left:40px;
		max-width: 495px;
	}
	
	.submenu {
		width: 544px;
	}


/* Prospektbutton 
-------------------------------------------------------------- */
	.prospekt {
		left: 35px;
		position:relative;
	}

}

/* =============================================
   				Media fuer Mobil
================================================ */
/*
*@media handheld, only screen and (max-width: 479px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
* Oriantation:portrait für Smartphone 
* * -webkid-min-device-pixel-ratio: 2 = Iphone Landscape da Iphone die Pixel verdoppelt
* 
*/

@media handheld, only screen and (max-width: 480px) and (orientation:portrait)  {

/*  Ausblenden 
-------------------------------------------------------------- */
	.mainnavi, .submenu, .prospekt, .eibmarkt, .meta, .search  {
		display: none;
	} 


/*  Allgemeine Eigenschaften
-------------------------------------------------------------- */		
	.row, .container  {
		width: auto;
		margin: 0 auto;
		overflow: hidden;
	}
		
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	    float: none;
	    margin-left: 0;
	    margin-right: 0;
	    padding-left: 2px;
	    padding-right: 2px;
	    width: auto;
	}

	.mobil  {
		display: block;
		}
		
	.container {
		padding-left: 2px;
		padding-right: 2px;
	}
	
	.start .content {
		margin-left:5px;
	}

	#eye {
		background: none;
		height: auto;
	}
	
	img, object, embed {
		max-width: 100%;
	}
	
	.metaebene_1 {
		float: none;
	}
	
	/* Zentrierung ----------- */
	.header, .logo, form.mobil, .language  {
		text-align: center;
	}
	
	
	/* Hintergrund loeschen ----------- */
	.main {
	    background: #ffffff none;
	}

/* Headerbilder 
-------------------------------------------------------------- */

	.hns_right {
		margin-left: 0px;
		width: 480px;
	}

	.hns_img {
		width: 480px;
	}

	.hns_left,
	.hns_info {
		display:none !important;
	}

	.hns_desktop {
		display:none;
	}

	.hns_tablet {
		display:none;
	}
	
	.hns_phone {
		display:block;
	}

	.hns_right, .hns_img  {
		position: relative;
		height: auto;
		top: auto;
	}


/* Menues 
-------------------------------------------------------------- */

	#mainnavi {
		text-align: center;
		margin: 25px;
	}
	
	form.mobil p{
	  	background-color: #F1F2F6;
	}
	
	.dropdownmenu {
		border: 1px solid #EAEAEA;
	    display: inline-block;
	    padding: 5px;
	    width: 60%;
	}

		
		
/* Footer 
-------------------------------------------------------------- */

	.footer {
		height: auto;
		display:none;
	}
	
	.footer .address p {
	    padding: 0px;
	}
	
	.footer .eib1 {
	    float: left;
	    margin-left: 0px;
	}
	
	.footer .eib1 img, .footer .eib2 img {
	    padding-top: 0px;
	}



/* Mobile Sprachbutton 
-------------------------------------------------------------- */

	.language {
		margin: 10px;
		position:relative;
	}
	
	.language a {
	    display: inline-block;
	    width: 55px;
	}
	
	.language a.btn_german img{
		background: url("../media/flag/german_48.png") no-repeat scroll bottom center transparent;
		width: 48px;
		height: 48px;	
		}
	
	.language a.btn_english img{	
		background: url("../media/flag/uk_48.png") no-repeat scroll bottom center transparent;
		width: 48px;
		height: 48px;
		}


/* Floating im Text entfernen
-------------------------------------------------------------- */
	.left {
	    float: none;
	    margin-right: 0;
	    width: auto;
		}
		
	.right {
	    margin-left: 0;
		}
				
}