/* Screen-CSS Steinkunst Gillmann */
/* <![CDATA[ */

body {
		margin: 0;
		padding: 0;
		color: #000;
		}
		
/*Navigation*/
		
#nav {
		margin: 0;
		padding: 0;
		height: 22px;
		list-style: none;
		display: inline;
		overflow: hidden;
		width: 100px;
		}
		
#nav li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
		width: 100px;
		height: 22px;
		float: left;
		}
		
#navhome a {
		margin: 117px 0 0 20px;
		display: block;
		float: left;
		padding: 22px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/home.gif) 0px 0px no-repeat;
		width: 100px;
		}
		
#navhome_a a {
		margin: 117px 0 0 20px;
		display: block;
		float: left;
		padding: 22px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/home.gif) 0px -44px no-repeat;
		width: 100px;
		}
		
#navhome a:hover {
		background-position: 0px -22px;
		}

#navhome a:active {
		background-position: 0px -44px;
		}

#navperson a {
		margin: 117px 0 0 21px;
		display: block;
		float: left;
		padding: 22px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/person.gif) 0px 0px no-repeat;
		width: 100px;
		}
		
#navperson_a a {
		margin: 117px 0 0 21px;
		display: block;
		float: left;
		padding: 22px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/person.gif) 0px -44px no-repeat;
		width: 100px;
		}
		
#navperson a:hover {
		background-position: 0px -22px;
		}

#navperson a:active {
		background-position: 0px -44px;
		}

#navprojekte a {
		margin: 117px 0 0 22px;
		display: block;
		float: left;
		padding: 22px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/projekte.gif) 0px 0px no-repeat;
		width: 100px;
		}
		
#navprojekte_a a {
		margin: 117px 0 0 22px;
		display: block;
		float: left;
		padding: 22px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/projekte.gif) 0px -44px no-repeat;
		width: 100px;
		}
		
#navprojekte a:hover {
		background-position: 0px -22px;
		}

#navprojekte a:active {
		background-position: 0px -44px;
		}

#navkontakt a {
		margin: 117px 0 0 23px;
		display: block;
		float: left;
		padding: 22px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/kontakt.gif) 0px 0px no-repeat;
		width: 100px;
		}
		
#navkontakt_a a {
		margin: 117px 0 0 23px;
		display: block;
		float: left;
		padding: 22px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/kontakt.gif) 0px -44px no-repeat;
		width: 100px;
		}
		
#navkontakt a:hover {
		background-position: 0px -22px;
		}

#navkontakt a:active {
		background-position: 0px -44px;
		}
		
* html #navhome a {
		/* \*/
		margin: 117px 1px 0 10px; /*IE6 Browser Hack*/
		width: 99px;
		}
		
* html #navhome_a a {
		/* \*/
		margin: 117px 1px 0 10px; /*IE6 Browser Hack*/
		width: 99px;
		}
		
* html #navperson a {
		/* \*/
		margin: 117px 1px 0 0; /*IE6 Browser Hack*/
		width: 99px;
		}
		
* html #navperson_a a {
		/* \*/
		margin: 117px 1px 0 0; /*IE6 Browser Hack*/
		width: 99px;
		}

* html #navprojekte a {
		/* \*/
		margin: 117px 1px 0 0; /*IE6 Browser Hack*/
		width: 99px;
		}
		
* html #navprojekte_a a {
		/* \*/
		margin: 117px 1px 0 0; /*IE6 Browser Hack*/
		width: 99px;
		}
		
* html #navkontakt a {
		/* \*/
		margin: 117px 0 0 0; /*IE6 Browser Hack*/
		width: 99px;
		}
		
* html #navkontakt_a a {
		/* \*/
		margin: 117px 0 0 0; /*IE6 Browser Hack*/
		width: 99px;
		}
		
/*Navigation Ende*/
		
/*Seitengeruest*/

#pageContainer {
		border: 0px none;
		margin: 0;
		background: url(../img/layout/bg.jpg) left top no-repeat;
		}
		
#header {
		margin: 0;
		padding: 0;
		background: url(../img/layout/header.jpg) left top no-repeat;
		height: 140px;
		}
		
#outerContainer {
		border-right: 320px solid transparent;
		border-left: 20px solid transparent;		
		width: 440px;
		filter: Alpha(opacity=0);
		}
		
#innerContainer {
		border: 0px none;
		margin: 0 -1px;
		width: 440px;
		z-index: 1;
		}
		
#left, #middle, #right, #SOWrap {
		overflow: visible;
		position: relative;
		}
		
