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

body { background:	#474747; }

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:		960px;
	text-align:	left;
	border:		2px solid #fff;
	border-bottom:none;
	background:	#FFFFFF;
}
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:	#E5E5E5;*/ }

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

p.logo span { display:	none; }


/************************************************************* HORIZONTAL MENU */
div.hmenu {
	clear:			both;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		center;
	background:		#FFFFFF;
	/*border-bottom:	2px solid #FFFFFF;
	*/
}
div.hmenu-workspace {
	display:	block;
	height:		23px;
	padding:	0px 7px 0px 0;
	float	:left;
}
.hmenu-left{
	height		:23px;
	width		:166px;
	padding-left:7px;
	background	:#E5E5E5;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #b0b0b0;
}

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

li.hmenu1 {
	display: inline;
	float: left;
}
a.hmenu {
	display:		block;
	float:			left;
	padding:		0px 8px;
	color:			#000000;
	font-size:		1em;
	text-decoration:none;
	background:		#E5E5E5;
}
a.hmenu:hover {
	color:			#000000;
	text-decoration:none;
}
a.hmenu1 {
	padding:		2px 10px;
	font-weight:	700;
	background:		#E5E5E5;
}
a.hmenu1:hover {
	text-decoration:none;
	background:		#C4C4C4;
}
a.hmenu1-active {
	color:		#E5E5E5;
	background:	#D6D7DD;
}


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

* html div.main {
	position		: relative;
	overflow		:  visible;
}

/* 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:			#909090;
	font-size:		0.75em;
	text-decoration:none;
	background:		transparent url(/pics/formbuttons/arrow.gif) no-repeat 0 6px;
}
a.breadcrumb:hover {
	color:			#C4C4C4;
	text-decoration:none;
}


/************************************************************* VERTICAL MENU */
div.vmenu_fix {
		float:		left;
	width:		174px;
	margin:		1px -174px 13px 0;
	overflow:	hidden;
	font-size	:0.78em;
}
.vmenu_fix a {
	display:		inline;
	color:			#000000;
	text-align:		left;
	text-decoration:none;
	background:		#C4C4C4;
	text-decoration:	none; 
}
.vmenu_fix1{
	display			:block;
	width:			164px;
	display:		block;
	padding:		4px 5px 2px;
	color:			#000000;
	text-align:		left;
	text-decoration:none;
	background:		#C4C4C4;	
	border-bottom 	:1px solid #FFFFFF;
}

div.vmenu {
		float:		left;
	width:		174px;
	margin:		1px -174px 0 0;
	overflow:	hidden;
}

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

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

li.vmenu1{
	list-style-type	: none;
	display			: inline;
}

a.vmenu {
	border-right 	: 1px solid #b0b0b0;
	display			: block;
	/*margin:		0 0 1px;*/
	border-bottom 	: 1px solid #b0b0b0;
	padding			: 4px 5px 2px;
	color			: #000000;
	font-size		: 0.75em;
	text-align		: left;
	text-decoration	: none;
	background		: #E5E5E5;
}

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

a.vmenu1 {
	padding:		6px 18px;
	font-weight:	400;
	background:		#E5E5E5 url(/pics/layout/vmenu1_pfeil.gif) no-repeat 7px 9px;
}

a.vmenu1:hover { 
	text-decoration:	none; 
	background		:#BB2B24 url(/pics/layout/bg_vmenu1_active.gif) no-repeat top left;
}

a.vmenu1-active {
	padding			:6px 18px;
	font-weight		:400;
	color			:#FFFFFF;
	background		:#BB2B24 url(/pics/layout/bg_vmenu1_active.gif) no-repeat top left;
}
a.vmenu2 {
	padding:		4px 0 2px 31px;
	color:			#000000;
	font-size:		0.75em;
	font-weight:	400;
	background:		#F3F3F3;
}

a.vmenu2:hover {
	text-decoration:	none; 
	color			:#BB2B24;
	/*background:	#E5E5E5 url(/pics/marker_an.gif) no-repeat 5px 6px;*/ 
}

a.vmenu2-active {	
	font-size		:0.75em;
	color			:#BB2B24;
	background		:#E5E5E5 url(/pics/layout/vmenu2_pfeil_ac.gif) no-repeat 21px 8px;
	/*background:	#BB2B24; url(/pics/marker_an.gif) no-repeat 5px 6px;*/
}
a.vmenu3 {
	padding:		4px 0 2px 43px;
	color:			#000000;
	font-size:		0.75em;
	font-weight:	400;
	background		:#F3F3F3 url(/pics/layout/vmenu_str_inact.gif) no-repeat 34px 8px;
}

