/*
************************************************************
*	Author:		Marco Wolff | Websiteconstructor   * 
*               	http://www.oceanland.de/           *
*                                                          *
*	Version: 	1.02                               *
************************************************************
*/

/* Grundeinstellung der Seite */	
body {
	font: 78%/1.5 arial, helvetica, serif;
	text-align: left;
	padding: 0;
	margin: 2em;
}

/* Umrandung im Oberen Bereich */	
#addheader
   	{color:#FFFFFF;
   	margin: 0 auto;
	width:1011px;
	clear: both;
	background: url(../rahmen/FCG-Schongau_header.gif) no-repeat bottom;
	height: 5px;
	text-align:center;
	font-size:9px;
	padding:6px 0px 24px 0px;
	}	
	
/* Einfügen des Logos */		
#header
	{
	width:90%;
	height:113px;
	background-image:url(../rahmen/FCG-Schongau_Logo_w01.gif);
	background-repeat:no-repeat;
	margin:auto;
	text-align:center;
	}

/* Füllblocks im oberen Bereich, unterhalb vom addheader */		
#addblockoben
   	{color:#FFFFFF;
   	margin: 0 auto;
	width:1011px;
	height: 85px;
	clear: both;
	background: url(../rahmen/FCG-Schongau_blockoben.gif);
	background-repeat:repeat-y;
	text-align:center;
	font-size:9px;
	padding:6px 0px 24px 0px;
	}
	
#blockoben
   	{color:#FFFFFF;
   	margin: 0 auto;
	width:1011px;
	clear: both;
	background: url(../rahmen/FCG-Schongau_blockoben_01.gif);
	background-repeat:repeat-y;
	height: 60px;
	text-align:center;
	font-size:9px;
	padding:6px 0px 24px 0px;
	}		

/* Position des Menüs */	

div#menu1 {
   	margin-left:320px;
	clear: both;
	height: 60px;
	padding:6px 0px 24px 0px;
	}		

div#menu {
    	position:absolute;
    	margin-top:10px; 
    	margin-left:320px; 
    	margin-bottom:100px; 
    	margin-right:30px;
    	}

/* Kasten in dem geschrieben wird mit Rahmen */
#container
	{
	width:1011px;
	background-image:url(../rahmen/FCG-Schongau_block.gif);
	background-repeat:repeat-y;
	margin:auto;
	}

/* Umrandung im unteren Bereich */	
#addfooter
   	{color:#FFFFFF;
   	margin: 0 auto;
	width: 1011px;
	clear: both;
	background: url(../rahmen/FCG-Schongau_footer.gif) no-repeat bottom;
	height: 58px;
	text-align:center;
	font-size:9px;
	padding:6px 0px 10px 0px;
	}	

#addfooter a 
	{
	text-decoration:underline;
	color:#FFFFFF;
	}
	
#addfooter a:hover
	{
	text-decoration:none;
	color:#FFFFFF;
	}
	
.float-right 
	{
	float:right; 
	padding:0px 4px 2px 10px 
	}
	
.padding 
	{
	padding:2px;
	}


 /* Anzeige in der Leisete im unteren Bereich */
.footer {
	white-space:nowrap;
	font-size:8pt;
	color: #CCCCCC;
	text-decoration : none;
}   
    
/* Schriftformen und Farben*/    
.ds1 	{ 
	font-weight: normal; 
	}

.ds2 	{ 
	color: #fff; 
	}

.ds3 	{ 
	font-weight: bold;
	}

.ds4 	{ 
	color: #CCCCCC;
	text-align: right;
	font-size: 9px; 
	}

.ds5 	{ 
	color: #000000;
	font-size: 15px; 
	font-weight: bold;
	}

.ds6 	{
	font-size:9pt;
	color: #800000;
	text-decoration : none;
	}
	
.ds7 	{
	color: #666666
	}
	
.ds8 	{
	color: #000000
	}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ 
Bilder werden eingeblendet
beispiel html:
<a class="thumbnail" href="#thumb"><img src="media/tree_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/tree.jpg" /><br />Simply beautiful.</span></a>
oder text blendet Bild ein
<a class="thumbnail" href="#thumb">Dynamic Drive<span><img src="media/dynamicdrive.gif" /><br />Dynamic Drive</span></a>

*/


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

a.no1:link	{
		color:#800000; 
		text-decoration:none;
		}
		
a.no1:visited	{
		color:#800000; 
		text-decoration:none;
		}
		
a.no1:active	{
		color:#800000; 
		text-decoration:none;
		}
		
a.no1:hover	{
		color:#800000; 
		text-decoration:none;
		}