/* Standard_CSS für rinkarchitekten.de */


	body
	{
		margin: 0;
		padding: 0;
		font: 11px Verdana, Arial, Helvetica, sans-serif; 
		letter-spacing:0.1em;
		color: #333;
		background-color: #CCC;
		
	}

	a:link { text-decoration:none; }
	a:visited { color: #600; text-decoration:none; } 


/* ----------------- Kopfbereich mit Logo und Navigation ------------- */
	
	#header
	{
		width: 100%;
		height: 240px;
		background-color: #F0EBD4;
		border-bottom: 1px solid #999;
	}

	#logo
	{
	width: 590px;
	height: 172px;
	text-indent: -900%;
	background: url(images/rink_logo.gif) no-repeat;
	position: absolute;
	top:50px;
	right:50px;
	visibility: hidden;
	}

	#logo	a
	{
		display: block;
		width: 190px;
		height: 172px;
	}



/* ------------ Navigation ---- */


	#navi {
	list-style: none;
	padding-left:0px;
	padding-top:100px;
	width: 600px;
	height: 10px;
	position: absolute;
	visibility: hidden;
	} 

	#navi ul li {		
		list-style: none;

	} 

	#navi span {
	display:none;
	position: absolute;
	}

	#navi a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	visibility: visible;
	}

	#navi a:hover { 
	background-position: left bottom;	
	}

	#navi a:hover span { 
	display: block;
	}

	#navi .architektur {
  	width: 144px;
  	height: 10px;
  	background: url(images/architektur.gif) no-repeat;
  	left: 20px;
  	top: 200px;
	}

	#navi .architektur span {
  	width: 144px;
  	height: 10px;
 	background: url(images/architektur-over.gif) no-repeat;

	}

	#navi .projekte {
  	width: 144px;
  	height: 10px;
  	background: url(images/projekte.gif) no-repeat;
  	left: 900px;
  	top: 200px;
	}

	#navi .projekte span {
  	width: 144px;
  	height: 10px;
 	background: url(images/projekte-over.gif) no-repeat;

	}

	#navi .kontakt {
  	width: 144px;
  	height: 10px;
  	background: url(images/kontakt.gif) no-repeat;
  	left: 470px;
  	top: 200px;
	}

	#navi .kontakt span {
  	width: 144px;
  	height: 10px;
 	background: url(images/kontakt-over.gif) no-repeat;

	}


#navi .current    /* Klasse um aktuelle Seite zu highlighten */
 	{ 
	background-position: left bottom;
	}


/* ------- Ende Navigation ------ */

/* ------------------- Ende Kopfbereich -------------------- */



/* ------------ Inhaltsbereich ------------------------------------------------------------------ */



	
	#content
	{

		margin-left: 20px;
		min-height: 300px;
		padding-top: 30px;
	}

	#titelillu
	{
	width: 100%;
	height: 331px;
	background: url(images/titel.gif) no-repeat;
	background-position: right bottom;
	position: absolute; bottom:0px; right:0px;
	}


/* ------------ Styling für Inhaltselemente -------------- */

	
	#content p { line-height: 1.3em;  }
	#content h1 { font-size: 12px; 
		font-weight: bold; letter-spacing: 0.3em;  } 

	#content h2 { font-size: 12px; color: #FF6600; line-height: 18px;
		font-weight: bold; margin-top: 18px; margin-bottom: 10px;} 

	#content h3 { font-size: 12px; line-height: 1.1em;
		font-weight: bold; } 

	#content a {  
		color: #666600; text-decoration:none; padding: 0; margin: 0;
	}

	#content a:hover { text-decoration:underline; }

	#content ul {
			margin: 0px; padding-left:15px;
			line-height: 1.3em; 
			list-style-image:url(images/punkt.gif);
			}
	
	#content li {margin: 0px; padding: 0px; list-style-type: none;}

	#content .highlight { 
			font-weight: bold;
			color: #FF6600; }

	#content .legende { font-size: 10px; line-height: 12px;  }
	
	.leftFloat   /* Klasse um Bilder mit Text zu umfliessen */
	{
	float: left;
	margin: 5px 15px 5px 0px;
	}


	.rightFloat 
	{
	float: right;
	margin: 0px 50px 0px 0px;
	}

	#pictureblock
	{
	float: right;
	width:692px;
	margin: 30px 20px 0px 20px;
	}

	#pictureblock .bild
	{
	margin: 0px 5px 5px 0px;
	}

		

/* -------------- Ende Inhaltsbereich --------------- */


	#footer

	{
		clear: both;

	}