/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

body {
	margin: 0 auto;
	padding: 0;
	font: 76% Verdana,Tahoma,Arial,sans-serif; /*76% */
	background: #F06E57;/* url(bg.gif) repeat-y center;*/	
	
}

#wrap {
	color: #303030;
	margin: 0px auto 10px;
	width: 900px; /*760*/
	height: 100%;
	/*padding: 0px 0px;*/

	background: White url(../images/border_left.png) repeat-y left;
}

#header {
	clear: both;
	margin: 0px 0 0 10px;
	padding: 0px;
	padding-top:10px;
	height: 150px;
}

#header h1 {
   	width: 250px;
	margin: 0 0 10px 0;
	float: left;
}

#header p {
	width: 500px;
	float: right;
	text-align: right;
	color: #a0a0a0;
	margin: 0 5px 10px 0;
	font-size: 81.1%; /*0.8em;*/
}
#header img{
	border: none;
	height: 130px;
	width: 200px;
}

#frontphoto {
	margin: 0 0 10px 0;
	border: 0;
}


.announce {
	margin: 10px 5px 10px 10px;
	padding: 10px 0 0 10px;
	width: 130px;
	color: #505050;
	background-color: #ffff00;/*#f4f4f4;*/
	/*line-height: 1.3em;*/
}

.statistik {
	margin: 10px 5px 10px 10px;
	padding: 10px 0 2px 10px;
	width: 130px;
	color: #505050;
	background-color: #ffff00; /*#f4f4f4;*/
}
.statistik h3{
	font-size: 122%;/*1.3em;*/
	/*font-weight: normal;*/
	
}
.statistik h2 {
	font-size: 92%; /*0.9em;*/
	font-weight: normal;
	margin: 0 0 10px 0;
}

.invizib{
	display: none;
}

/*werbung links: link-fab*/
.werbung_li{
	margin: 10px 5px 10px 20px;
	padding: 10px 0 2px 20px;
	width: 100px; /*color: #505050;
	background-color: #ffff00; */
}
/* class "mainmenu" in menu.css */


#extras {
	float: right;
	width: 150px;
	font-size: 107%;/*0.9em;*/
	margin: 0 0 10px 0;
}

#extras .box{
	text-align: center;
	/*padding: 5px 0 5px 0;*/
	border: medium Aqua;
}

#content {
	margin: 0 160px 20px 160px;
	border-left: 1px solid #ff0000;/*#f0f0f0;*/
	border-right: 1px solid #ff0000;
	padding: 0 10px 0 10px;
	line-height: 1.6em;
	text-align: left;
	/*z-index: -1;*/
}

#content h2 {
	font-size: 159%;
}
#content h1 {
	font-size: 144%;/*1.5em;*/
	/*margin: 0 0 0.5em 0;*/
}
#content h3{
	font-size: 100%;/*1.1em;*/
}
/*link*/
#content .boxlink{
	font-size: 100%;/*1.1em; */
	/*font-weight: bold;*/
	/*margin: 0 0 0.5em 3em; /*text-align: center;*/
}

#content .namekat{
    font-size: 129%;/*1.3em;  136%*/
	 font-weight: bold;
	/*text-align: center;*/
}

.namelink{
    font-size: 129%;/*1.2em;   129%*/
	 font-weight: bold;
	 
	/*text-align: center;*/
}
/*link*/
#content .text{
    padding-left: 4.5em;/*10%;*/
    font-size: 114%;/*1.2em;*/
	/*text-align: center;*/
}
#content .titel{
	font-size: 144%; /*1.5em;*/
	margin: 0 0 0.5em 0;
   padding-left: 4.5em;/*10%;*/
}

#content .note{
	font-size: 100%;/*1.0em;*/
	padding-left: 4.5em;/*10%;*/
	font-style: italic;
	color: #868686;
}

#content .werbung{
    padding-left: 4.5em;/*10%;*/
    font-size: 114%;/*1.2em;*/
}

h3 {
	font-size: 122%;/*1.3em;*/
	margin: 0 0 10px 0;
}

a {
	text-decoration: none;
	color: #286ea0;
}

a:hover {
	text-decoration: underline;
	color: #286ea0;
}

a img {
	border: 0;
	background: transparent;
}

#footer {
	clear: both;
	margin: 0 auto auto auto;
	padding: 10px 0 20px;
	border-top: 4px solid #ff0000;
	width: 760px;
	text-align: center;
	vertical-align: middle;
	color: #808080;
	font-size: 92%;/*0.9em;*/
}

/*inhaltsverzeichnis --- start*/

#index{
	font-size: 107%;
	background-color: #F06E57;
	width: 120px;
	margin-left: 60px;
	cursor: pointer; /*border-left: 4px solid #ff0000;*/
}

#index_block{
	/*clear: both;*/
	font-size: 85%;
	text-align: justify; 
	padding-left: 15px;
	
	/*height: 150px;*/
	width: 885px; 
	background-color: #FFFFFF; /*#F06E57;*/
	/*border: 1px solid #999;*/
	/*overflow: auto; 
	overflow-x: hidden;
*/
	position: relative;
	visibility: visible;
}

/*inhaltsverzeichnis --- end*/

.tooltip {
	position: absolute;
	display: none;
	color: Black;
	background-color: White;
	border: 1px ridge Black;
}

.left {
	margin: 10px 10px 5px 0;
	float: left;
}

.right {
	margin: 10px 0 5px 10px;
	float: right;
}

.textright {
	text-align: right;
}

.center {
	text-align: center;
}

.small {
	font-size: 100%;/*0.8em;*/
}

.bold {
	font-weight: bold;
}

.hide {
	display: none;
}
.img {
	background: white;
	border: 0;
}
.imgbg{
	background:transparent;
	border: 0;
}

/*kontakt form*/
.fs-form{
	border-color:  red;
}
.leg
 {
  color: red;
 }
 
.rot
 {
  color: #F06E57;
 } 
 /* such fc */
 
 #such{
	float: right;
	width: 400px; /*350px;*/
	font-size: 100%;/*1.2em;*/
	font-weight: bold;
	/*background: #ffff00;*/
	/*vertical-align: bottom;*/
	margin-top: 50px;
	z-index: 10;
}

.checkbox{
	text-align: justify;
	vertical-align: middle;	
}

.select
{
	width: 100%;
}
fieldset{
	border: thin groove;
}

/*tooltips*/

#dhtmltooltip{
	position: absolute;
	/*width: 150px;*/
	border: 1px solid black;
	/*padding: 2px;*/
	background-color: white;
	visibility: hidden;
	z-index: 100;
	color:black;
}
/*freizeitlist tab*/
.marg{
	margin: 0px 5px 0px 5px;
}

.detail{
	font-size: smaller;
	color: Gray;
}
.navbutt{

}

.date{
	font-size: 77%;/*10px;*/
	color: Gray;
}
.maerchen:first-letter {
	font-size: 219%;/*2.1em;*/
	font-family:BrushScrD;
	color: red;
}
/* addto_gallery */
#content .col1{
	width: 150px;	
	float: left;
}

#content .col2{
	width: 300px;	
	color: Red;
	float: right; 
	 
	/*margin-left: 10px;
	padding-left: 5px;*/
}