body
{
	margin: 0;
	font-family: verdana, sans-serif;
	font-size: 70%;
	color: #000;
	background-color: #fff;
	padding: 0;
}

/*Steuert die Seitenbreite, haelt alles zusammen*/
div#container
{
	margin: 0 24px;
	width: 760px;
	padding: 0;
}

div#kopf
{
	margin: 24px 0 62px 0;
	padding: 0;
}

/*Das ist der Link Impressum*/
#kopf a:link, #kopf a:visited
{
	padding-top: 21px;
	float: right;
	display: block;
	/*Die Position zum rechten Text-/Bildrand*/
	width: 109px;
	/*Die Schriftgroesse, am besten in ganzen (.9em) oder halben(.85em) Schritten anpassen*/
	font-size: .8em;
	text-align: left;
	text-transform: uppercase;
	background-color: #fff;
	color: #999;
	text-decoration: none;
}

div#inhalt
{
	margin: 0;
	padding: 0;
}

div#navigation
{
	margin: 0;
	float: left;
	width: 200px;
	text-transform: uppercase;
	/*Sperrung*/
	letter-spacing: .15em;
	font-size: .9em;
	padding: 0;
}

#navigation ul
{
	margin: 0;
	list-style-type: none;
	background-image: url(../bilder/linie.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0;
}

#navigation li
{
	margin: 0;
	background-image: url(../bilder/linie.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 6px 0;
}

#navigation li a:link, #navigation li a:visited
{
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

#navigation li a:hover
{
	background-color: #fff;
	color: #666;
}

/*Die Subnavigation*/
#navigation li ul
{
	margin-top: 6px;
	padding-top: 6px;
	padding-bottom: 14px;
	/*Hier wird die Hoehe iom Verhaeltnis zum Bild eingestellt!*/
	min-height: 175px;
}

#navigation li ul li
{
	background-image: none;
	/*Der Abstand der einzelnen Links in der Subnav.*/
	padding: 0 0 6px 0;
}

div#text
{
	margin: 0;
	margin-left: 240px;
	/*
		Die Textbreite orientiert an der Bildbreite
		Bei Aenderungen muss das Impressum angepasst werden
		*/
	width: 411px;
	padding: 0;
}

#text h1
{
	/*Das ist die Ueberschrift fuer die Referenzen*/
	margin-top: 60px;
	font-weight: normal;
	font-size: 1em;
	clear: both;
	text-transform: uppercase;
	letter-spacing: .15em;
}

/*Kann zu begin einer Textseite verwendet werden*/
#text h1.textAnfang
{
	margin-top: 0;
	padding-top: 5px;
	clear: none;
}

#text p
{
	padding-top: 5px;
	line-height: 1.4em;
}

#text a img { border: none; }

#text a:link, #text a:visited, #text a:hover
{
	color: #1a95ff;
	background-color: #fff;
	text-decoration: none;
}

/*Liste zum Ansteuern der einzelnen Referenzbilder*/
ul#bildlist
{
	margin: 29px 0 0 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
}

ul#bildlist li
{
	margin: 0;
	float: left;
	padding: 0;
}

ul#bildlist li a:link, ul#bildlist li a:visited
{
	margin: 0;
	line-height: .7em;
	width: 10px;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	display: block;
	border-left: 1px solid black;
	/*Hier kann der Absatnd zwischen den Listenpunkten bestimmt werden*/
	padding: 0 .9em 0 .9em;
}

ul#bildlist li a:hover
{
	background-color: #fff;
	color: #666;
}

ul#bildlist li#erster a:link, ul#bildlist li#erster a:visited
{
	border-left: none;
	/*Hier kann der Absatnd zwischen den Listenpunkten bestimmt werden*/
	padding: 0 .9em 0 0;
}

/*Falls es mal eine Fusszeile geben soll : -) */
div#fuss
{
	margin: 0;
	margin-left: 240px;
	background-color: #fff;
	color: #c03;
	padding: 0;
}

/*GB 07*/