a.vmenu3:hover { 
		text-decoration:	none; 
		color			:#BB2B24;	
		/*background:	#E5E5E5 url(/pics/marker_an.gif) no-repeat 10px 6px;*/ 
}

a.vmenu3-active {
	color			:#BB2B24;
	font-size		:0.75em;
	background		:#F3F3F3 url(/pics/layout/vmenu_str_act.gif) no-repeat 34px 8px;
}
a.vmenu4 {
	padding:		3px 0 3px 43px;
	color:			#000000;
	font-size:		0.75em;
	font-weight:	400;
	background:		#F3F3F3;
}

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

a.vmenu4-active {
	color			:#BB2B24;
	font-size		:0.75em;
	background		:#F3F3F3 url(/pics/layout/vmenu_str_act.gif) no-repeat 34px 8px;
	/*background		: #BB2B24 url(/pics/marker_an.gif) no-repeat 15px 6px;*/
}

.kunde-kontaktdaten{
	padding			:8px 8px;
	margin			:16px 0 0 0 ;  
	color			:#000000;
	font-size		:0.75em;
	text-align:		left;
	text-decoration	:none;
	background		:#E5E5E5;
}
/************************************************************* CONTAINER */
div.container {
		float:		right;
	width:		174px;
	margin:		0 0 0 -174px;
	text-align:	left;
}
div.container-left {
	float:	left;
	width:	174px;
}
div.container-right {
	float:	right;
	width:	0px;
}

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

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

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

div.container-workspace {
	float:		left;
	width:		100%;
	margin:		0 0 12px 0;
	background:	#E5E5E5;
}
div.container-headline {
	padding:		3px 0;
	color:			#FFFFFF;
	text-align		:left;
	padding			:0 7px;
	font-weight:	700;
	text-align:		left;
	text-decoration:none;
	overflow:		hidden;
	font-size:	0.75em;
	border-bottom:	1px solid #D6D7DD;
	border-bottom	:1px solid #FFFFFF;
	background:		#BB2B24 url(/pics/layout/bg_headline_container.gif) no-repeat top left;
}
div.container-content {
	padding:	5px 7px;
	color:		#000000;
	font-size:	0.75em;
	text-align	:center;
	width:	160px; 
	float:left;
}

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

img.border-image { float:	left; }

/************************************************************* CONTENT */
div.content {
	width:		580px;
	margin:		0 174px 0 174px;
	padding:	0 16px 0 16px;
	text-align:	left;
	background:	#FFFFFF;
}

div.content-wrap {
	float:	left;
	width:	100%;
	margin:	0 auto;
}
div.content-workspace { margin:	0 auto 10px 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:			#343434;
	text-align:		left;
	font-weight:	700;
	background:		url(/pics/layout/linie.jpg) no-repeat 8px 23px;
}
div.content-text {
	height:		100%;
	margin:		0 0 10px;
	padding:	10px 7px 0;
	color:		#000000;
	text-align:	left;
	font-size:	0.75em;
}
h3.content-title {
	display			:inline;
	color			:#343434;
	font-size		:1.0em;
	padding-left	:8px;
	background:		url(/pics/layout/bg_content_head.gif) no-repeat 0px 5px;
}


/************************************************************* FOOTER */
div.footer {
	/*
	height:		1.4em;
	padding:	3px 7px;
	margin:		0;	
	border-top:	2px solid #FFFFFF;
	*/
	clear:		both;
	float		:left;
	font-size	:0.75em;
	color		:#FFFFFF;
	text-align	:left;
	background	:#474747;
	width		:965px;
	margin		:0px;
	margin-left		:-2px;
}
* html div.footer{
	float		:left;
	position 	:relative;
	left		:2px;
	width		:968px;	
}
.footer a {
	display:		block;
	float:			left;
	padding:		12px 0px 0 0;
	color:			#000000;
	font-size:		1em;
	font-weight:	700;
	text-decoration:none;
	background:		#474747;
}

.footer a:hover {
	color:			#000000;
	text-decoration:none;
	background:		#474747;
}

/************************************************************* STANDARDS */
span.paging { color:	#FFFFFF; padding: 0px; }

.paging { background:	#E5E5E5; }

.border1 { border:	1px solid #E5E5E5; }

div.form-begin {
	border:		1px solid #E5E5E5;
	background:	#D6D7DD;
}

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

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

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

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