/*Allgemeines Page Layout*/
@media (max-width:40em) {
    table, thead, tbody, tfoot, th, td, tr { display:block; }
    tr + tr { margin-top:1em; }
}

html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
	margin: 0;
	padding: 0;
	font-family: "Century Gothic";
	color:#666666;
}

p, font{
	text-align:left;
	margin: 5px 0px 10px 0px;
	hyphens: auto;
}

ul{
	margin: 5px 0px 20px 0px;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   text-align:left;
   padding-left:30px;
}

img{
	border:0px;	
	max-width:auto;
	max-height:auto;
}

#contentrahmen img{
	margin:10px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}


h1{
	font-size:1.5em;
	font-weight:bold;
	color:#800080;
	font-family: "Century Gothic";
	text-align:center;
	margin-bottom: 1.5em;
	hyphens: auto;
}

h2{
	color: #0066cc;
	font-family: "Century Gothic";
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	margin-top: 1.1em;
	margin-bottom: 1.1em;
	hyphens: auto;
}

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 1em;
/*	font-family: "Century Gothic";*/
}
a {
	text-decoration:none;
	color:#0066cc;
}
a:hover{
	text-decoration: underline;
}

#toplinks{position:absolute; right:10px; top:10px;}
#topspace{
	width:100%;
	height:20px;
}
#content{
	float:left;
	width:100%;
/*	height:750px; */
	background-color:#FFF;
}

#logo{
	float:left;
	background-color:#FFF;
	background-image:url(../images/lebensfluss.jpg);
	width:20%;
/*	height:138px; */
	padding: 0px;
	margin: 0px;
	display:none;
}
#logo_home{
	float:left;
	background-color:#FFF;
	width:20%;
/*	height:138px; */
	padding: 0px;
	margin: 0px;
	display:none;
}
#menu{
	float:left;
	width:100%;
/*	height:612px; 
	background-image:url(../images/navigation.png); */
}
#contenttext{
	float:right;
	width:100%;
/*	height:710px;
	background-image:url(../images/wasserzeichen.png); */
	overflow:auto;
}
#contenttext_home{
	float:right;
	width:100%;
/*	height:710px;*/
	background-color:#FFF;
	overflow:auto;
}
#contentrahmen{
	float:left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#contentrahmen_home{
	float:left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#toolbar{
	position:fixed;
	top:0px;
	left:0px;
	width:100px;
	background-color:#FFF;
	z-index:10;
	padding: 10px 10px 10px 10px;
	float:right;
/*	border: solid 1px black;*/
}

#toolbar_click{
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
	z-index:10;
	cursor:pointer;
/*	border: solid 1px black;*/
}

#footer{
	float:right;
	width:100%;
	height:40px;
	background-color:#FFF;
}
#submenu{float:right; width:526px; height:32px; background-image:url(../images/bg_submenu.gif); background-position:top; background-repeat:repeat-x;}

/*TEXT STYLES*/
.bodytext {
	color: #666666;
	font-family: "Century Gothic";
	font-size:16px;
	text-align:left;
}

.bodytext a{
	color: #0068B4;
	font-family: "Century Gothic";
	font-size:16px;
}
.bodytext_small {
	color: #666666;
	font-family: "Century Gothic";
	font-size:14px;
}

.bodytext_small a{
	color: #0068B4;
	font-family: "Century Gothic";
	font-size:14px;
}
.bodytitle {
	color: #0066cc;
	font-family: "Century Gothic";
	font-size:18px;
	font-weight:bold;
	line-height: 20px;
}

.navigation a{
	color: #0068B4;
	font-family: "Century Gothic";
	font-size:14px;
	font-weight:bold;
	letter-spacing: 1px;
}
.navigation a:hover{
	text-decoration:none;
/*	font-size:16px;*/
}

.bodytext a:hover{
	text-decoration: underline;
}
.titletext {
	font-size:36px;
	font-weight:bold;
	color:#0066cc;
	font-family: "Century Gothic";
}

/*OUTHER*/
a.nav{
	color: #0066cc;
}
a.nav_active{
	color: #09F;
/*	font-size:18px;*/
}
a.subnav{
	color: #0066cc;
}
a.subnav_active{
	color: #09F;
/*	font-size:16px;*/
}

a.nav:hover{
	text-decoration:none;
	color: #09F;
}

table.nav{
	border: 0px;
}

td.nav{
	padding: 10px;
	color: #0068B4;
	background: #FBC100;
}
#bild_r{
  margin-left:20px;
  margin-top:0px;
  margin-right:0px;
  margin-bottom:10px;
}
#bild_l{
  margin-left:0px;
  margin-top:0px;
  margin-right:20px;
  margin-bottom:10px;
}

