html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

BODY 			{font-family:arial,helvetica,verdana; font-size:100%}
A				{text-decoration:none; color:#1E247C}
A:hover			{text-decoration:underline; color:blue}
H1 				{font-size:1.5em; color:#fff; margin:0 0 10px 0; padding-left:2px; background-color:#FF9C03}
H2 				{font-size:1.3em; color:#FF9C03; margin:15px 0 10px 0; padding-left:2px; background-color:white}
INPUT,TEXTAREA 	{background:#FFFFFF url(../img/background-input.jpg) repeat-x scroll left top; border:1px solid #A5A5A5;}
STRONG 			{font-weight:bold; color:black}

/**
 * @section hidden elements | Versteckte Elemente
 * @see www.yaml.de/en/documentation/basics/skip-links.html
 *
 * Skip links and hidden elements
 */
.skipLinks 				{position: absolute; top: 0px; left: -32768px; z-index: 1000; width:100%; margin: 0; padding: 0; list-style-type: none} 
.skipLinks a:focus,
.skipLinks a:active 	{left:32768px; outline:0 none; position:absolute; width:100%}  

/**
 * Global Container 
 */
/*div {border:1px solid blue;}*/
#GlobalWrapper 	{}
#ContentWrapper 	{background:url(../img/background-page3.png) repeat-x top left}
#Content 		{margin-left:200px; min-height:500px; padding:10px 50px 30px 10px}
#Breadcrumb 		{height:30px; border-bottom:1px solid #AEAEAE}
#Motto			{position:absolute; left:300px; top:25px;}
#Logo			{position:absolute; left:33px; top:10px;}
#LogoText		{position:absolute; left:5px; top:100px; font-weight:bold; color:#1F217B; font-size:13px}
#House			{position:absolute; left:600px; top:30px; font-size:16px; color:black}

/**
 * Global classes 
 */
UL.listAsNavi 		{list-style-type:none}
UL.listAsNavi LI 		{float:left}
UL.normal LI			{list-style-position:inside; list-style-type:square}
UL.normal 			{margin-left:20px}
.breadcrumb  li 		{padding-right:27px; background:url(../img/icons.gif) no-repeat right 5px ; font-size:0.8em}
.breadcrumb  li.active {background:none; color:orange}
.orderSteps  li		 {padding-right:27px; background:url(../img/icons.gif) no-repeat right -118px ; font-size:0.8em}
.orderSteps  		{height:40px; display:block}
.orderSteps  li.active {color:#242279; font-size:13px; font-weight:bold}
.orderSteps  li 		{color:#666}
.orderSteps  li.last 	{background:none}

.service li 			{padding-right:5px; font-size:0.8em}
.service li.lispacer	{background:url(../img/icons.gif) no-repeat 3px -56px; width:6px}
.service li.last 		{background:none}
.layoutTable 		{border:1; border-collapse:collapse; margin-top:15px}
.layoutTable td,th 	{font-size:0.9em; padding:0 5px 2px 0}
.layoutTable th 		{font-weight:bold}
.roicon 				{padding:3px 25px; background:url(../img/icons.gif) no-repeat left -116px}

/**
 * Clearfix 
 */
.clearfix:after 	{content:"."; display: block; clear: both; height: 0; visibility: hidden}
.clearfix 		{display:inline-block}
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix 	{height:1px}
.clearfix 		{display:block}
/* Ende des Versteckspiels für den IE5/Mac */

/** 
 * Header 
 */
#Header 			{height:150px; background:url(../img/background-top.jpg) repeat-x; position:relative; border:1px solid #AEAEAE}
#ImageLaster 	{position:absolute; left:0; top:67px}
#ImageSun 		{position:absolute; right:0; top:0}
#ServiceNavi	{position:absolute; top:10; right:100px; width:220px; height:50px}

/** 
 * LeftNavigation with max. 2 Level depth
 */
#LeftNavi 				{float:left; width:215px; padding:130px 0 0 5px; min-height:430px; overflow:hidden; position:relative}
#LeftNavi UL.navi		{/*border-right:1px solid #aeaeae;*/ margin-right:30px}
#LeftNavi UL LI 			{margin-top:6px; margin-left:5px; font-weight:normal}
#LeftNavi UL LI  A			{font-weight:normal; font-size:0.9em; padding-left:20px; background:url(../img/icons.gif) no-repeat 1px -417px}
#LeftNavi UL LI  A:hover	{background:url(../img/icons.gif) no-repeat 1px -478px}
#LeftNavi UL LI.active  A,
#LeftNavi UL LI.current  A	{background:url(../img/icons.gif) no-repeat 1px -478px}
#LeftNavi UL LI.active A 	{color:black; font-weight:bold}
#LeftNavi UL LI.current  A 	{color:#FF9C03; font-weight:bold; text-decoration:underline}
#LeftNavi UL LI.current LI A{color:#1E247C; text-decoration:none; font-weight:normal}

#LeftNavi UL LI  UL		{margin-left:15px}
#LeftNavi UL LI.active  UL,
#LeftNavi UL LI.current  UL{display:block}


/**
 * TextContent 
 */
#TextContent 			{border-bottom:1px solid #aeaeae; padding:20px 10px 10px 10px; min-height:350px}
#TextContent A			{text-decoration:underline}
#TextContent P,
#TextContent LI 			{font-size:0.9em}
#TextContent P 			{margin-bottom:10px; line-height:1.4em}
#TextContent .list LI 		{list-style:square inside; padding-bottom:7px}
#TextContent UL.list		{margin-left:20px}

#TextContentLeft		{float:left}
#TextContentRight		{float:right; width:50%}

#TextContentImageLeft 	{float:left; width:300px}
#TextContentTextRight 	{margin-left:320px}

#TextContentImageRight	{float:right; width:300px}
#TextContentTextLeft 	{margin-right:320px}

/** 
 * Formular 
 */
#Formular				{position:static}
#Formular .formularLeft	{float:left; width:39%}
#Formular .formularRight	{margin-left:2%; width:39%; float:left}
#Formular .formularButtons	{margin-left:2%; width:18%; float:left; position:relative}
#Formular LABEL			{font-size:0.8em; color:#666; display:inline-block; width:40%; padding-right:3%}
#Formular LABEL SPAN		{margin-right:5px; color:blue; font-weight:bold}
#Formular INPUT.radio	{}
#Formular .spacer		{height:5px; clear:left}
#Formular .submit		{float:left; font-weight:bold; margin-left:5px; padding:3px 25px 3px 3px; color:#FFF; border:none; background:none}
#Formular .submitbottom	{position:absolute; bottom:40px; left:0; display:none}
#Formular .spRadio		{margin:0 10px 0 3px; font-size:12px}
#Formular .textNormal	{width:200px;}
#Formular .textLarge		{width:400px;}
#Formular .textSmall		{width:50px;}
#Formular .multitext		{width:100%; height:100px}
#Formular .error			{font-size:11px; color:red; margin-left:43%; font-weight:bold}
#Formular .fieldset		{background:#eee; border:1px solid #000; margin-bottom:20px;padding:10px}
#Formular .fieldset h2 	{padding:5px 15px; left:10px; border:1px solid #000; font-size:15px; font-weight:bold; margin:0 0 10px 0}

.previewWrapper 			{border-bottom:1px dotted #999; font-size:12px}
.previewTitle 			{float:left; width:150px}
.previewValue 			{float:left; margin-left:10px; font-weight:bold}
.info					{margin:10px 5px 5px 5px; float:left; border:2px solid #FF9C03; background-color:#eee; padding:5px}

/**
 * Checkliste 
 */
.checkGroup p 			{padding-left:20px; background:url(../img/icons.gif) no-repeat left -165px;}
.checkGroup a.goUp 		{padding-left:20px; background:url(../img/icons.gif) no-repeat left -244px; font-weight:bold}
#printChecklist			{margin-left:450px; height:160px}

#check0	{float:left; height:60px; width:400px}
.pdf	{padding-left:25px; background:url(../img/icons.gif) no-repeat left -283px}
.print	{padding-left:25px; background:url(../img/icons.gif) no-repeat left -320px}

/**
 * Kontakt 
 */
.contactTd 	{padding-right:50px}
.emailat	{background:url(../img/icons.gif) no-repeat left -244px;}
.error		{color:red}
.success	{color:green}
p.success,
p.error		{font-size:13px; font-weight:bold}
#ContactForm{}

/**
 * Packmaterial
 */
.gallery	{height:550px}
.gallery ul	{}
.gallery li	{padding:5px}
.gallery a	{cursor: url(../img/zoomimage/zoomin.cur), default;}
.gallery img	{border:5px solid #aeaeae}

/** 
 * Footer 
 */
#Footer {height:50px; margin-top:30px}
#Footer P {text-align:right; color:#999; font-size:0.8em; margin-right:50px}
#footerInfo {position:absolute; left:-3000px; width:1000px}

/**
 * Teaser 
 */
#Teaser 		{margin-top:30px; height:120px}
#Teaser IMG	{float:left}
#Teaser H1	{margin-left:80px; font-size:1em; margin-top:0; font-weight:bold}
#Teaser P	{margin-left:80px; font-size:0.8em; color:#555}
#TeaserLeft 	{padding:10px; float:left; width:45%; height:80px; border:1px solid #aeaeae}
#TeaserRight{padding:10px; float:right; width:45%; height:80px; border:1px solid #aeaeae}

/* JQUERY DATE Plugin*/
.date_selector,.date_selector *{width:auto;height:auto;border:none;background:none;margin:0;padding:0;text-align:left;text-decoration:none}.date_selector{background:#F2F2F2;border:1px solid #bbb;padding:5px;margin:-1px 0 0 0;position:absolute;z-index:100000;display:none}.date_selector_ieframe{position:absolute;z-index:99999;display:none} .date_selector .month_nav{margin:0 0 5px 0;padding:0;display:block} .date_selector .month_name{font-weight:bold;line-height:20px;display:block;text-align:center} .date_selector .month_nav a{font-weight:bold;font-size:120%;display:block;position:absolute;top:5px;width:20px;height:20px;line-height:17px;color:#003C78;text-align:center;overflow:hidden} .date_selector .month_nav a:hover,.date_selector .month_nav a:focus{background:none;color:#003C78;text-decoration:none} .date_selector .prev{left:5px} .date_selector .next{right:5px} .date_selector table{border-spacing:0;border-collapse:collapse} .date_selector th,.date_selector td{width:2.5em;height:2em;padding:0;text-align:center} .date_selector td{border:1px solid #ccc;line-height:2em;text-align:center;white-space:nowrap;background:white} .date_selector td.today{background:#FFFED9} .date_selector td.unselected_month{color:#ccc} .date_selector td a{display:block;text-decoration:none !important;width:100%;height:100%;line-height:2em;color:#003C78;text-align:center} .date_selector td.today a{background:#FFFEB3} .date_selector td.selected a{font-weight:bold;background:#D8DFE5} .date_selector td a:hover{background:#003C78;color:white}