
/* Allgemeine Angaben ********************************************************* */

html, body	{
		width:100%;
		height:100%;
		margin:0px;
		color:#333;
		font: normal 10pt Verdana;
		background:url(images/background.jpg) repeat-x fixed #eee;
		}

img		{
		border:0px;
		margin:0px;
		padding:0px;
		}

a		{
		text-decoration:none;
		color:#c93;
		}

a:hover		{
		text-decoration:underline;
		color:#666;
		}
		
#alles	{
		width:800px;
		min-height:100%;
		margin:auto;
		background-color:#fff;
		border-left:1px solid #bbb;
		border-right:1px solid #bbb;
		}

/* Kopf ************************************************************************ */

#kopf	{
		width:800px;
		line-height:0px;
		}

#logo	{
		padding:40px 10px 10px 10px;
		text-align:right;
		line-height:100%;
		font-size:30px;
		}

#logo a:hover	{
		text-decoration:none;
		color:#c93;
		}

/* Navigationssystem *********************************************************** */

#navilinks	{
		height:40px;
		line-height:100%;
		border-top:1px solid #bbb;
		border-bottom:1px solid #bbb;
		}

.link		{
		height:20px;
		padding:10px;
		border-right:1px solid #bbb;
		float:left;
		}

.link2		{
		height:20px;
		padding:10px;
		border-right:1px solid #bbb;
		float:left;
		background:url('images/navibg2.jpg') repeat-x #c93;
		}

.link2 a, .link2 a:hover	{
		color:#fff;
		text-decoration:none;
		}



#taetigkeiten	{
		position:absolute;
		top:320px;
		left:50%;
		width:630px;
		margin-left:-400px;
		padding-left:170px;
		height:20px;
		background-color:#bbb;
		font:bold 15px Times, serif;
		color:#fff;
		display:none;
		}

#taetigkeiten .link	{
		float:left;
		padding:0 10px 0 10px;
		border-left:1px solid #fff;
		border-right:0px;
		white-space:nowrap;
		}

#taetigkeiten .link2	{
		float:left;
		padding:0 10px 0 10px;
		border-left:1px solid #fff;
		border-right:0px;
		white-space:nowrap;
		background-color:#fff;
		background-image:url('');
		}

#taetigkeiten .link2 a, #taetigkeiten .link2 a:hover	{
		color:#666;
		background-color:#fff;
		text-decoration:none;
		}

#taetigkeiten a	{
		color:#fff;
		}


/* Titel ************************************************************************ */

#titel		{
		clear:both;
		float:right;
		margin:0;
		font:100px Times,serif;
		color:#bbb;
		}

/* Inhalte ******************************************************************* */

#inhalte	{
		clear:both;
		width:600px;		
		padding:0px 100px 0 100px;
		}

#inhalt		{
		background-color:#fff;
		}

.hidden		{
		display:none; /* nicht zum Editor übertragen die Klasse ist nur für Anmerkungen gedacht */
		}

.galleriebild	{
		border:5px solid #fff;
		margin:5px;
		vertical-align:middle;
		}

.gallerie	{
		padding:5px;
		background-color:#fdfdbb;
		text-align:center;
		border-left:1px solid #c93;		
		}

/* Klassen auch abzulegen in der Datei fckeditor/editor/CSS/fck_editorarea.css */

p, ul, li	{
		margin-top: 0px;
		margin-bottom: 0px;
		}

h1		{
		margin:20px 10px 20px 20px;
		color:#900;
		text-align:left;
		font:bold 14pt Verdana;
		border-bottom:1px solid #c93;
		}

h2		{
		margin:20px 10px 0px 0px;
		text-align:left;
		font:bold 10pt Verdana;
		border-bottom:1px solid #c93;		
		}

.zitat		{
		padding:10px 20px;
		margin:0;
		width:560px;
		font: italic 12pt Times,serif;
		color:#900;
		background-color:#fdfdbb;
		border-left:1px solid #c93;
		}


/* Fuß *********************************************************************** */

#tothetop	{
		margin-bottom:20px;
		width:100%;
		text-align:right;
		border-bottom:1px solid #bbb;
		}

#fuss		{
		width:100%;
		padding-top:20px;
		background-color:#fff;
		text-align:center;
		font-size:small;
		}

#login		{
		float:right;
		}

#loginform	{
		float:right;
		display:none;
		}

#login:hover #loginform	{
		display:block;
		}

#login input	{
		height:20px;
		width:20px;
		vertical-align:top;
		color:#666;
		background-color:#bbb;
		border:1px solid #bbb;
		}

#login #pass	{
		height:16px;
		width:50px;
		background-color:#fff;
		color:#666;
		}

#login #button	{
		width:20px;
		height:20px;
		background-color:#666;
		float:right;
		}

/* Bearbeitungsformular ******************************************************** */

#formular	{
		background-color:#fff;
		}

