/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* html5 + CSS 3 Template created by miss monorom  http://intensivstation.ch 2013 */


@media only screen and (max-width: 1024px) {
	h3, header, b, aside, nav, input[name="reload"] {
		display: none !important;
	}
	#content, #container{
		margin: 0 !important;
		height: 100%;
		width: 100% !important;
		min-width: 100px !important;
	}
	form{
		height: 45% !important;
	}
	select{
		height: 60% !important;
	}
	section, select, form, input{
		margin-bottom: 0 !important;
		width: 100% !important;
		font-size: 64px !important;
		
	}
	html, body{
		height: 100%;
		width: 100%;
	}
	input{
		margin-top: -32px;
		display: block;
	}
	footer{
		position: absolute;
		bottom: -10px;
	}
	input[name="abmelden"], input[name="anmelden"]{
		height: 132px;
	}
	nav{
		display: block !important;
		margin-bottom: -50px;
	}
	h3[name="filiale"]{
		display: block !important;
		position: absolute !important;
		top: 10px;
		font-size: 64px;
	}
	select[name="filiale"]{
		margin-bottom: 200px !important;
		height: 200px !important;
	}
	option{
		font-size: 64px;
	}
}

/* reset */
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* render html5 elements as block 
   rendert html5 elemente als block  */

header, footer, section, aside, nav, article { display: block;}

header {
text-align: center;
}

body {
background-color: #ccc;
font-size: 0.95em;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
}
pre, code {
font-size: 1.3em;
}
a {color: #DB7093; text-decoration: none;}
a:visited {color:#DB7093; text-decoration: none;}
a:hover {color: #564b47; text-decoration: none;}
a:active { color:#000000; text-decoration: none;}

h1, h2 {
font-size:1.8em;
font-weight: normal;
margin: 0 0 20px;
}

h3 {
font-weight: normal;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
max-width: 1200px;
min-width:960px;
margin:10px  auto;
background-color: #eee;
}

/* ----------header for logo-------------- */
header {
	padding:20px;
	background:#ccc ;
}
	
header p{
	text-transform:uppercase;
	font-size:11px;

}
header img{ padding: 0 0 10px;}

/* ----------------- content--------------------- */

left {
  float: left;
  width: 50%;
}

right {
  float: right;
  width: 50%;
}

section#content {
	background-color: #ffffff;
	margin: 0 250px;
	min-height:600px;
	padding:20px;
}

section#content h3 {
	display: inline;
}

section#content form {
	text-align: center;
}

p, pre{
padding:  0 0 20px;
line-height:1.5em;
}

/* -------------- navigavtion------------- */
nav {
float: left;
width: 250px;
padding:20px;
}
/* -------------- side infos ------------- */
aside{
float: right;
width: 250px;
padding:20px;
}
/* -----------footer--------------------------- */
footer {
padding:20px;
clear: both;
border-top:5px solid #ccc;
}