BODY {
	FONT-SIZE: smaller;
	COLOR: black;
	FONT-FAMILY: sans-serif;
	BACKGROUND-COLOR: black;
	text-align:left;
}
div.mybody {
	
	top: 30px;
	BACKGROUND-COLOR: blue;
	display: block;
	bottom: 2px;
	left:auto;
	right:auto;
	clear: both;
	position: relative;
}

A {
	COLOR: green;
	TEXT-DECORATION: none
}

.borderlevel0 {
	background-color: yellow;
	clear: both;
	padding: 1px;
}

.borderlevel1 {
	BACKGROUND-COLOR: black;
	clear: both;
	padding: 3px;
}

.borderlevel2 {
	BACKGROUND-COLOR: green;
	clear: both;
	padding: 2px;
}

.borderlevel3 {
	BACKGROUND-COLOR: black;
		clear: both;
	padding: 3px;
	
}

.borderlevel4 {
	BACKGROUND-COLOR: #FFFFCC;
		clear: both;
	padding: 3px;
	
}

.error {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: red
}

.message {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: green
}

.error message fade {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: red
}

.message message fade {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: green
}

DL.system-message {
	DISPLAY: block;
	BACKGROUND-COLOR: yellow
}

.topcenterlogo {
	PADDING-RIGHT: 1px;
	DISPLAY: block;
	PADDING-LEFT: 1px;
	LEFT: 100px;
	FLOAT: right;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	PADDING-TOP: 1px;
	POSITION: absolute;
	TOP: 12px;
	BACKGROUND-COLOR: yellow
}

.mainLeft {
	BORDER-RIGHT: green 1px solid;
	WIDTH: 20%;
	POSITION: absolute;
}

.mainCenter {
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 640px;
	LEFT: 20%;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	WIDTH: 58%;
	PADDING-TOP: 10px;
	POSITION: relative;
	TOP: 0px
}

.mainCenter#cl {
	WIDTH: 78%
}

.mainCenter#cr {
	LEFT: 0px;
	WIDTH: 78%
}

.mainCenter#c {
	LEFT: 0%;
	WIDTH: 100%
}

.mainContainer {
	clear: both;
	position: relative;
}

.footer {
	clear: both;
	BORDER-TOP: green 1px solid;
	BACKGROUND-COLOR: black;
	color: yellow;
	text-align: center;
	
}

DIV.spezmenu {
	height: 50px;
	background-color: black;
}
DIV#spezlogo {
	height: 50px;
	width: 50px;
	display: table-cell;
	text-align: center;
	background-color: black;
	float: left;
}
#spezlogo img {
	height: 40px;
	width: 40px;
padding-top: 4px;

}
DIV.spezmenu>DIV.moduletable_menu {
	background-color: green;
	display: none;
	height: 100%;
	float: left;
	background-color: black;

}

DIV.spezmenu>DIV>H3 {
	DISPLAY: none
}


UL#level1 {
	background-color: yellow;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 50%;
}
UL#level2 {
	background-color: black;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 50%;
}
#level1 LI {
	list-style: none;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	white-space: nowrap;
	float: left;
	
}
#level2 LI {
	list-style: none;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	white-space: nowrap;
	float: left;
}
#level1 li.active a{
font-weight: bold;
}	
#level2 li.active a{
font-weight: bold;
}	
#level1 li.active {
	border-style: dotted;
	border-color: green;
	border-width: 1px;
			}	
#level2 li.active {
	border-style: dotted;
	border-color: yellow;
	border-width: 1px;
			}	
#level2  a {
	color: yellow;
		}	

.componentheading {
	BORDER-TOP: black 1px solid;
	DISPLAY: block;
	FONT-SIZE: large;
	BORDER-BOTTOM: green 1px solid;
	BACKGROUND-COLOR: yellow;
	TEXT-ALIGN: center;
	FLOAT: left;
	WIDTH: 100%
}
div.moduletablegoogle{
padding-top: 15px;
	text-align: center;
}
DIV.moduletable {
	
}

DIV.moduletable H3 {
	BORDER-TOP: black 1px solid;
	MARGIN-TOP: 12px;
	BORDER-BOTTOM: green 1px solid;
	BACKGROUND-COLOR: yellow;
	TEXT-ALIGN: center
}

DIV.moduletable_text H3 {
	BORDER-TOP: black 1px solid;
	MARGIN-TOP: 12px;
	BORDER-BOTTOM: green 1px solid;
	BACKGROUND-COLOR: yellow;
	TEXT-ALIGN: center
}

DIV.moduletable_menu H3 {
	BORDER-TOP: black 1px solid;
	MARGIN-TOP: 12px;
	BORDER-BOTTOM: green 1px solid;
	BACKGROUND-COLOR: yellow;
	TEXT-ALIGN: center
}

DIV.moduletable_text {
	TEXT-ALIGN: center
}

DIV.moduletable_menu {
	TEXT-ALIGN: left
}

DIV.moduletable>UL>LI {
	BORDER-BOTTOM: black 1px solid;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: center
}

DIV.moduletable_menu>UL>LI {
	BORDER-BOTTOM: black 1px solid;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: left
}

DIV.moduletable>UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px
}

DIV.moduletable_menu>UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px
}

.mainRight {
	LEFT: 80%;
	BORDER-LEFT: green 1px solid;
	WIDTH: 18%;
	POSITION: absolute;
	TOP: 0;
}

IMG {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	position: relative;
	max-width: 100%;
}
object, embed {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	position: relative;
	max-width: 100%;
}

TD.contentheading {
	BORDER-TOP: black 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: medium;
	BORDER-BOTTOM: green 1px solid;
	BACKGROUND-COLOR: yellow;
	TEXT-ALIGN: center;
}

TD.buttonheading {
	
}

A[title='Phoca Gallery'] {
	DISPLAY: none
}

DIV#breadcrumbs {
	CLEAR: both;
}

table.blog {
	width: 100%;
}
div#component-contact {
	CLEAR: both;
	FLOAT: left;
	WIDTH: 100%
}

div#phocagallery {
	CLEAR: both;
	FLOAT: left;
	WIDTH: 100%
}

div#phocaguestbook {
	CLEAR: both;
	FLOAT: left;
	WIDTH: 100%
}

div.contentpane {
	CLEAR: both;
	FLOAT: left;
	WIDTH: 100%
}
TABLE.contentpaneopen {
	FLOAT: left;
	WIDTH: 100%
		
}
TABLE.contentpane {
	FLOAT: left;
	WIDTH: 100%;
	CLEAR: both;
	       
}
fieldset {
	FLOAT: left;
	CLEAR: both;
	       
}
/*ul {
	FLOAT: left;
	WIDTH: 100%;
	CLEAR: both;
	       
}*/
#pgbSaveForm table {
	FLOAT: left;
	WIDTH: 100%;
	CLEAR: both;
	       
}