/************************************************************* HTML TAGS */
html {}

body { background:	#613836; }

a {
	margin:			0;
	padding:		0;
	color:			#CC0000;
	text-decoration:none;
}

a:hover { text-decoration: underline; }

img { border:	0; }


/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	15px 0;
	text-align: center;}
div.page {
	margin: 0 auto;	width:		760px;
	text-align:	left;
	/*border:		2px solid #fff;*/
	background:	#fcf5a7;
}
div.bg1, div.bg2, div.bg3, div.bg4 {
	width:	100%;
	margin:	0;
}

/* tl: IE 5.5 Hack von dkr, damit IE HasLayout bekommt, hier könnte inline-block ausreichen? Validiert nicht! */
div.tailer { zoom:	100%; }


/************************************************************* HEADER */
div.header { background:	#359a34; }

p.logo {
	display:		block;
	background:		url(/pics/layout/image_12137961451.jpeg) no-repeat top left;
	/*border:			2px solid #fcf5a7;
	border-width:	2px 0;*/
}
p.logo a {
	display:		block;
	width:			760px;
	height:			86px;
	text-decoration:none;
}

p.logo span { display:	none; }


/************************************************************* HORIZONTAL MENU */
div.hmenu {
	clear:			both;
	color:			#fcf5a7;
	font-size:		0.75em;
	text-align:		center;
	border-bottom:	2px solid #fcf5a7;
	background:		#359a34;
	display:		none;
}
div.hmenu-workspace {
	display:	none;
	height:		1.4em;
	padding:	3px 7px;
}

ul.hmenu1 { list-style-type:	none; }

li.hmenu1 {
	display: inline;
	float: left;
}
a.hmenu {
	display:		block;
	float:			left;
	padding:		1px 10px;
	color:			#FFFFFF;
	font-size:		1em;
	text-decoration:none;
	background:		#359a34;
}
a.hmenu:hover {
	color:			#FFFFFF;
	text-decoration:none;
}
a.hmenu1 {
	padding:		2px 10px;
	font-weight:	700;
	background:		#359a34;
}
a.hmenu1:hover {
	text-decoration:none;
	background:		#359a34;
}
a.hmenu1-active {
	color:		#359a34;
	background:	#fcf5a7;
}


/************************************************************* MAIN */
div.main {
	clear:		both;
	min-height:	480px;
	text-align:	center;
}

* html div.main {
	position:	relative;
}

/* warum steht das auskommentiert hier drin?
div.main div.vmenu, div.main div.content, div.main div.container { min-height:	480px; }
*/


/************************************************************* BREADCRUMB */
div.breadcrumb {
	width:	100%;
	height:	1.4em;
	margin: 0 auto 2px;
}
span.breadcrumb-infotext {
	display:	block;
	float:		left;
	padding:	3px 5px;
	font-size:	0.75em;
}
div.breadcrumb UL {
	display:		inline;
	list-style-type:none;
}
div.breadcrumb LI {
	display:	inline;
	float:		left;
}
a.breadcrumb {
	display:		block;
	float:			left;
	margin:			0;
	padding:		3px 10px;
	color:			#359a34;
	font-size:		0.75em;
	text-decoration:none;
	background:		transparent url(/pics/formbuttons/arrow.gif) no-repeat 0 6px;
}
a.breadcrumb:hover {
	color:			#359a34;
	text-decoration:none;
}


/************************************************************* VERTICAL MENU */
div.vmenu {
		float:		left;
	width:		141px;
	margin:		0 -141px 0 0;
	overflow:	hidden;
}

div.vmenu-workspace { margin:	0 0 16px 0; }

ul.vmenu1, ul.vmenu2, ul.vmenu3, ul.vmenu4 { list-style-type:	none; }

li.vmenu1 { display:	inline; }
li.vmenu2 { display:	inline; }
li.vmenu3 { display:	inline; }
li.vmenu4 { display:	inline; }

a.vmenu {
	display:		block;
	margin:			4px 0 0 4px;
	padding:		4px 5px 2px;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		left;
	text-decoration:none;
	background:		#359a34;
}

a.vmenu:hover { color:	#FFFFFF; }

a.vmenu1 {
	padding:		4px 5px 2px 5px;
	font-weight:	700;
	background:		#359a34;
}

a.vmenu1:hover {
	text-decoration:	none;
	color:			#fcf5a7;
}

a.vmenu1-active {
	padding:		4px 0 2px 5px;
	font-weight:	700;
	color:			#fcf5a7;
	background:		#359a34;
}
a.vmenu2 {
	padding:		4px 0 2px 10px;
	color:			white;
	font-size:		0.75em;
	font-weight:	400;
	background:		#613836;
	margin:			0 0 0 4px;
}

a.vmenu2:hover {
	background:	#613836;
	color:			#fcf5a7;	
}

a.vmenu2-active {
	font-size:	0.75em;
	padding:		4px 0 2px 10px;
	color:			#fcf5a7;
	background:	#613836 /*url(/pics/marker_an.gif) no-repeat 5px 6px*/;
}
a.vmenu3 {
	padding:		4px 0 2px 25px;
	color:			#fcf5a7;
	font-size:		0.70em;
	font-weight:	400;
	background:		#613836;
}

a.vmenu3:hover { background:	#613836 url(/pics/marker_an.gif) no-repeat 10px 6px; }

a.vmenu3-active {
	font-size:	0.70em;
	background: #613836 url(/pics/marker_an.gif) no-repeat 10px 6px;
}
a.vmenu4 {
	padding:		3px 0 3px 25px;
	color:			#fcf5a7;
	font-size:		0.70em;
	font-weight:	400;
	background:		#613836;
}

a.vmenu4:hover { background:	#613836 url(/pics/marker_an.gif) no-repeat 15px 6px; }

a.vmenu4-active {
	font-size:	0.70em;
	background: #613836 url(/pics/marker_an.gif) no-repeat 15px 6px;
}


/************************************************************* CONTAINER */
div.container {
	display: none;	float:		right;
	width:		0px;
	margin:		0 0 0 0;
	text-align:	left;
}
div.container-left {
	float:	left;
	width:	0px;
}
div.container-right {
	float:	right;
	width:	0px;
}

div.container-menu { width:	141px; }

div.container-top { width:	0px; }

div.container-bottom { width:	0px; }

div.container-workspace {
	float:		left;
	width:		100%;
	margin:		0 0 16px 0;
	background:	#359a34;
}
div.container-headline {
	width: 			100%;
	padding:		3px 0;
	color:			#FFFFFF;
	font-weight:	700;
	text-align:		center;
	text-decoration:none;
	border-bottom:	1px solid #fcf5a7;
	background:		#359a34;
	overflow:		hidden;
}
div.container-content {
	padding:	3px 5px;
	color:		#FFFFFF;
	font-size:	0.70em;
}

div.container-content a { color:	#FFFFFF; }

h2.container {
	display:	inline;
	font-size:	0.75em;
	color:		#FFFFFF;
}

img.border-image { float:	left; }


/************************************************************* CONTENT */
div.content {
	width:		613px;
	margin:		0 0px 0 141px;
	padding:	0 3px 0 3px;
	text-align:	left;
	background:	#fcf5a7;
}

div.content-wrap {
	float:	left;
	width:	100%;
	margin:	0 auto;
}
div.content-workspace { margin:	20px auto 16px auto; }
div.content-workspace ol, div.content-workspace ul, div.content-workspace li { margin-left:	17px; }
div.content-workspace ol li, div.content-workspace ul li { margin-left:	0; }
div.content-header {
	padding:		3px 7px;
	color:			#613836;
	text-align:		left;
	font-weight:	700;
	background:		#359a34;
	display:		none;
}
div.content-text {
	height:		100%;
	margin:		0 0 10px;
	padding:	10px 7px 0;
	color:		#000000;
	text-align:	left;
	font-size:	0.70em;
}

/*div.content-text div.containerText {
	margin:		3px;
}*/

h3.content-title {
	display:	inline;
	color:		#FFFFFF;
	font-size:	0.75em;
}


/************************************************************* FOOTER */
div.footer {
	clear:		both;
	height:		1.4em;
	margin:		0;
	padding:	3px 7px;
	font-size:	0.75em;
	color:		#fcf5a7;
	text-align:	left;
	border-top:	2px solid #fcf5a7;
	background: #359a34;
	display:	none;
}

.footer a {
	display:		block;
	float:			left;
	padding:		2px 10px;
	color:			#FFFFFF;
	font-size:		1em;
	font-weight:	700;
	text-decoration:none;
	background:		#359a34;
}

.footer a:hover {
	color:			#FFFFFF;
	text-decoration:none;
	background:		#359a34;
}

/************************************************************* STANDARDS */
span.paging { color:	#000000; }

.paging { background:	#359a34; }

.border1 { border:	1px solid #359a34; }

div.form-begin {
	/*border:		1px solid #359a34;
	background:	#fcf5a7;*/
}

textarea, input.text { border:	1px solid #359a34; }

input.button {
	color:	#000000;
	border:	1px outset #613836;
}
option {
	color:		#000000;
	background:	#fcf5a7;
}
button {
	color:	#000000;
	border:	1px solid #359a34;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #359a34;
}

legend {
	padding:	2px 10px;
	border:		1px solid #359a34;
}

div.form-fieldset-inlay {
	padding:	3px 7px;
	background:	#fcf5a7;
}