* { margin: 0; padding: 0; }

/*-- FRAME --*/
#page { float: left; width: 100%; text-align: center; background: #000000 url(../images/page_bg_short5.gif) repeat top center; }
#page_content { margin: 0 auto; width: 755px; text-align: left; }
#page_content_top { float: left; width: 755px; margin: 15px 0 0 0; padding: 0 0 5px 0; background: #1a1a1a; }

#logo { float: left; width: 745px; height: 102px; padding: 10px 0 0 0; }
#logo_right { float: left; width: 9px; height: 102px; padding: 10px 0 0 0; }
#navigation_left { float: left; width: 10px; height: 30px; }
#navigation { float: left; width: 582px; height: 30px; padding: 0 25px 0 0; }

#footer { float: left; width: 680px; padding: 12px 25px 10px 0; text-align: right; margin: 5px 15px 0 15px; } 
#page_content_bottom { float: left; width: 755px; height: 200px; }


/*-- HOME --*/
#navigation_home_content { float: left; width: 745px; height: 640px; overflow: hidden; text-align: center; margin: 0 5px 0 5px; background: #232323;}
#home_text_noscript { float: left; width: 745px; padding: 0px 0px 0 0px; }
#home_text_noscript p { font-size: 12px; line-height: 12px; text-align: center; color: #fff; padding: 5px 0 4px 0; margin: 0; }
#navigation_home_content2 { position: relative; width: 735px; height: 640px; overflow: hidden; text-align: center; margin: 0 5px 0 5px;}
#home_left { float: left; width: 33px; height: 30px; padding: 0px 75px 0px 0px; margin: 0 0px 0 0px; }
#home_arrow { float: left; width: 24px; height: 30px; padding: 0px 0px 0px 0px; }
#home_text { float: left; width: 590px; height: 30px; text-align: left; padding: 0px 0px 0px 0px; }
.home_visibility { visibility:hidden; }
#home_text p { font-size: 16px; line-height: 22px; color: #fff; padding: 5px 0 4px 5px; margin: 0; }
#home_right { float: left; width: 700px; padding: 0px 0px 0px 15px; }
#home_slideRight { position: absolute; top: 30px; left: -1550px; width: 575px; padding: 0px 0px 0 0px; }
#home_slideRight p { font-size: 14px; line-height: 16px; color: #fff; padding: 5px 0 4px 0; margin: 0; }
.home_slideDiv { background-color: #232323; width: 400px; }
#home_text_header { font-size: 36px; line-height: 38px; font-family: Arial Black, Arial, Sans-serif; }


/*-- SERVICE --*/
#navigation_service_content { float: left; width: 745px; height: 600px; text-align: center; margin: 0 5px 0 5px; background: #232323; }
#service_menu { float: left; width: 220px; height: 335px; padding: 30px 20px 0px 0px; }
#service_photo { float: left; width: 480px; height: 329px; margin: 5px 0 0 0; border: 0px solid #000000; background: #232323; }
#LoadingService { height: 320px; color: #f44e4c; }
#service_selection { float: left; width: 740px; padding: 5px 5px 10px 0; background: url(../images/blank.gif) no-repeat 0 0; }
#service_information { float: left; width: 740px; padding: 10px 5px 10px 0; background: url(../images/blank.gif) no-repeat 0 0; }
#service_photo_text_highlight { color: #fff; font-size: 13px; line-height: 16px; font-weight: bold; text-decoration: none; }
#service_photo_text a { color: #f44e4c; font-weight: normal; text-decoration: none; }
#service_photo_text a:hover { text-decoration: underline; }
#PhotoLink01, #PhotoLink02, #PhotoLink03, #PhotoLink04, #PhotoLink05, #PhotoLink06, #PhotoLink07, #PhotoLink08, #PhotoLink09, #PhotoLink10, #PhotoLink11, #PhotoLink12, #PhotoLink13, #PhotoLink14, #PhotoLink15, #PhotoLink16, #PhotoLink17, #PhotoLink18, #PhotoLink19, #PhotoLink20, #PhotoLink21, #PhotoLink22, #PhotoLink23, #PhotoLink24, #PhotoLink25, #PhotoLink26, #PhotoLink27, #PhotoLink28 { display: none; }
#Container { position: relative; width: 490px; height: 349px; margin: 0 auto 0px auto; background-color: #232323; border: 5px solid #9c9a9c; font-size: 0px; }	/* #232323 */
#Photo { position: absolute; top: 0; left: 0; z-index: 5; }
#LoadingService { width: 100%; height: 25%; position: absolute; top: 40%; left: 0%; text-align: center; z-index: 0; line-height: 0; }
#LinkContainer { position: absolute; }
#PrevLink, #NextLink { cursor: pointer; background: transparent url(../img/c.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#PrevLink span, #NextLink span { display: none; }
#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }
/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(../img/prev_minus.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(../img/next_plus.gif) 80% 50% no-repeat; }
/* background image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(../img/prev_chevron.png) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(../img/next_chevron.png) 80% 50% no-repeat; }
#ServiceCaptionContainer { margin: 0px auto; width: 200px; text-align: center; background-color: #232323; }
#ServiceCaptionContainer p { color: #fff; padding: 2px 10px 0px 0px; font-size: 12px; }
img { border:none; }


/*-- DIRECTIONS --*/
#navigation_directions_content { float: left; width: 745px; height: 1390px; text-align: center; margin: 0 5px 0 5px; background: #232323; }
#directions_left { float: left; width: 60px; padding: 60px 0px 65px 25px; }
#directions_right { float: left; width: 575px; padding: 20px 0px 0px 0; }
#directions_text { float: left; width: 575px; padding: 0px 0px 0 0px; }
#directions_text p { font-size: 14px; line-height: 16px; color: #fff; text-align: left; padding: 5px 0 4px 0; margin: 0; }
#directions_text_header { font-size: 20px; line-height: 22px; font-weight:bold; font-family: Trebuchet MS, Arial, Sans-serif; color: #fff; text-align: center; }
#directions_text_google { float: left; height: 390px; padding: 40px 0px 0px 0; }
#directions_text_google p { font-size: 16px; line-height: 18px; font-weight:bold; font-family: Arial, Sans-serif; color: #fff; text-align: left; }
#directions_text_map24 { float: left; height: 340px; padding: 40px 0px 0px 0; }
#directions_text_map24 p { font-size: 16px; line-height: 18px; font-weight:bold; font-family: Arial, Sans-serif; color: #fff; text-align: left; }


/*-- CONTACT --*/
#navigation_contact_content { float: left; width: 745px; height: 720px; text-align: center; margin: 0 5px 0 5px; background: #232323; }
#contact_left { float: left; width: 60px; padding: 60px 0px 65px 25px; }
#contact_right { float: left; width: 575px; padding: 20px 0px 0px 0; }
#contact_text { float: left; width: 575px; padding: 0px 0px 0 0px;  font-size: 14px; line-height: 16px; font-family: Trebuchet MS, Arial, Sans-serif; font-weight: normal; color: #fff;}
#contact_text p { text-align: left; padding: 5px 0 4px 0; margin: 0; color: #fff;}
#contact_text_type { padding: 0px 0px 0 0px; font-size: 16px; line-height: 18px; font-weight:bold; color: #2c2efc; text-align: left; padding: 5px 0 4px 0; margin: 0; }
#contact_text_header { height: 40px; font-size: 20px; line-height: 22px; font-family: Trebuchet MS, Arial, Sans-serif; font-weight:bold; text-decoration: underline; color: #fff; text-align: center; }
#contact_text_email a { color: #fff; font-weight: normal; text-decoration: none; }
#contact_text_email a:hover { text-decoration: underline; }


/*-- IMPRESSUM --*/
#navigation_impressum_content { float: left; width: 745px; height: 9700px; text-align: center; margin: 0 5px 0 5px; background: #232323; }
#impressum_left { float: left; width: 60px; padding: 60px 0px 65px 25px; }
#impressum_right { float: left; width: 575px; padding: 20px 0px 0px 0; }
#impressum_text { float: left; width: 575px; padding: 0px 0px 0 0px; }
#impressum_text p { font-size: 14px; line-height: 16px; color: #fff; text-align: left; padding: 5px 0 4px 0; margin: 0; }
#impressum_text_header { height: 40px; font-size: 20px; line-height: 22px; font-family: Trebuchet MS, Arial, Sans-serif; font-weight:bold; text-decoration: underline; color: #fff; text-align: center; }
#impressum_text_email a { color: #fff; font-weight: normal; text-decoration: none; }
#impressum_text_email a:hover { text-decoration: underline; }


/*-- FOOTER --*/
.footer_text { float: right; }
#footer p { color: #808080; font-size: 9px; padding: 0; margin: 0; }
#footer a { color: #808080; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/*-- PICTURES --*/

.pg { float: left; width: 735px; padding: 5px 5px 0 5px; }
.pg_photo { float: left; width: 139px; height: 96px; background: #333333; padding: 2px 2px 2px 2px; margin: 0 0 5px 0; }
.pg_divider { float: left; width: 5px; height: 96px; }
.pg_end { float: left; width: 525px; height: 25px; }

.cs_pic { border: 3px #6c6a6c solid; display: block; margin: 0; padding: 0; }
.cs_pic:hover { border: 3px #2c2efc solid; }
.cs_picOn { border: 3px #cc0e0c solid; display: block; margin: 0; padding: 0; }


/*------------- GLOBAL SELECTORS --------------*/

body { text-align: center; margin: 0; padding: 0; border:0; color: #a7a7a7; font-family: Trebuchet MS, Arial, Sans-serif; font-size: 11px; background-color: #000000; }

p { font-size: 14px; line-height: 16px; color: #000000; padding: 5px 0 4px 0; margin: 0; }
p.black { font-size: 10px; font-weight: bold; line-height: 14px; color: #777777; padding: 5px 0 4px 0; margin: 0; }

ul { list-style: square; margin-top: 0px; margin-bottom: 8px; margin: 0; margin-left: 5px; padding: 0; }
ul li { text-indent:0px; }
a { text-decoration: underline; color: #6eb015; font-weight: normal; }
a:hover { text-decoration: none; color: #6eb015; }

img.nowrap { display: block; padding: 0; margin: 0; }


/*------------- FORM ELEMENTS --------------*/

form { margin:0; padding:0; display:block; }
input, select, textarea, option { padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#1F1F1F; font-weight:normal; }


/*------------- MAIN NAVIGATION --------------*/

div#navigation { border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0; width: 523px; padding-top: 0px; height: 30px; border-right-width: 0px } 
div#navigation ul#menu { padding-right: 0px; padding-left: 0px; background: url(../images/navs.gif) no-repeat left top; padding-bottom: 0px; margin: 0px; width: 523px; padding-top: 0; position: relative; height: 30px }
div#navigation ul#menu LI { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none; position: absolute; }
ul#menu LI { display: block; height: 30px }
ul#menu A { display: block; height: 30px }
div#navigation ul#menu LI A { text-indent: -9999px; text-decoration: none }

#home { left: 0px; width: 77px; }
#service { left: 77px; width: 89px; }
#directions { left: 166px; width: 152px; }
#contact { left: 318px; width: 90px; }
#impressum { left: 408px; width: 114px; }

#home a:hover { background: url(../images/navs.gif) no-repeat 0px -30px }
#service a:hover { background: url(../images/navs.gif) no-repeat -77px -30px }
#directions a:hover { background: url(../images/navs.gif) no-repeat -166px -30px }
#contact a:hover { background: url(../images/navs.gif) no-repeat -318px -30px }
#impressum a:hover { background: url(../images/navs.gif) no-repeat -408px -30px }

#homeOn { left: 0px; width: 77px; background: url(../images/navs.gif) no-repeat 0px -60px }
#serviceOn { left: 77px; width: 89px; background: url(../images/navs.gif) no-repeat -77px -60px }
#directionsOn { left: 166px; width: 152px; background: url(../images/navs.gif) no-repeat -166px -60px }
#contactOn { left: 318px; width: 90px; background: url(../images/navs.gif) no-repeat -318px -60px }
#impressumOn { left: 408px; width: 114px; background: url(../images/navs.gif) no-repeat -408px -60px }

 h4 {
	font-size: 20px;
	line-height: 22px;
	font-family: Trebuchet MS, Arial, Sans-serif;
	font-weight: bold;
	color: #fff;
	text-align: left;
	margin-top: 10px;
 }
 
 li {
	text-align: left;
	color: #fff;
 }

/*------------- SUBNAVIGATION --------------*/

ul.subMenu { margin: 10px 0 0 0; padding: 3px 0px 0px 0px; font-size: 14px; }
ul.subMenu li { margin:0; padding: 7px 0px 7px 0px; display:block; list-style-type:none; border-bottom: 1px dotted #484848; }
ul.subMenu a:link, ul.subMenu a:visited { display:block; padding:0 0 0 5px; color: #9c9a9c; text-decoration:none; text-align:left; font-weight: normal; }
ul.subMenu a:active, ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { padding:0 0 0 5px; color: #ffffff; text-decoration:none; text-align:left; no-repeat 0 3px; font-weight: normal; }
ul.subMenu a:active, ul.subMenu a:hover { padding:0 0 0 5px; color: #2c2efc; text-decoration:none; text-align:left; no-repeat 0 3px; font-weight: normal; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { font-weight: bold; }
