/* 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 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9375em; /*15px*/
	color: #565656;
	padding: 0;
	margin: 20px 0px 0px 30px;
	/*background-color: #FCCB66;*/
	background-image: url(images/akulu-background-body2.jpg);
	background-repeat: repeat-x;
}

html{
-webkit-text-size-adjust: none;
}


/* --------container zentriert das layout---------- */
#container {
	position: relative;
	max-width: 950px;
	min-width: 320px;
	margin: 0px auto 0px auto;
	padding-bottom: 1px;
	background-image: url(images/chrysantheme-crop40.png);
	background-repeat: no-repeat;	/*background-image: url(images/nav-background.png);
	background-repeat: repeat-y;*/
	background-position: 500px 35px;
}

#container-inner {
	position: relative;
	max-width: 800px;
	min-width: 320px;
	margin-left: 0px;
	/*background-color: #FEEBC3;*/
	/*background-color: rgba(254, 235, 195, 0.6); #FEEBC3*/
	background-color: rgba(254, 238, 212, 0.6); /*#FEEED4*/
	border-top: 30px solid #FCCB66;
	/*background-image: url(images/nav-background.png);
	background-repeat: repeat-y;*/
}


header {
	margin: -30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#header-magenta {
	min-height: 50px;
	margin-left: 185px;
	background-color: #4B327B; /*#400D80*/
	}
	
#header-magenta p{
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	line-height: 1.3em;
	font-size: 1em;
	text-align:center;
	color: #fff;
}

#header-magenta a{
	color: #fff;
	text-decoration: none;
}
#header-magenta a:hover{
	color: #fff;
	text-decoration: none;
}

#header-magenta a:visited{
	color: #fff;
	text-decoration: none;
}



#logo {
	height: 104px;
	width: 210px;
	position: absolute;
	left: -35px;
	top: -15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#logo img{
	height: 100%;
	width: 100%;
}




/*----------nav----------*/

nav {
	float: left;
	width: 215px;
	height: 100%;
	margin: 68px 0px 0px -30px;
	padding: 20px 0px 40px 0px;
	border-left: 30px solid #FEEBC3;
	background-color: #FFFAED;
}
/*255, 250, 237
255, 251, 243*/

nav ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height: 1.7em;
	list-style-type: none;
	}
	
nav ul ul{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	list-style-type: none;
	line-height: 1.5em;
	}
	
	
	
nav a {
	color:#888;
	text-decoration:none;
	display:block;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	font-size: 0.9333em; /*14px*/
}

nav a:hover {
	color: #400080;
	text-decoration: none;
	}

nav  a.selected {
	color: #400080;
}



/*----------text----------*/

#content {
	margin: 0px 0px 0px 0px; 
	padding: 0px;
    line-height: 1.3846em; /*18px*/
}

article a {color: #555; text-decoration: underline;}
article a:visited {color: #555; text-decoration: underline;}
article a:hover {color: #999; text-decoration: underline;}

article {
    margin: 0px 0px 0px 185px;
	padding: 30px 40px 25px 35px;
	min-height: 600px;
	}
	
article p {
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	line-height: 1.4em;
	}

article h1 {
	font-size: 1.15em;
	line-height: 1.4em; /*28px;*/
	color: #555;
	padding-bottom: 2px;
	font-weight: normal;
}
	
	
article ul {
	margin: 6px 0px 20px 18px;
	padding: 0px 0px 0px 0px;
	line-height: 1.22em; /*17px*/
	left: 20px;
	}
	
article ul li{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
article img{
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
article table{
	width: 100%;
	margin-left: -5px;
	border: none;
}

article table td{
	padding: 5px;
}

#imagespace {
	margin: 0px 0px 0px 0px;
	width: 100%; 
    }

#imagespace img {width: 100%; height: 100%;}

.imagespace img {width: 100%; height: 100%;}

iframe {width: 100%; height: 350px; border: none;}

/* -----------clearthefloats--------------------------- */
#clearthefloats {
    clear: both;
}

/*----------footer----------*/



footer {
	min-height: 50px;
	margin-left: 185px;
	background-color: #4B327B;
	}
	
footer p{
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 5px 35px;
	line-height: 1.3em;
	font-size: 1em;
	text-align:center;
	color: #fff;
}



/* -----------always scrollbar------------------ */

html {overflow-y: scroll;}

/* -----------classes--------------------------- */
.smallerfont {
	font-size: 85%;
	color:#EC6800;
}


.red {color: red;}
.center {text-align: center;}
.notbold {font-weight: normal;}
.shadow { box-shadow: 0px 2px 20px #888; }/*#8f8371;*/
.iphone-only {display: none;} 
.desktop-only {display: block;} 


/*@media only screen and (max-width: 798px) { 
header p{font-size: 1.6em;}
}

@media only screen and (max-width: 770px) { 
header p{padding-top: 45px;}
}



@media only screen and (max-width: 700px) { 
body {margin: 0px 0px;}
}

@media only screen and (max-width: 620px) { 
header p{font-size: 1.5em;}
}

@media only screen and (max-width: 575px) { 
header p{padding-top: 35px;}
}


*/
	
@media only screen and (max-width: 480px) { 
body {
	margin: 0px 0px 0px 0px;
}

#container-inner {
	border-top: none;
}

header {
	margin-top: 0px;
}

#header-magenta {
	margin-left: 0px;
	background-color: #5B417F; /* heller, damit man das Logo sieht, #503A70; #543883; #4B327B;*/
	}
	
#header-magenta p{
	font-size: 0.9em;
	padding-left: 125px;
}


#logo {
	height: 62px;
	width: 126px;
	left: 0px;
	top: 0px;
}

/*header p{
	margin: 0px 0px 0px 105px;
	padding: 12px 20px 0px 20px;
	font-size: 1.1em;
}*/

nav{
	float: none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
	border-left: none;
    width:100%;
} 
nav a {border-bottom: 1px solid #DFCCC1;}
#container {
	background-repeat: repeat-x;
}



nav li {
    float: none;
	margin: 0px 0px 0px 0px;
    width:100%;
    display:block;
  } 
nav a {
    font-size:1em;
	padding: 5px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
  } 
	
nav ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

  
#content{
    float: left;
    margin: 0px 0px 0px 0px; 
}

article {
    margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 20px;
	}

footer {
	margin-left: 0px;
	}
}