body {
	background:#ccffcc;
}

#container {
	width:800px;
	margin:0px auto;
	padding:0px;
}

#navigation ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#navigation li{
	width:128px;
	height:128px;
	border:4px solid black;
	padding:0px;
	margin-right:-4px;
	display:block;
	float:left;
}

#navigation a{
	width:128px;
	height:128px;
	display:block;
	font-size:0;
}

#navigation a.home	{ background: transparent URL('images/home.png') scroll no-repeat center; }
#navigation a.termine	{ background: transparent URL('images/termine.png') scroll no-repeat center; }
#navigation a.aktuelles	{ background: transparent URL('images/aktuelles.png') scroll no-repeat center; }
#navigation a.katalog	{ background: transparent URL('images/katalog.png') scroll no-repeat center; }
#navigation a.sv		{ background: transparent URL('images/sv.png') scroll no-repeat center; }
#navigation a.about	{ background: transparent URL('images/about.png') scroll no-repeat center; }

#content {
	clear:both;
	padding:10px;
	font-family:Verdana;
}

#content h1 {
	display:block;
	color:white;
	padding:2px 2px 2px 10px;
	font-weight:normal;
}

#content .home 		{ background:#000; clear:both; }
#content .termine 	{ background:#FC0; clear:both; }
#content .aktuelles	{ background:#F6C; clear:both; }
#content .katalog	{ background:#F00; clear:both; }
#content .sv		{ background:#090; clear:both; }
#content .about 		{ background:#009; clear:both; }

#content h2 {
	color:red;
	font-size:16pt;
}

#content a{
	color:gray;
	cursor:pointer;
	text-decoration:none;
}

#content .image {
	border:1px solid black;
	padding:2px;
	margin:3px;
	background-color:white;
}

#content strong {
	color: red;
}

#sidebar {
	float:right;
	width:230px;
}


label {
	width:150px;
	float:left;
	display:block;
}

fieldset label{
	width:250px;
}

textarea.mceEditor {
	margin:0px;
	width:100%;
}

input[type=text], select , textarea{
	width:400px;
	display:block;
	margin-left:150px;
}

input[type=checkbox] {
	display:block;
	margin-left:150px;
	margin:5px;
}

fieldset input[type=checkbox]{
	margin-left:250px;
}

table input[type=text],table select {
	margin:0px;
}

input[type=reset] , input[type=submit], .fakebutton{
	width:150px;
	border:1px solid black;
	background-color:silver;
	text-align:center;
	color:black !Important;
}

.sv_image {
	display:block;
	float:left;
	max-width:300px;
	max-height:300px;
	padding:2px;
	border:1px solid black;
	background-color:white;
}

.smalllist li {
	font-size:0.8em;
}

.fakebutton {
	display:block;
}

li.infobox>span {
	display:none;
}

li.infobox:hover>span {
	display:block;
	width:300px;
	height:200x;
	border:1px solid black;
	padding:1px;
	background-color:#fcffc4;
	position:absolute;
}

.attention {
	margin:3px;
	border:2px solid #F00;
	background-color:#FF9;
	display:block;
}

table.katalogsuche , div.katalogsuche{ 
	width:772px;
	padding:2px;
	background-color:#E0FEA7; 
	border:2px solid #8BCB10;
}

table.katalogsuche tr.row0{
	background-color:#E9FEC2;
}

table.katalogsuche tr.row1, tbody.highlight>tr:hover{
	background-color:#EFFED4;
}

thead {
	border-bottom:1px solid black;
}

ul.horizontal, ul.vertical{
	list-style: none outside;
	padding:0px 0px 0px 5px;
	margin:0px;
}

ul.horizontal>li{
	float:left;
}	

.container {
	border:2px solid #8BCB10;
	padding:5px;
	margin:0px 5px 5px 5px;
	background-color:#E0FEA7;
}

.tabbed{
	margin:0px 5px 5px 5px;
	clear:left;
}

.tab{
	padding:1px 1px 0px 1px;
	font-size:0.9em;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:-2px;
	display:block;
	text-align:center;
	text-decoration:none;
	float:left;
}

*:first-child+html .tab {
	margin-bottom: -5px;
}

.tab.active {
	padding:1px;
	border:2px solid #8BCB10;
	border-bottom-color:#E0FEA7;
	background-color:#E0FEA7;
}

.tab.inactive {
	padding:1px;
	border:2px dashed #8BCB10;
}

.tab.inactive:hover {
	border:2px solid #8BCB10;
	background-color:#E0FEA7;
	border-bottom-color:#E0FEA7;
}

.container p {
	margin:1px 1px 5px 1px;
} 

#administer ul.inlinelist {
	display:block;
	padding-left:0px;
	padding:3px;
}

#administer .inlinelist li{
	display:inline-block;
	padding:0px;
	margin:0px;
	min-width:230px;
}
/*
#administer .inlinelist li:after {
	content: ",";
	padding-left:0px;
	padding-right:5px;
}*/

#administer .invisible {
	font-style:italic;
	font-size:0.8em;
}

hr {
	color:silver;
	border:1px solid silver;
	clear:both;
}

