/* Style sheet basic */
body{margin:1em 0;padding:0px;font-size:11px;color:#000000;}
a,body,div,em,input,label,li,ol,p,select,span,strong,td,th,textarea,u,ul{font-family:Verdana, sans-serif;}
h1{margin:0 0 1em 0;padding:0px;font-weight:bold;font-size:1.4em;}
h2{margin:0 0 1em 0 ;padding:0px;font-weight:bold;font-size:1.2em;}
a{text-decoration:underline;color:#000000;}
a:hover{text-decoration:none;background-color:#d767ad;}
img{vertical-align:middle;border:0px;}
p,pre,form{margin:0px;padding:0px;}

/* Deutsche Geschichten */

body {
	background-image:url(tl_files/deutsche-geschichten/bg_magenta.gif);
	background-repeat:repeat;
}

div#header {
	width:100%;
	height:auto;
	clear:both;
}

	div#header img#top_image {
		margin-bottom:10px;
	}

	div.mod_navigation {
		background-color:#d767ad;
		/*border-right:20px solid #FF0000;*/
		margin:0 0 10px 0;
		font-size:1.4em;
		font-weight:bold;
		line-height:2em;
	}
		
		div.mod_navigation ul.level_1 {
			margin:0 0 0 1em;
			padding:0;
			list-style-type:none;
			display:block;
			float:left;
		}
			
			div.mod_navigation ul.level_1 li {
				padding:0 0.8em 0 0;
				display:block;
				float:left;
			}
				
				div.mod_navigation ul.level_1 li a,
				div.mod_navigation ul.level_1 li span {
					padding:0 0.2em;
					text-decoration:none;
					color:#FFFFFF;
				}
	
				div.mod_navigation ul.level_1 li a:hover,
				div.mod_navigation ul.level_1 li span.active {
					background-color:#000000;
					color:#FFFFFF;
				}
				
div#container {
	background-color:#FFFFFF;
	border-bottom:2em solid #d767ad;
}

	div#main {
		padding:10px 20px;
		/*border-right:20px solid #FFFF00;*/
	}
	
	div#main p {
		margin-bottom:1em;
	}
	
	div.accordion {
		margin-bottom:20px;
	}
	
	div.pdf_link {
		border-top:1px solid black;
		margin:2em 0 0 0;
		padding:1em 0;
	}