/**
 * Projekt Vorlagenkatalog 
 *
 * Basisstylesheet Techfak 2013
 *
 * @mod_name        rot
 * @mod_desc        Farbschema "rot"
 *
 * @copyright       Copyright 2005-2012, RRZE
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/)
 * @link            http://www.vorlagen.uni-erlangen.de
 * @package         css
 * @version         1.0
 * @lastmodified    02/2013
 */

/* Farbvariante
 *     #AD2624  - Basisfarbe 
 */ 


@media screen, projection
{

	/*  ------------------------------------------------------
	HEADER
	--------------------------------------------------------*/
	
	div#kopf {
		background: url(/grafiken/techfak-2013/header-techfak-rot-3b.png) no-repeat scroll 48% 0% transparent;
	}
		
	div#kopf div#logo {
		background: url(/grafiken/techfak-2013/logo-techfak-blau-bg.png);
		background-repeat: no-repeat;
		background-position: 99% 0;
	}
	
	div#kopf div#logo img {
		display: none;
	}
	
	div#kopf div#logo p {
		color: #fff;
		text-shadow: 1px 1px 2px #4C4C4C;
		letter-spacing: 0.05em;
		
	}
	
	div#kopf div#logo p a {
		color: #fff;
	}
	
	div#kopf div#hauptmenu {
		background: #A4ABB3 url(/grafiken/techfak-2013/hauptmenue-bg-rot.png) repeat-y;
		margin-left: -27px;
		padding-left: 27px;
	}
	
	div#kopf div#titel h1 {
		color: #AD2624;
	}
	
	/*  ------------------------------------------------------
	MAIN
	--------------------------------------------------------*/
	
	div#main {}	
	
	/*  ------------------------------------------------------
	MENU - MAIN
	--------------------------------------------------------*/
	
	ul#navigation {
		color: #000 !important;
	}
	
	ul#navigation li span.aktiv,
	ul#navigation ul#hauptnavigation li span.aktiv, 
	ul#navigation ul#hauptnavigation li a.aktiv,
	ul#navigation ul#hauptnavigation ul li span.aktiv,
	ul#navigation ul#hauptnavigation ul li ul li span.aktiv  {
		border-bottom: #AD2624 1px solid;
	}
	
	/*  ------------------------------------------------------
	CONTENT
	--------------------------------------------------------*/
	
	div#content h2 {
		border-bottom: 1px solid #AD2624;
	}
	
	#content th {
		border-right: 1px solid #AD2624;
		border-bottom: 1px solid #AD2624;
	}
	
	#content td {
		border-right: 1px solid #AD2624;
		border-bottom: 1px solid #AD2624;
		border-top: 1px solid #AD2624;
		background: #f7f8f9;
	}
	
	#content tfoot td {
		border-right: none;
		background: #fff;
	}
	
	#content table.wechselfarbe tr td {
		background: #f7f8f9;
	}
	
	#content table.wechselfarbe tr:nth-child(odd) td {
		background: #eeeff1;
	}
	
	#content div.box_rechts, 
	#content div.klein_box_rechts,
	#content div.vollbox {
		border: 1px solid #AD2624;
	}
	
	form fieldset {
		background: #f7f8f9;
	}
	
	form fieldset legend {
		color: #AD2624;
	}
	
	/*  ------------------------------------------------------
	SIDEBAR
	--------------------------------------------------------*/
	
	div#main div#sidebar h3 {
		border-bottom: #AD2624 1px solid;
	}
	
	/*  ------------------------------------------------------
	FOOTER
	--------------------------------------------------------*/

}

	
/*  ------------------------------------------------------------------------------------------------------------
						BREAKPOINT  1090px
--------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1090px) {
	
	div#kopf {
		background: url(/grafiken/techfak-2013/header-techfak-rot-2b.png) no-repeat scroll 48% 0% transparent;
	}
	
}

/*  ------------------------------------------------------------------------------------------------------------
						BREAKPOINT  960px
--------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 960px) {
	
	div#kopf {
		background: url(/grafiken/techfak-2013/header-techfak-rot-0b.png) no-repeat scroll 51% 0% transparent !important;
	}
	
	div#kopf div#logo p {
		display: block;
		top: 0 !important;
		padding-left: 10px;
		width: 41% !important;
		max-width: 41% !important;
	}
	
}

/*  ------------------------------------------------------------------------------------------------------------
						BREAKPOINT  630px
--------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 630px) {
	
	div#kopf div#logo {
		background-size: 40% auto;
	}
	
	div#kopf div#logo p {
		width: 280px;
		font-size: 1.2em !important;
	}
}

/*  ------------------------------------------------------------------------------------------------------------
						BREAKPOINT  480px
--------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
	
	div#kopf {
		background-image: none !important;
	}
	
	div#kopf div#logo p {
		width: 100% !important;
		max-width: 100% !important;
		padding-top: 45px !important;
	}
	
	div#kopf div#logo p, 
	div#kopf div#logo p a {
		color: #AD2624;
	}
	
	div#kopf div#titel h1 {
		margin: 10px !important;
		padding: 10px 5px 10px 15px !important;
		background: #AD2624;
		color: #ffffff;
	}
	
	div#kopf div#titel, 
	div#kopf div#sprungmarken {
		margin-left: -27px;
	}
	
	div#kopf div#hauptmenu {
		height: auto;
		background: none;
		padding: 0;
		border: none;
	}

}

/*  ------------------------------------------------------------------------------------------------------------
						BREAKPOINT  320px
--------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 320px) {

	div#kopf div#logo p {
		padding-top: 30px !important;
	}
	
}