/**
 * Projekt Vorlagenkatalog 
 *
 * Basisstylesheet D4
 *
 * @mod_name        mediaqueries
 * @mod_desc        Zusatzdesign für kleinere Bildschirmgrößen
 *
 * @copyright       Copyright 2005-2011, RRZE
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/)
 * @link            http://www.vorlagen.uni-erlangen.de
 * @package         css
 * @version         3.0
 * @lastmodified    10/2011
 */

@media screen and (max-width: 480px) {
    /* Definitionen nur für maximale Fenster- bzw. Bildschirmbreite von 480px - Standard für Smartphones */
  
	/*  ------------------------------------------------------
	GENERAL
	--------------------------------------------------------*/
	
	body {
		max-width: 480px;	
		overflow: auto;	
    	-webkit-text-size-adjust: none; /* Wichtig für iPhone im Landscape Mode */
	}
	
	div#seite {  
		border-width: 0 !important;
		min-width: 0;
	}
	
	img{
        max-width:100%;
        height:auto;
    }
	
	div {
		width: auto;
	}
	
	/*  ------------------------------------------------------
	HEADER
	--------------------------------------------------------*/
	
	div#kopf {
		padding-bottom: 0 !important;
		min-width: 0;
		height: auto;
		position: relative;
	}
	
	div#kopf div#logo {		
		float: none;
		height: auto;
		padding-bottom: 35px;
		clear: both;
		min-height: 130px !important;
	}
	
	div#kopf div#logo img {
		float: none;
		max-width: 90%;
	}
		
	div#kopf div#logo p {
		width: auto;
		margin-right: 5px;
		padding-left: 15px;
		padding-top: 15px;
		position: static;
		float: none;
	}
	
	div#kopf div#titel {
		position: static;
		background-color: #FFFFFF;
    	padding: 3px 0;
	}
	
	div#kopf div#titel h1 {
		color: #333;
		font-size: 1em;
		font-weight: bold;
		line-height: 100%;
		margin: 10px 5px 5px 15px;
	}
	
	body#start div#kopf div#titel h1 {
		margin-top: 10px !important;
	}
	
	div#kopf div#breadcrumb {
		display: block;
		position: static;
		padding-left: 10px;   
		background-color: #FFFFFF;
	}
	
	div#kopf div#breadcrumb h2 {
		display: none;
	}
	
	div#kopf div#breadcrumb a:hover {
		font-weight: normal;
		text-decoration: underline;
	}
	
	div#kopf div#suche input#suchbegriff {
		width: 140px;
	}
	
	
	div#sprungmarken {
		display: block;
		position: static !important;	
	}
	
	div#sprungmarken li.first a:link, div#sprungmarken li.first a:visited  {
		display: block !important;
		position: relative !important;
		width: auto !important;
		height: auto !important;
		font-size: 0.9em !important;
		left: 0;
		top: 10px !important;
		z-index: 5;
		padding: 10px 0px 10px 30px;
		text-decoration: none;
		background: url(/img/breadcrumbarrow.gif) no-repeat 10px 13px #FFF;
		font-weight: bold;
		border-top: 1px solid #DDD;
		color: #333;
	}
	
	div#sprungmarken li.first a:hover  {
		text-decoration: underline !important;
		color: #003366 !important;
		width: auto !important;
		height: auto !important;
		padding: 10px 0px 10px 30px !important;		
		background: url(/img/breadcrumbarrow.gif) no-repeat 10px 13px #DDD !important;	
		text-align: left !important;
		border: 0 !important;		
		border-top: 1px solid #DDD !important;
	}
		
	div#kopf div#hauptmenu {
		position: static;   
		border-bottom: 0;
        padding: 0;
	}
		
	div#kopf div#hauptmenu ul {
		padding: 0;
		padding-top: 10px;
		min-width: 0;
		width: auto;
		margin-top: 0;
		float: none;
	}
	
	div#kopf div#hauptmenu ul li a:link, div#kopf div#hauptmenu ul li a:visited, div#kopf div#hauptmenu ul li span {
		margin: 0;
		width: 100%;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		padding: 8px 0;
		margin-right: 0;
		margin-left: 0;
		background-color: #E4E4E4;
		display: block;
		float: none;
		border-bottom: #D4D4D4 1px solid;
		border-left: 0 !important;
		border-right: 0 !important;
	}
	
	div#kopf div#hauptmenu ul li a:hover {
		background-color: #646464;
		color: #FFF;
		text-decoration: none;
	}
	
	/*  ------------------------------------------------------
	MAIN
	--------------------------------------------------------*/
	
	div#main {
		border: 0 !important;
		min-height: 0;
		position: static;
		margin-top: 0;
	}
	
	div#menu {
    	width: 94% !important;
		margin-bottom: 0;
		display: block;
		clear: both;
		margin: 0;
		padding-top: 15px;
		position: static !important;
	}
	
	div#menu div#bereichsmenu {
    	width: 100% !important;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	div#menu ul {
		margin: 0;
	}
	
	div#menu div#kurzinfo {
		display: none;
	}
	
	div#menu, div#menu div#bereichsmenu, div#menu li {
		float: none;
	}
		
	ul#navigation li a, ul#navigation li a:link {
		background-color: #FFF;
	}
	
	div#content {
		position: static;
		margin: 0 !important;
		width: 94% !important;		
		overflow: auto;
		clear: both;
		padding: 0;
		padding-left: 10px;
	}
	
	div#content h2 {
	    width: 100%;
	}
	
	div#content a#contentmarke {
		display: block;
		margin-top: 10px;
	}
	/*  ------------------------------------------------------
	FOOTER
	--------------------------------------------------------*/
	
	div#footer {
		padding: 0;
	}
	
	div#footer div#footerinfos div#tecmenu {
		margin-left: 0;
		position: static;
		text-align: left;
		width: auto;
		right: 0;
		font-size: 90%;
	}
	
	div#footer #footermarke {
		display: none;
	}
	
	div#footer div#footerinfos div#tecmenu a {
		color: #333 !important;
	}
	
	div#footer div#footerinfos div#tecmenu a:hover {
		color: #333 !important;
		font-weight: normal;
	}
	
	div#footer div#footerinfos div#tecmenu ul {
		margin-left: 10px !important;
	}
	
	div#footer div#footerinfos div#tecmenu ul li span, div#footer div#footerinfos div#tecmenu ul li a, div#footer div#footerinfos div#tecmenu ul li a:link {
		padding-left: 0;
	}
	
	div#footer p.last_modified {
		font-size: 65%;
		margin-left: 10px;
		padding-top: 25px;
		display: block;
		margin-bottom: 0;
	}
	
	/*  ------------------------------------------------------
	SUBTEMPLATES
	--------------------------------------------------------*/
	
	.subcolumns { display:block; width:100%; table-layout: auto; }
    .subcolumns_oldgecko { width: 100%; float:none; }

    .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:none; width: 100%; }
    .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:none; margin-left:0; width: 100%; }
	
	.subc  { padding:0; }
    .subcl { padding:0; }
    .subcr { padding:0; }
	
	/*  ------------------------------------------------------
	MISC
	--------------------------------------------------------*/
	
	div#zusatzinfo {
		position: static !important;
		width: auto !important;
		margin-top: 10px !important;
		border-style: solid !important;
		border-width: 1px !important;
		padding: 10px !important;
		background: #F0F0F0 url(/grafiken/d4/white.gif) repeat-x 0 0 !important;
		border-color: #d1d1d1 !important;
		margin-bottom: 0 !important;
	}
	
	div#map {
		max-width: 460px;
		width: auto !important;
	}
	
	div.box_rechts, div.box_links, div.hinweis_wichtig, div.hinweisrechts, div.hinweis_rechts, div.hinweis, div.baustelle, div.klein_box_rechts, div.klein_box_links, div.klein_box, div.vollbox {
		float: none;
		margin: 20px;
		width: auto !important;
	}
	
	pre {
		width: auto;
	}
	
	div#inhaltsuebersicht ul {
		margin-left: 0;
	}
	
	div#inhaltsuebersicht ul ul {
		margin-left: 1em;
	}
	
	
	div#suche {
		right: 5px !important;
		left: auto !important;
		background-color: transparent !important;
		width: 14em !important;		
		top: auto !important;
		bottom: 118px !important;
	}
	
	.infotext, .infologo {
		display: none !important;
	}
	
	div.feedrahmen .feedeintrag {
		float: none !important;
		width: 100% !important;
		clear: both;
	}
	div.feedrahmen .feedeintrag p, div.feedrahmen .feedeintrag h3 {
		margin-left: 0 !important;
	}
	
		
	div#flaggen img, div.flaggen img, div#languagebar img {
		height: 15px !important;
	}
	
	div#footerinfos {
		position: relative;
	}
	
	div#footer div#footerinfos div#flaggen, div#footer div#footerinfos div.flaggen, div#footer div#footerinfos div#languagebar {
		top: 45px;
	}
	
	
	/*  ------------------------------------------------------
	AUSKLAPPBARES MENU - erfordert 'Accessibility_NoLinkCurrent' in navigation.pl auf 0
	--------------------------------------------------------*/
	
	/*
	div#bereichsmenu ul li:last-child {
		display: none;
	}
	
	div#bereichsmenu>ul>li:first-child:before {
		content: "Menü ausklappen";
		margin-top: 3px;
		margin-right: 18px;
		font-weight: bold;
		float: right;
		width: 200px;
		bacgkround-color: #FFF;
		
	}
	
	div#bereichsmenu ul ul {
		display: none;
	}
	
	div#bereichsmenu ul:hover ul, div#bereichsmenu:hover ul li:last-child {
		display: block;
	}
	div#bereichsmenu ul:hover li:before {
		content: "";
	}*/
	
}