#SOWrap {
		float: left;
		margin: 0 -1px 0 0;
		width: 100%;
		z-index: 3;
		}
		
#middle {
		float: right;
		margin: 0 0 0 -1px;
		width: 440px;
		z-index: 5;
		background-color: transparent;
		}
		
#left {
		float: left;
		margin: 0 0 0 -20px;
		width: 20px;
		z-index: 4;
		}
		
#right {
		float: right;
		width: 300px;
		margin: 0 -300px 0 0;
		z-index: 2;
		}
		
* html #right {
		/* \*/
		margin: 0 -320px 0 0; /*IE6 Browser Hack*/
		}
		
#footer {
		margin: 40px 0 0 0;
		padding: 10px 0 0 0;
		width: 780px;
		height: 20px;
		border-top: solid 1px #5AA0B4;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: center;
		}
		
#footer a {
		text-decoration: none;
		color: #999;
		}
		
.cleaner {
		clear: both;
		height: 1px;
		font-size: 1px;
		border: 0px none;
		margin: 0;
		padding: 0;
		background: transparent;
		}
		
/*Seitengeruest Ende*/
		
/* Container für Termine, Projekte, Bilder, Artikel, etc.*/

.con1 {
		border: solid 1px #5AA0B4;
		margin: 20px 0 0 0;
		padding: 0;
		width: 300px;
		height: auto;
		float: right;
		background: #FFF url(../img/layout/bg_large.gif) top left repeat-x;
		}
		
.con2 {
		border: solid 1px #5AA0B4;
		border-bottom: 0px none;
		margin: 20px 0 0 0;
		padding: 0;
		width: 300px;
		height: auto;
		float: right;		
		}

.con3 {
		margin: 20px 0 0 0;
		padding: 0px;
		width: 310px;
		height: auto;
		float: left;		
		}
		
#imageContainer {
		position: relative;
		margin: 0 0 20px 0;
		width: 400px;
		border: 0px none;
		}
		
iframe.vorschau {
		width: 400px;
		height: 500px;
		margin: 20px 0 0 0;
		padding: 0;
		border: 0px none;
		}
		
#galeriecontainer {
		margin: 40px 0 0 20px;
		padding: 20px 0 0 0;
		width: 740px;
		border-top: 1px solid #5AA0B4;
		}
		
/* Container für Termine, Projekte, Bilder, Artikel, etc. Ende*/

/*Allgemeine Formatierungen*/
		
h1 {
		margin:0 0 5px 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #326473;
		}		
		
h2 {
		margin: 0;
		padding: 1px 0 0 10px;
		background: url(../img/layout/title.gif) left top no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFF;
		width: 300px;
		height: 20px;
		}
		
* html h2 {
		/* \*/
		width: 290px; /*IE6 Browser Hack*/
		}
		
h3 {
		margin: 0;
		padding: 3px 3px 3px 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		}
		
br {
		clear: left;
		}
		
.termine {
		padding: 10px 3px 10px 10px;
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: 500;
		}
		
.projekte {
		padding: 1px;
		margin: 0;
		border-bottom: 1px solid #5AA0B4;
		height: 85px;
		background: #FFF url(../img/layout/bg_large.gif) top left repeat-x;
		}
		
.projekte a {
		display: block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000;
		text-decoration: none;
		padding-top: 8px;
		}
	
.projekte a:hover {
		text-decoration: underline;
		}
		
.projekte img {
		margin-right: 8px;
		border: 0px none;
		float: left;
		}
		
strong {
		color: #326473;
		}
		
/* Galerie Hover*/

#galerie {
		margin: 0;
		padding: 0;
		height: 65px;
		list-style: none;
		display: inline;
		overflow: hidden;
		width: 65px;
		}
		
#galerie li {
		margin: 0 17px 0 0;
		padding: 0;
		list-style: none;
		display: inline;
		width: 65px;
		height: 65px;
		float: left;
		}
		
/*Augenstern*/

#galerie_augenstern a {
		margin: 0;
		display: block;
		padding: 65px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/augenstern.jpg) 0px 0px no-repeat;
		width: 65px;
		}
		
#galerie_augenstern a:hover {
		background-position: 0px -65px;
		}
		
/*Augenstern Ende*/


/*Sternentanz*/
#galerie_sternentanz a {margin:0; display:block; padding:65px 0 0 0; overflow: hidden; height: 0px !important; background:url(../img/layout/sternentanz.jpg) 0px 0px no-repeat; width:65px;}
		
#galerie_sternentanz a:hover {background-position: 0px -65px;}
/*Sternentanz Ende*/



/*Steinflammen*/

