/* 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 */

/* 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;}

body {
background-color: #ddd;
font-size: 0.95em;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
}

h1 {
font-size:1.8em;
font-weight: normal;
margin: 0 0 20px;
}
	
h2 {
font-size:2em;
font-weight: normal;
margin: 0 0 20px;
}
	
/* ----------container zentriert das layout-------------- */

#container {
	width: 1200px;
/* max-width: 1200px;
min-width:960px; */
margin: auto auto;
background-color: #ccc;
}

/* ----------header for logo-------------- */
header {
	width: 100%;
	padding:20px;
	background: #ddd;
	height: 195px;
	/* display:table; */
}
	
header div#bild{ 
/* display: table-cell; */
float:left;
margin:0;
padding:0;
}

header div#Titel{
	/* display: table-cell; */
float:right;
margin:55px 0 0 0;
/* padding:0; */
}

header h2{ 
text-align: left;
margin:0;
padding:0;
font-weight: bold;
}
header h3{ 
font-weight: normal;
text-align: left;
font-size:1.8em;
margin:0;
padding:0;
}
/* -------------- navigation------------- */

aside {
padding:20px;
float:left;
width: 300;
}

aside ul { 
list-style-type: none; 
margin:0;
}

aside ul  li ul{ 
list-style-type: none; 
margin:0;
padding: 0 0 0 20px;
}

aside a {
display: inline-block;
margin:0;
color: #000;
padding: 10px 10px 10px 0px;
text-decoration: none;}
aside a:visited {color:#000;}

aside a:hover {
color: #564B47;
font-style: bold;
}

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

section {
float: right;
width: 900px;
padding: 20px;
min-height:600px;
}

#content {
background-color: #fff;
}

#cranio {
background-color: #FFE37D;
}

#trauma {
background-color: #F0B9FE;
}

section ul {
padding:  0 0 0 20px;	
}

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


/* -----------footer--------------------------- */
footer {
	height: 130px;
padding: 20px;
clear:both;
background-color: #564B47;
color:#fff;
}

#copyright {
	float:right; 
	margin:10px; 
	text-align:right;
}
footer nav{
	float:left;
	margin-top:35px;
	margin-left:20px;
	margin-bottom:0px;
	text-decoration:none;
}

footer nav ul{
	list-style-type: none; 
	margin:0px;
	padding:0px;
}

footer nav ul li{
	float:left;
	list-style-type:none;	
	display: inline;
}
footer nav ul li a{
	display:block;
	color: #ffffff;
	text-decoration:none;
	margin-right:30px;
	font-size:1.0em;
	line-height:1.2em;
	text-transform:uppercase;
}

/* footer nav ul li a:hover{
	color: #000000;
}  */

footer a{
	color: #fff;
}

footer a:hover{
	color: #000000;
} 

footer a:visited {color:#fff;}
/* -----------footer--------------------------- */