* { margin: 0; padding: 0;}

html
	{
		margin-bottom: 1px;
		height: 100%;
	}

body
	{
		margin: 0;
		padding: 0;
		font: 100% arial, hevetica, sans-serif;
		text-align: center;
		color: #003399;
		background-color: #ffffcc;
	}
		
	
#container
	{
		margin: 1em auto;
		width: 900px;
		text-align: center;
		background-color: #ffffcc;
	}
	

#banner-kunstgalerie
	{
		height: 157px;
		background: url('../banner-kunstgalerie-24.jpg') no-repeat left top;
	}	


/*=======================================================
					Navigation
========================================================*/

#haupt-navigation
	{
		background-color: #550000;
		color: #ffffff;
		padding: 2px 0;
		font: 90% arial;
		text-align: left;
	}		
	
#haupt-navigation ul
	{
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type: none;
	}	
		
#haupt-navigation li
	{
		display: inline;
		padding: 0 10px;
	}
	
#haupt-navigation li a
	{
		font-size: 14px;
		text-decoration: none;
	}
	
#haupt-navigation li a:link, 
#haupt-navigation li a:visited
	{
		color: #7f7f7f;
	}
	
#haupt-navigation li a:focus,
#haupt-navigation li a:hover,
#haupt-navigation li a:active
	{
		color: #ffffcc;
		background-color: #660000;
	}


/*==========================================================
					Linke Seite
============================================================*/

#menu
	{
		float: left;
		width: 145px;
		background-color: #b2b299;
		font: 90% arial;
		padding: 20px 0 35px;
		text-align: left;
	}

#menu a
	{
		padding-left: 11px;
		font-size: 14px;
		text-decoration: none;
	}	

#menu a:link,
#menu a:visited
	{
		color: #1144ff;
	}


#menu a:focus,
#menu a:hover,
#menu a:active
	{
		color: #000022;
		background-color: #beb299;
	}


.menu-unterpunkt-schwarz 
	{
		color: #000000;
		padding-left: 11px;
		font-size: 14px;
	}

.menuleiste
	{
		border-bottom: 1px solid #ffffcc;
		width: 130px;
		height: 20px;
		margin: 15px 0 7px 5px;
	}	

.menuleiste h2
	{
		font-size: 16px;
		font-family: arial;
		color: #003399;
	}


/*==========================================================
					Contentbereich
===========================================================*/

#contentbereich
	{
		margin: 20px 145px 0 150px;
		text-align: center;
		padding: 35px 0 0;
		background-color: #ffffcc;
	}

* html #contentbereich {margin: 20px auto 0 auto;}

	
#text
	{
		width: 550px;
		height: auto;
		text-align: justify;
		margin: 15px auto 15px auto;
		font-family: helvetica, verdena, arial, sans-serif;
		font-size: 13px;
		background-color: #ffffcc;
	}

h1 
	{
		font-size: 17px;
		color: #000066;
		font-family: helvetica, arial, sans-serif;
		margin: 0 0 10px 0;
		text-align: center;
	}


span#interner-link a
	{
		font: 13px arial, sans-serif;
		text-decoration: none;
	}
	
span#interner-link a:link,
span#interner-link a:visited
	{
		text-decoration: none;
		color: #1144ff;
		border-bottom: 1px dotted #1144ff;
	}
	
span#interner-link a:focus,
span#interner-link a:hover,
span#interner-link a:active
	{

		color: #000066;
		border-bottom: 1px dotted #000066;
		text-decoration: none;
	}



span#externer-link a
	{
		font: 13px arial, sans-serif;
		text-decoration: none;
	}
	
	
span#externer-link a:link,
span#externer-link a:visited
	{
		color: #000088;
		text-decoration: underline;
	}

span#externer-link a:focus,
span#externer-link a:hover,
span#externer-link a:active
	{
		color: #3333ff;
		text-decoration: underline;
	}


/*=======================================================
				Rechte Seite
========================================================*/

#rechter-kasten
	{
		float: right;
		width: 140px;
		background-color: #550000;
		font: 90% arial;
		padding: 20px 0 35px;
		text-align: center;
	}
	
/*========================================================
					Galerie-Teil
=========================================================*/
	
.fotobereich
	{
		width: 605px;
		height: 175px;
		margin: 10px auto 2px auto;
		text-align: center;
	}

.einzelfoto
	{
		width: 120px;
		height: 90px;
		margin: 8px 20px 8px 0;
		float: left;
		text-align: center;
		display: inline;
	}

.einzelfoto-links
	{
		width: 120px;
		height: 90px;
		margin: 8px 20px 8px 28px;
		float: left;
		text-align: center;
		display: inline;
	}

.rahmen
	{
		padding: 1px;
		border: 1px solid #b2b299;
	}


.fotolink
	{
		width: 120px;
		margin-top: 11px;
		text-align: center;
	}

.fotolink-hochformat
	{
		width: 120px;
		margin-top: 1px;
		text-align: center;
	}


.fotolink a:link, a:visited
	{
		font: 13px arial, hevetica, sans-serif;
		color: #000000;
		text-decoration: underline;
		background-color: transparent;
	}

.fotolink a:focus, .fotolink a:hover, a.fotolink a:active
	{
		font: 13px arial, hevetica, sans-serif;
		color: #4422ff;
		text-decoration: underline;
		background-color: transparent;
	}



.fotolink-hochformat a:link, .fotolink-hochformat a:visited
	{
		font: 13px arial, hevetica, sans-serif;
		color: #000000;
		text-decoration: underline;
		background-color: transparent;
	}
	
.fotolink-hochformat a:focus, .fotolink-hochformat a:hover, .fotolink-hochformat a:active
	{
		font: 13px arial, hevetica, sans-serif;
		color: #4422ff;
		text-decoration: underline;
		background-color: transparent;
	}


/*======================================================
				Webempfehlungen
========================================================*/

#webempfehlungen
	{
		width: 140px;
		height: 100px;
		text-align: center;
		font-size: 13px;
		color: #B2B298;
	}	

#webempfehlungen p
	{
		font-style: italic;
	}


#webempfehlungen a:link,
#webempfehlungen a:visited
	{
		font: 10px arial, hevetica, sans-serif;
		color: #B2B299;
		text-decoration: none;
	}
	

#webempfehlungen a:focus,
#webempfehlungen a:hover,
#webempfehlungen a:active
	{
		font: 10px arial, hevetica, sans-serif;
		color: #B2B299;
		text-decoration: underline;
	}


/*=======================================================
				Adsense
=========================================================*/

#google-oben
	{
		width: 470px;
		height: 61px;
		margin: 0 auto 40px auto;
	}	

#google-unten
	{
		width: 470px;
		height: 61px;
		margin: 20px auto 35px auto;
	}	

#google-menu
	{
		width: 130px;
		height: 260px;
		text-align: center;
		margin: 45px auto 10px auto;
	}


/*============================================
				Footer
==============================================*/

#verweise-unten	
	{
		clear: both;
		height: 20px;
		color: #333311;
		background-color:#ffffcc;
		font-size: 10px;
		text-align: left;
	}

#verweise-unten a:link,
#verweise-unten a:visited
	{
		color: #333355;
		text-decoration: none;
		font: 10px arial, hevetica, sans-serif;
	}	


#verweise-unten a:focus,
#verweise-unten a:hover,
#verweise-unten a:active
	{
		color: #555555;
		text-decoration: underline;
		font: 10px arial, hevetica, sans-serif;
	}