#galerie_steinflammen a {
		margin: 0;
		display: block;
		padding: 65px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/steinflammen.jpg) 0px 0px no-repeat;
		width: 65px;
		}
		
#galerie_steinflammen a:hover {
		background-position: 0px -65px;
		}
		
/*Steinflammen Ende*/

/*Blackstar*/

#galerie_blackstar a {
		margin: 0;
		display: block;
		padding: 65px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/blackstar.jpg) 0px 0px no-repeat;
		width: 65px;
		}
		
#galerie_blackstar a:hover {
		background-position: 0px -65px;
		}
		
/*Blackstar Ende*/

/*Mondsonne*/

#galerie_mondsonne a {
		margin: 0;
		display: block;
		padding: 65px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/mondsonne.jpg) 0px 0px no-repeat;
		width: 65px;
		}
		
#galerie_mondsonne a:hover {
		background-position: 0px -65px;
		}
		
/*Mondsonne Ende*/

/*Sonnennebel*/

#galerie_sonnennebel a {
		margin: 0;
		display: block;
		padding: 65px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/sonnennebel.jpg) 0px 0px no-repeat;
		width: 65px;
		}
		
#galerie_sonnennebel a:hover {
		background-position: 0px -65px;
		}
		
/*Sonnennebel Ende*/

/*Spiralnebel*/

#galerie_spiralnebel a {
		margin: 0;
		display: block;
		padding: 65px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/spiralnebel.jpg) 0px 0px no-repeat;
		width: 65px;
		}
		
#galerie_spiralnebel a:hover {
		background-position: 0px -65px;
		}
		
/*Spiralnebel Ende*/

/*Augenweg*/

#galerie_augenweg a {
		margin: 0;
		display: block;
		padding: 65px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/augenweg.jpg) 0px 0px no-repeat;
		width: 65px;
		}
		
#galerie_augenweg a:hover {
		background-position: 0px -65px;
		}
		
/*Augenweg Ende*/

/*Steinzirkel*/

#galerie_steinzirkel a {
		margin: 0;
		display: block;
		padding: 65px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/steinzirkel.jpg) 0px 0px no-repeat;
		width: 65px;
		}
		
#galerie_steinzirkel a:hover {
		background-position: 0px -65px;
		}
		
/*Steinzirkel Ende*/

/*Tribal*/

#galerie_tribal a {
		margin: 0;
		display: block;
		padding: 65px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		background: url(../img/layout/tribal.jpg) 0px 0px no-repeat;
		width: 65px;
		}
		
#galerie_tribal a:hover {
		background-position: 0px -65px;
		}
		
/*Tribal Ende*/

/*Galerie Hover Ende*/
		
.links {
		padding: 10px 3px 10px 10px;	
		margin: 0;
		}
		
.links a {
		padding-top: 3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #326473;
		text-decoration: none;
		}
		
.links a:hover {
		text-decoration: underline;
		color: #000;
		}
		
br.link {
		display: block;
		clear: left;
		margin-bottom: 3px;
		}
		
.texte {
		border: 0px none;
		margin: 20px 0 0 0;
		padding: 0;
		width: 400px;
		}
		
.artikel {
		border: 0px none;
		margin: 0;
		padding: 0 0 20px 0; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align: left;
		}
		
.artikel img {
		float: left;
		padding-right: 7px;
		margin-bottom: 15px;
		}
		
.zitate {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 0;
		padding: 10px 3px 10px 10px;
		}

.objekte {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 4px 0 0 0;
		padding: 0;
		width: 155px;
		height: auto;
		float: left;		
		}
		
.interessen {
		padding: 1px;
		margin: 0;
		border-bottom: 1px solid #5AA0B4;
		height: 85px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		background: #FFF url(../img/layout/bg_large.gif) top left repeat-x;
		}
		
.interessen span {
		display: block;
		padding-top: 8px;	
		}
			
.interessen img {
		margin-right: 8px;
		float: left;
		}
		
img.winni {
		margin-bottom: 20px;
		}
		
.impressum_text {
		padding: 10px 3px 10px 10px;
		margin: 0;
		border-bottom: 1px solid #5AA0B4;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: 500;
		background: #FFF url(../img/layout/bg_large.gif) top left repeat-x;	
		}
		
.impressum_us {
		display: block;
		font-weight: bold;
		}
		
.ueberschrift1 {
		display: block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #333333;
		font-weight: bold;
		}
/*Allgemeine Formatierungen Ende*/
		
/* ]]> */	

/*Skript: Nils Bührmann. Kontakt: n.buehrmann@gmx.de*/