@CHARSET "UTF-8";
/* css file 2011-04-06*/

body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	color:black;
	background-color:#CCCCCC; 
	}


/* stripe 100% over the screen*/
#containerbeam {
	padding:5px;
	width:100%;
	height:8%;
	color:#FFFFFF;
	background-color:#000080; 
	border:1px;
	
	}

/* headline and footer */
.text-shadow {
	padding-left:13%;
	text-shadow:red 3px 3px 5px;
	font-size:150%	
	}

/* navigation*/
#containernavi {
	padding-top:10px;
	line-height:30px;
	width:20%;
	hight:100%;
	text-align:left;
	padding-left: 1em;
	color:blue;
	background-color:red;
	border:1px;
	}
	
/* tab navigation */
#tabnavi {white-spcae:pre;}	


/* links all*/
a:link{color:black;}
a:visited{color:gray;}
a:hover{color:red;}
a:active{color:white;}

#menue {
	width: 175px;
	font-size: 100%;
	margin: 5px;
	}

#menue  a, #menue  a:link {
	text-decoration: none;
	display: block;
	color: black;
	width: 163px;
	padding: 5px;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	background-color: #CCCCCC;
	}
	
#menue  a:visited {
	color: gray;
	}

#menue  a:hover, #menue  a:active, #menue  a:focus {
	color: red;
	border-top: 1px solid black;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid black;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	}


/* links footer */
a.footer:link{
	text-decoration:none;
	color:white;
	}
a.footer:visited{
	text-decoration:none;
	color:white;
	}	
a.footer:hover{
	text-decoration:none;
	color:red;
	}	
a.footer:active{
	text-decoration:none;
	color:yellow;
	}	


/* links content */
a.content:link{
	text-decoration:none;
	color:white;
	}
a.content:visited{
	text-decoration:none;
	color:yellow;
	}	
a.content:hover{
	text-decoration:none;
	color:red;
	}	
a.content:active{
	text-decoration:none;
	color:#808080;
	}		


/* links gallery */
a.gallery:link{
	text-decoration:none;
	color:#CCCCCC;
	}
a.gallery:visited{
	text-decoration:none;
	color:#CCCCCC;
	}	
a.gallery:hover{
	text-decoration:none;
	color:red;
	}	
a.gallery:active{
	text-decoration:none;
	color:yellow;
	}	


/* main content*/
#containercontent {
	padding:20px;
	width:77%;
	height:100%;
	color:black;
	background-color:#CCCCCC;
	border:1px; 
	font-size:100%;
	}
	
/* Geschichten der Familie linkliste */
#containerlink{
	padding:25px;
	padding-top:35px;
	width:20%;
	height:100%;
	color:black;
	background-color:#C0C0C0;
	border:1px;
	font-size:100%;
	padding-buttom:50px;
	}
	
#containertext{
	padding:20px;
	margin-left:22%;
 	width:75%;
	height:100%;
	color:black;
	background-color:#C0C0C0;
	border:1px;
	font-size:100%;
	padding-buttom:100px;
	}