/*
	*** SVA zHosting ***
	Standard Styles for SVA zHosting
	(c) Mareike Hybsier - http://www.die-programmiererin.de
*/


/*** Styles for the whole site ***/
body { margin: 0; padding: 0; background-color: black; font-family: Arial, sans-serif; color: #707173; text-align: center; font-size: 11px; }
div#wrapper { width: 800px; height: auto; /* min-height: 600px; */ position: absolute; top: 25px /* 45% */; left: 50%; /* margin-top: -299px; */ margin-left: -399px; text-align: justify; }
div#wrapper div#box { width: 798px; /* height: inherit; */ border-top: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray; overflow: hidden; }

/* Colors: orange #f39526, gray (text) #707173, gray (menue): #545454 */
.orange { color: #f39526; }
.hidden { display: none; }
.inline { display: inline; }
.comment { margin: 4px 0px 0px 0px; padding: 0px; }

/* Link Styles */
a { color: #707173; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
a img { border: none; }

/* Floats */
div.float_left { float: left; }
div.float_right { float: right; }
div.clear_both { overflow: auto; }

/* Tooltips */
div.tooltip { width: 16px; height: 16px; }
div.tooltip a:hover { text-decoration: none; /* Dirty hack for Win IE 6: */ border: 0px solid white; cursor: pointer; }
div.tooltip a img.empty { width: 16px; height: 16px; }

span.tooltip { position: relative; top: -25px; }
span.right { background: url(/includes/images/left.gif) no-repeat left; left: 25px; text-align: left; }
span.left { background: url(/includes/images/right.gif) no-repeat right; right: 95px; text-align: right; }
span.right_with_border { background: url(/includes/images/left_with_border.gif) no-repeat left; }
span.left_with_border { background: url(/includes/images/right_with_border.gif) no-repeat right; }
span.tooltip span.text { background-color: white; padding: 5px 8px; font-size: 10px; line-height: 11px; color: #707173; }
span.right span.text { margin-left: 5px; }
span.left span.text { margin-right: 5px; }
span.right_with_border span.text { border-top: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; }
span.left_with_border span.text { border-top: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid gray; }

/* Dynamic Tooltips with CSS, see => http://www.xs4all.nl/~peterned/csshover.html */
span { display: none; }
a:hover span { display: block; }


/*** Header ***/
div#header { width: 750px; height: 63px; padding-left: 26px; padding-top: 23px; overflow: hidden; }
div#header div#home_link { float: left; width: 60px; height: 50px; }
div#header div#home_link a:hover { text-decoration: none; }
div#header div#home_link span#tooltip_home { width: 100px; top: -40px; left: 80px; }
div#header img#sva_zhosting { float: right; width: 261px; height: 49px; }


/*** Horizontal Navigation ***/
div#horizontal_navigation { height: 20px; margin-bottom: 4px; background-color: white /*#f39526*/; color: black /*white*/; font-weight: bold; }
div#horizontal_navigation a { color: black /*white*/; font-weight: bold; }
div#horizontal_navigation ul#navigation { margin: 0px; padding-left: 11px; }
div#horizontal_navigation ul#navigation li { z-index: 10; float: left; position: relative; list-style: none; }
div#horizontal_navigation ul#navigation li.language a { display: inline; padding: 0; }
div#horizontal_navigation ul#navigation li.language a:hover { background-color: white; padding-top: 0; padding-bottom: 0; }
div#horizontal_navigation ul#navigation li.language a img { margin-top: 5px; margin-right: 5px; }
div#horizontal_navigation ul#navigation li#german a img { margin-left: 179px; }
div#horizontal_navigation ul#navigation li#english a img { margin-left: 186px; }
div#horizontal_navigation ul#navigation li#french a img { margin-left: 189px; }
div#horizontal_navigation ul#navigation li.inactive { padding: 4px 15px 3px 15px; } /* See next style; can be removed when all links are activated. */
div#horizontal_navigation ul#navigation li a { padding: 4px 15px 4px 15px; }
div#horizontal_navigation ul#navigation li a:hover { background-color: #545454; text-decoration: none; color: white; }
div#horizontal_navigation ul#navigation li ul { z-index: 10; width: 155px; position: absolute; top: 20px; left: 0px; margin: 0px; padding: 0px; background-color: white /*#f39526*/; border-top: 1px solid black; }
div#horizontal_navigation ul#navigation li ul li { display: block; width: 100%; border-bottom: 1px solid #707173 /*white*/; border-right: 1px solid #707173; border-left: 1px solid #707173; background-color: white; line-height: 14px; }
/* div#horizontal_navigation ul#navigation li ul li.last { border: none; } */

/* Dynamic Submenu with CSS, see => http://www.xs4all.nl/~peterned/csshover.html */
div#horizontal_navigation ul#navigation ul { display: none; }
div#horizontal_navigation ul#navigation li:hover ul, div#horizontal_navigation ul#navigation li a { display: block; }


/*** Main Part - Content ***/

/* Content Box */
div#content_box {  width: 798px; position: relative; top: 0px; left: 0px; margin-bottom: -40px; background-color: white; text-align: left; font-size: 12px; line-height: 18px; overflow: hidden; }

/* Content */
div#content_box div#content { width: 798px; min-height: 393px /* 488px */; overflow: hidden; }

/* Main Column - Start Page */
div#content_box div#content div#startpage { width: 798px; /* Height = image height 488px + margin-bottom of content_box 40px */ height: 528px; margin: 0px; padding: 0px; background: black url(/includes/images/wall.png); }

/* Main Column - Start Page > Flash Layer */
div#content_box div#content div#startpage div#flash { width: 798px; height: 528px; margin: 0px; padding: 0px; /* background: transparent url(/includes/images/wall_empty.jpg); */ }
div#content_box div#content div#startpage div#flash div#flash_alternative { width: 798px; height: 528px; margin: 0px; padding: 0px; /* background: transparent url(/includes/images/wall.png); */ }

/* Main Column - Start Page > Tooltip Layer */
div#content_box div#content div#startpage div.tooltip { position: absolute; }
div#content_box div#content div#startpage div.tooltip a img.empty { height: 60px; }
div#content_box div#content div#startpage div#button_references { top: 20px; left: 238px; }
div#content_box div#content div#startpage div#button_references span#tooltip_references { width: 80px; top: -45px; }
div#content_box div#content div#startpage div#button_about { top: 95px; left: 540px; }
div#content_box div#content div#startpage div#button_about span#tooltip_about { width: 88px; top: -45px; right: 25px; }
div#content_box div#content div#startpage div#button_announcements { top: 180px; left: 425px; }
div#content_box div#content div#startpage div#button_announcements span#tooltip_announcements { width: 100px; top: -62px; left: 25px; }
div#content_box div#content div#startpage div#button_zpdt { top: 255px; left: 238px; }
div#content_box div#content div#startpage div#button_zpdt span#tooltip_zpdt { width: 50px; top: -50px; right: 32px; }
div#content_box div#content div#startpage div#button_offer { top: 360px; left: 40px; }
div#content_box div#content div#startpage div#button_offer a img.empty { width: 180px; height: 80px; }
div#content_box div#content div#startpage div#button_offer span#tooltip_offer { width: 65px; top: -60px; left: 170px; }
div#content_box div#content div#startpage  div#button_contact { top: 375px; left: 615px; }
div#content_box div#content div#startpage div#button_contact a img.empty { width: 100px; height: 60px; }
div#content_box div#content div#startpage div#button_contact span#tooltip_contact { width: 60px; top: -60px; left: 95px; }

/* Left Column */
div#content_box div#content div#left_column { width: 218px; margin: 0px;  padding-top: 46px; }
div#content_box div#content div#left_column img { width: 218px; height: 50px; }
div#content_box div#content div#left_column ul { margin-left: 50px; padding: 0px; }
div#content_box div#content div#left_column ul li { list-style: none; }

/* Middle Column */
div#content_box div#content div#middle_column { width: 380px; margin-left: 10px; margin-right: 180px; padding-top: 46px; }
div#content_box div#content div#middle_column h1 { font-size: 12px; color: #f39526; margin: 0px; padding: 0px; }
div#content_box div#content div#middle_column p { margin: 0px 0px 10px 0px; }
div#content_box div#content div#middle_column ol { margin: 0px; padding-bottom: 10px; padding-left: 20px; }
div#content_box div#content div#middle_column ul { margin: 0px; padding-bottom: 10px; padding-left: 0px; }
div#content_box div#content div#middle_column ul li { list-style: none; background: url(/includes/images/bullet.png) no-repeat left top; padding-left: 15px; }
div#content_box div#content div#middle_column img { margin: 10px 0px; }

/* Middle Column > Contact Form/Registration Form */
div#content_box div#content div#middle_column form a { cursor: pointer; }
div#content_box div#content div#middle_column form table { width: 318px; margin: 0px; padding-bottom: 5px; font-size: 11px; color: #707173; }
div#content_box div#content div#middle_column form table tr { width: 318px; margin: 0px; padding: 0px; }
/* div#content_box div#content div#middle_column form table td.narrow { width: 125px; } */
div#content_box div#content div#middle_column form table td.narrow input { width: 117px; margin-right: 8px; padding: 2px; border: 1px solid #707173; }
/* div#content_box div#content div#middle_column form table td.narrower { width: 60px; } */
div#content_box div#content div#middle_column form table td.narrower input { width: 52px; margin-right: 8px; padding: 2px; border: 1px solid #707173; }
/* div#content_box div#content div#middle_column form table td.normal, div#content_box div#content div#middle_column form table td.wide { width: 160px; } */
div#content_box div#content div#middle_column form table td.normal input, div#content_box div#content div#middle_column form table td.wide input { width: 152px; margin-right: 8px; padding: 2px; border: 1px solid #707173; }
div#content_box div#content div#middle_column form table td#message textarea { width: 322px; border: 1px solid #707173; font-family: Arial, sans-serif; font-size: 11px; padding: 2px; overflow: auto; }
div#content_box div#content div#middle_column form table tr#form_buttons { text-align: right; }
div#content_box div#content div#middle_column form table tr#form_buttons input { margin: 2px 0px 0px 8px; padding: 2px 8px; background-color: #e9ebe5; border: 1px solid #707173; font-size: 11px; color: #707173; }
div#content_box div#content div#middle_column form table tr td#wrong_email, div#content_box div#content div#middle_column form table tr td#note { padding-top: 15px; font-size: 10px; line-height: 12px; }
/* div#content_box div#content div#middle_column form table tr td input.radio { line-height: 11px; vertical-align: middle; } */

/* Middle Column > Communication Table @ Contact Pages */
div#content_box div#content div#middle_column table#communication { margin-bottom: 10px; line-height: 12px; }
div#content_box div#content div#middle_column table#communication td { padding-left: 0; }
div#content_box div#content div#middle_column table#communication img { margin: 0px; padding: 0px; }

/* Middle Column > Price Table @ zPDT > bestPDT Page */
div#content_box div#content div#middle_column table#prices { margin-bottom: 10px;line-height: 12px; }
div#content_box div#content div#middle_column table#prices tr.bold { font-weight: bold; }
div#content_box div#content div#middle_column table#prices tr td { padding-left: 0; }
div#content_box div#content div#middle_column table#prices tr.bold td { padding-bottom: 15px; }
div#content_box div#content div#middle_column table#prices tr td.right { text-align: right; }

/* Right Column - Navigation Sidebar */
div#content_box div#sidebar { width: 167px; /* height: inherit; */ position: absolute; top: 0px; left: 637px; margin: 0px; padding-left: 136px; overflow: hidden; }
div#content_box div#sidebar img { margin-top: -19px; }
div#content_box div#sidebar div#button_plus { position: relative; top: 30px; left: 3px; } /* See div#button_minus */
div#content_box div#sidebar div#button_plus a img.empty { width: 16px; height: 16px; position: absolute; top: 16px; left: 0px; }
div#content_box div#sidebar div#button_plus span#tooltip_plus.tooltip { position: absolute; width: 120px; top: -5px; right: 25px; }

/* Right Column - Navigation Sidebar > Button Layer */
div#content_box div#button_layer { width: 167px; height: inherit; position: absolute; top: 0px; left: 637px; margin: 0px; padding: 0px; }
div#content_box div#button_layer div#button_minus { position: relative; top: 30px; left: 3px; } /* See div#button_plus */
div#content_box div#button_layer div#button_minus a img.empty { width: 16px; height: 16px; }
div#content_box div#button_layer div#button_minus span#tooltip_minus { width: 125px; }
div#content_box div#button_layer div#button_zpdt { position: absolute; top: 25px; left: 41px; }
div#content_box div#button_layer div#button_zpdt a img.empty { width: 92px; height: 56px; }
div#content_box div#button_layer div#button_zpdt span#tooltip_zpdt { width: 50px; top: -30px; right: -15px; }
div#content_box div#button_layer div#button_references { position: absolute; top: 107px; left: 35px; }
div#content_box div#button_layer div#button_references a img.empty { width: 60px; height: 85px; }
div#content_box div#button_layer div#button_references span#tooltip_references { width: 80px; }
div#content_box div#button_layer div#button_about { position: absolute; top: 197px; left: 76px; }
div#content_box div#button_layer div#button_about a img.empty { width: 65px; height: 66px; }
div#content_box div#button_layer div#button_about span#tooltip_about { width: 90px; top: -75px; right: 50px; }
div#content_box div#button_layer div#button_announcements { position: absolute; top: 290px; left: 26px; }
div#content_box div#button_layer div#button_announcements a img.empty { width: 120px; height: 55px; }
div#content_box div#button_layer div#button_announcements span#tooltip_announcements { width: 100px; top: -62px; left: 25px; }

/* Service Links at the bottom of the content section */
div#content_box div#bottom_row { width: 798px; height: 135px; position: relative; top: -40px; left: 0px; /* background: transparent url(/includes/images/desk.gif) no-repeat bottom; */ }
div#content_box div#bottom_row div#div_offer { position: relative; top: 76px; left: 42px; }
div#content_box div#bottom_row div#div_offer span#tooltip_offer { width: 65px; }
div#content_box div#bottom_row div#div_contact { position: relative; top: 6px; left: 686px; }
div#content_box div#bottom_row div#div_contact span#tooltip_contact { width: 60px; }


/*** Footer ***/
div#footer { /* z-index: 50; */ width: 797px; background-color: black; border-top: 1px solid gray; position: relative; top: 0px; left: 0px; padding: 5px 3px /* Dirty hack for Win IE 6 + 7 to hide the rest of the navigation sidebar image: */ 45px 0px; text-align: right; font-size: 10px; }