@import url("html4.css");

html		{ height:100%; }
body		{ height:100%; margin:0px; padding:0px; background:#fff url(/assets/Image/Layout/gradient_brown_41.png) repeat-x left 55px scroll; color:#777; font-family:Arial,Helvetica,sans-serif; font-size: 0.80em; }
*:focus		{ outline:none }

h1			{ font-size:140%; color:#269d2d }
h2			{ font-size:125%; color:#269d2d }
h3			{ font-size:100%; color:#269d2d }

#middlecol ul,
#rightcol ul	{ margin-left:25px; list-style-image:url(/assets/Image/Layout/arrow_green.gif) }

a:link		{ color:#6e3f00 }
a:visited	{ color:#777; }
a:hover		{ color:#269d2d }
a img		{ border:none; text-decoration:none }
img.fullsize { float:left; margin-left:-20px }

th 			{ text-align:left }
form,
textarea,
input,
select		{ font-family:Arial,Helvetica,sans-serif; font-size:100%; }
form 		{ display:inline }

/* Layout */
#startscreen		{ position:relative; margin-top:56px; text-align:center; font-size:90% }
#startimage			{ width:100%; height:331px; margin:0 auto; background:transparent url(/assets/Image/Layout/Start/start.jpg) no-repeat center top scroll }
#startleft			{ width:49.9%; height:98px; float:left; background-color:#009e16; color:#fff; margin-top:232px; text-align:right }
#startleft a		{ display:block; color:#fff; font-weight:bold; font-size:30px; text-decoration:none; padding:30px 214px 0 0 }
#startright			{ width:49.9%; height:98px; float:right; background-color:#70bb00; color:#fff; margin-top:232px; text-align:left }
#startright a		{ display:block; color:#fff; font-weight:bold; font-size:30px; text-decoration:none; padding:10px 0 0 214px }
#startnav			{ width:650px; margin:0 auto; }
#starttext			{ width:80%; margin:0 auto; padding-top:122px; }
#startnav table		{ margin:0; padding:0; width:100% }
#startnav tr		{ height:41px }
#startnav td		{ white-space:nowrap; text-align:center; vertical-align:middle }
#startnav a			{ color:#fff; font-weight:bold; text-decoration:none; }
#startnav a:hover	{ color:#70bb00; }
#startlogo			{ position:absolute; top:156px; left:50%; margin-left:-214px  }


#container			{ position:relative; width:985px; margin:0 auto; background:#fff url(/assets/Image/Layout/container_bgnd.png) repeat-y left top scroll }
#header				{ position:relative; height:318px; color:#999; background:#fff url(/assets/Image/Layout/gradient_brown_41.png) repeat-x left 55px scroll }
#headertext			{ position:absolute; right:10px; top:160px; width:230px }
#headertext a 		{ text-decoration:none }
#rightcol			{ float:right; width:247px; padding-bottom:38px; background:transparent url(/assets/Image/Layout/gradient_grey_400.png) repeat-x left top; overflow:hidden }
#rightcol .content	{ padding:20px }
#rightcol a:hover		{ color:#269d2d }
#middlecol			{ float:left; width:576px; padding-bottom:38px; background-color:#eaf3da; overflow:hidden }
#middlecol .content	{ padding:20px }
#leftcol			{ float:left; width:162px; padding-bottom:38px; overflow:hidden }
#footer				{ position:absolute; width:576px; bottom:0; height:28px; overflow:hidden; background-color:#fff; color:#6e3f00; line-height:20px; font-size:85%;padding:8px 247px 0 162px }

#headerimg			{ position:absolute; left:162px; top:96px; width:576px; height:222px; overflow:hidden; background:#fff url(/assets/Image/Layout/Header/Unternehmen.jpg) no-repeat left top scroll }
#headerlogo			{ position:absolute; left:830px; top:19px; width:136px; height:124px; }

#printheader,
#printlogo			{ display:none }

/* Navigation top */
#nav_top			{ padding-top:33px; }
#nav_top table		{ margin:0; padding:0; width:100% }
#nav_top tr			{ height:63px }
#nav_top td			{ vertical-align:bottom; text-align:left; border-right:1px solid #fff; }
#nav_top a			{ display:block; color:#fff; font-weight:bold; text-decoration:none; padding:0 0 15px 15px; font-size:120% }
#nav_top a.active	{ background:transparent url(/assets/Image/Layout/triangle_white.png) no-repeat 10px bottom }
#nav_top a:hover	{ color:#70bb00 }
#nav_top td.navpoint0	{ width:161px; }
#nav_top td.navpoint1	{ width:140px; background-color:#269d2d; }
#nav_top td.navpoint1 a:hover	{ color:#6e3f00; }
#nav_top td.navpoint2	{ width:140px; background-color:#8aba17; }
#nav_top td.navpoint2 a:hover	{ color:#6e3f00; }
#nav_top td.navpoint6	{ width:246px; border:none }


/* Navigation left */
#nav_left			{ position:absolute; top:120px; width:162px; z-index:3 }
#nav_left ul		{ list-style:none; margin:0; padding:0 }
#nav_left li		{ list-style:none; margin:0; padding:0 }
#nav_left a			{ display:block; padding:8px 15px; text-decoration:none }
#nav_left a:visited	{ color:#777; }
#nav_left a:hover	{ color:#269d2d !important; }

#nav_left a.selectedvisible:link,
#nav_left a.selectedvisible:visited	{ color:#269d2d }

/* Breadcrumb trail */
#navtrail			{ margin-bottom:2.33em }
#navtrail a			{ text-decoration:none }
#navtrail a:hover		{ color:#269d2d }

/* Sitemap */
#sitemap ul			{ list-style:none; margin:0px 20px; padding:0 }
#sitemap ul.navlevel1	{ margin:0px; padding:0 }
#sitemap li			{ list-style:none; margin:0; padding:0 }
#sitemap li.navlevel1 { margin-top:1.33em; }
#sitemap a			{ display:block; }
#sitemap a.navlevel1	{ font-weight:bold }

/* Classes */
/* defined for fckstyles.xml */
img.image_right		{ float:right; margin:0 0 0.33em 0.99em }
img.image_left		{ float:left; margin:0 0.99em 0.33em 0 }
.text_green			{ color:#269d2d }

/* form error classes used by µCMS */
div.error-formfield { color:#d13d1b; font-weight:bold; display:none }
input.error-formfield, textarea.error-formfield, select.error-formfield { border:1px inset #000; background-color:#fcdfb2 }

/* form field formatting */
.txtinput			{ border:1px inset #999 }
.txtbtn				{ border:1px outset #999 }

.clearfix			{ clear:both; font-size:0 }

/* colorbox styles */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff; }
#cboxWrapper { background-color:#fff }
#colorbox{}
    #cboxContent{margin-top:32px; }
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/assets/Image/Layout/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000; padding-left:1em }
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-25px; background:url(/assets/Image/Layout/colorbox_controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* print layout */
@media print {

	body, html		{ background:#fff none; color:#000;  }
	
	a:link,
	a:active,
	a:visited		{ text-decoration:none; color:#000 }

	img.fullsize 	{ margin-left:0px }

	#header,
	#leftcol,
	#rightcol,
	#footnav,
	#nav_left,
	#navtrail,
	.noprint		{ display:none; }

	#container		{ width:100%; margin:0; padding:0; overflow:visible }
	#middlecol		{ width:100%; margin:0; padding:0; }
	#middlecol .content	{ padding:0; margin:0 }
	#footer			{ line-height:100%; width:100%; position:relative; overflow:visible; color:#000; font-size:85%;padding:0.66em 0 0 0; border-top:1px solid #000; margin-top:.99em; text-align:right }
	#printheader	{ display:block; border-bottom:1px solid #000; margin-bottom:0.66em }
}