/* SITE FORMATS */
body, html, form {
	margin: 0;
	padding: 0;
	background-color: #fff;
  	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #fff;
	background-color: #fff;
	}

body, html, p {
    font: 14px/16px "Tahoma", "Arial", "Sans-Serif";
	color: #2d2d2d;
	margin-top: 0;
	margin-bottom: 11px;
	}

img {
	border: 0;
	}

/* LINKS */
a:link, a:visited {
	color: #bbbab1;
	text-decoration: none;
	}

a:hover {
	color: #363636;
	text-decoration: none;
	}

a:active {
	color: #bbbab1;
	text-decoration: none;
	}


.inactive a:link, .inactive a:visited {
	color: #bbbab1;
	text-decoration: none;
	}

.inactive a:hover {
	color: #363636;
	text-decoration: none;
	}

.inactive a:active {
	color: #bbbab1;
	text-decoration: none;
	}


.active a:link, .active a:visited {
	color: #363636;
	text-decoration: none;
	}

.active a:hover {
	color: #363636;
	text-decoration: none;
	}

.active a:active {
	color: #363636;
	text-decoration: none;
	}


#footer a:link, #footer a:visited {
	color: #cdcdcd;
	text-decoration: none;
	}

#footer a:hover {
	color: #353434;
	text-decoration: none;
	}

#footer a:active {
	color: #cdcdcd;
	text-decoration: none;
	}



/* CONTAINER DEFINITION */
#site {
	position: absolute; top: 50%; left: 50%;
	width: 900px;
	height: 600px;
	margin-top: -300px;
	margin-left: -460px;
	z-index: 9;
	}

#menu {
	position: absolute; top: 155px; left: 55px;
	z-index: 99;
	}

#print-image, #print-image-cover, #print-image-full, #print-image-half, #print-image-contact {
	position: absolute;
	visibility: hidden;
	}

#text-right {
	position: absolute;
	text-align: left;
	width: 160px;
	margin-left: 732px;
	margin-top: 155px;
	z-index: 9;
	}

#text-right-ext {
	position: absolute;
	text-align: left;
	width: 200px;
	margin-left: 732px;
	margin-top: 155px;
	z-index: 9;
	}

.extended-line-spacing {
    font: 14px/18px "Tahoma", "Arial", "Sans-Serif";
	}

#text-top {
	position: absolute;
	text-align: left;
	width: 455px;
	margin-left: 340px;
	margin-top: 158px;
	z-index: 9;
	}

#testimonials {
	position: absolute;
	text-align: left;
	width: 550px;
	margin-left: 315px;
	margin-top: 231px;
	z-index: 9;
	}

#testimonials-logo {
	position: absolute;
	text-align: left;
	width: 105px;
	height: 51px;
	margin-left: 535px;
	margin-top: 143px;
	z-index: 9;
	}

#imprint-left {
	position: absolute;
    font-size: 14px/16px;
	text-align: left;
	width: 290px;
	margin-left: 260px;
	margin-top: 155px;
	z-index: 9;
	}

#imprint-right {
	position: absolute;
    font-size: 14px/16px;
	text-align: left;
	width: 300px;
	margin-left: 590px;
	margin-top: 155px;
	z-index: 9;
	}

#contact-map {
	position: absolute;
	text-align: left;
	margin-left: 250px;
	margin-top: 160px;
	z-index: 9;
	}

#text-login {
	position: absolute;
	text-align: left;
	width: 555px;
	padding-left: 320px;
	padding-top: 470px;
	z-index: 78;
	}

#text-register {
	position: absolute;
	text-align: left;
	width: 555px;
	padding-left: 320px;
	padding-top: 158px;
	z-index: 79;
	}

#text-privacy {
	position: absolute; left: 50%;
	text-align: justify;
	width: 650px;
	margin-left: -325px;
	margin-top: 40px;
	padding-bottom: 50px;
	z-index: 9;
	}

#text-support-menu {
	position: absolute;
	text-align: left;
	width: 435px;
	margin-left: 295px;
	margin-top: 153px;
	z-index: 88;
	}

#text-support-code-search {
	position: absolute;
	text-align: left;
	width: 235px;
	margin-left: 400px;
	margin-top: 210px;
	z-index: 79;
	}

#text-support-code-results {
	position: absolute;
	text-align: left;
	width: 400px;
	margin-left: 403px;
	margin-top: 325px;
	z-index: 77;
	}

#text-support-content {
	position: absolute;
	text-align: left;
	width: 535px;
	margin-left: 300px;
	margin-top: 215px;
	z-index: 79;
	}

#text-support-contact {
	position: absolute;
	text-align: left;
	width: 535px;
	padding-left: 235px;
	padding-top: 210px;
	z-index: 79;
	}

#text-support-external {
	position: absolute; left: 50%;
	text-align: justify;
	width: 400px;
	margin-left: -200px;
	margin-top: 50px;
	padding-bottom: 50px;
	z-index: 9;
	}

#text-support-download {
	position: absolute; top: 50%; left: 50%;
	width: 290px;
	height: 172px;
	margin-left: -145px;
	margin-top: -90px;
	}

#image-support {
	position: absolute;
	padding-left: 455px;
	padding-top: 465px;
	z-index: 8;
	}

#icon-arrow-left-testimonials {
	position: absolute;
	padding-left: 455px;
	padding-top: 143px;
	z-index: 19;
	}

#icon-arrow-right-testimonials {
	position: absolute;
	padding-left: 675px;
	padding-top: 143px;
	z-index: 19;
	}

#video-voco-media-clip-short {
	position: absolute;
	top: 160px;
	left: 262px;
	width: 600px;
	z-index: 9;
	}

#logo-announcement {
	position: absolute;
	width: 90px;
	height: 56px;
	margin-top: 420px;
	margin-left: 55px;
	z-index: 98;
	}



/* TEXT STYLES */
.title {
	font-weight: bold;
	color: #000;
	z-index: 9;
	}

.black {
	color: #000;
	z-index: 9;
	}

.right {
	text-align: right;
	}

.header {
    font: 23px/23px "Tahoma", "Arial", "Sans-Serif";
	text-align: center;
	}

.nobr {
	white-space: nowrap;
	}

#text-support-code-results table {
	width: 400px;
	border-spacing: 0;
	border-collapse: collapse;
	}

.table-head td {
	padding-bottom: 8px;
	}



/* LIST DEFINITIONS */
#menu {
	margin-top: 0;
	margin-left: 0;
	}

#menu ul {
	list-style: none;
    font: 23px/23px "Tahoma", "Arial", "Sans-Serif";
	margin: 0;
	padding: 0;
	}

#menu ul ul li  {
    font: 14px/16px "Tahoma", "Arial", "Sans-Serif";
	margin-top: 0;
	margin-left: 20px;
	}

#menu ul li ul {
//	margin-top: -27px;
	}

#menu ul ul ul li {
	margin-top: 0;
	margin-left: 20px;
	}

#menu ul ul li ul {
	margin-top: 0;
	}

#text-support-external ul li, #text-support-content ul li, #text-privacy ul li {
	list-style-image: url("images/icon-bullet.gif");
	margin-top: 0;
	margin-left: -20px;
	_margin-left: 25px;
}

#text-right ul {
	list-style-image: url("images/icon-bullet.gif");
	margin-left: 20px;
	padding: 0;
	}


/* INPUT FIELDS */
.input-field {
	border-width: 2px;
	border-style: solid;
	border-color: #e8e7e0;
	background-color: #e8e7e0;
	font-size: 14px;
	color: #2d2d2d;
	width: 250px;
	height: 16px;
	}

.input-field-long {
	border-width: 2px;
	border-style: solid;
	border-color: #e8e7e0;
	background-color: #e8e7e0;
	font-size: 14px;
	color: #2d2d2d;
	width: 350px;
	height: 16px;
	}

.input-dropdown-menu {
	border-width: 1px;
	border-style: solid;
	border-color: #b3b3b3;
	background-color: #fff;
	font-size: 14px;
	color: #2d2d2d;
	width: 254px;
	_width: 256px;
	height: 22px;
	}

.input-dropdown {
	border-width: 2px;
	border-style: solid;
	border-color: #e8e7e0;
	background-color: #e8e7e0;
	font-size: 14px;
	color: #2d2d2d;
	width: 254px;
	_width: 256px;
	height: 22px;
	}

.input-checkbox {
	margin-left: 0;
	margin-top: 0;
	}

.input-textarea {
	border-width: 2px;
	border-style: solid;
	border-color: #e8e7e0;
	background-color: #e8e7e0;
	font-size: 14px;
	color: #2d2d2d;
	width: 350px;
	height: 110px;
  	scrollbar-face-color: #cccbc2;
	scrollbar-shadow-color: #e8e7e0;
	scrollbar-highlight-color: #e8e7e0;
	scrollbar-3dlight-color: #e8e7e0;
	scrollbar-darkshadow-color: #e8e7e0;
	scrollbar-track-color: #e8e7e0;
	scrollbar-arrow-color: #e8e7e0;
	}

.input-button {
	border-width: 2px;
	border-style: solid;
	border-color: #e8e7e0;
	background-color: #e8e7e0;
	font-size: 14px;
	color: #2d2d2d;
	width: 130px;
	height: 22px;
	}



/* ROLLOVERS */
.rollover { display: block; }
.rollover img { width: 100%; height: 100%; border: 0; }
.rollover:hover { visibility: visible; }
.rollover:hover img { visibility: hidden; }

.borderhover img {
	border: 1px solid #bbbab1;
	}

.borderhover:hover img {
	border: 1px solid #363636;
	}

.borderhover:hover {
	color: black;
	}

#logo-ruwido {
	position: absolute;
	width: 156px;
	height: 24px;
	margin-top: 95px;
	margin-left: 55px;
	z-index: 98;
	}

#logo-ruwido-front {
	position: absolute;
	background-image: url("images/logo-ruwido-on.gif");
	width: 156px;
	height: 24px;
	margin-top: 95px;
	margin-left: 55px;
	z-index: 98;
	}

#icon-arrow-left {
	position: absolute;
	background-image: url("images/icon-arrow-left-on.gif");
	width: 45px;
	height: 51px;
	}

#icon-arrow-right {
	position: absolute;
	background-image: url("images/icon-arrow-right-on.gif");
	width: 45px;
	height: 51px;
	}

#icon-rotate {
	position: absolute;
	background-image: url("images/icon-rotate-on.gif");
	width: 30px;
	height: 30px;
	top: 547px;
	left: 436px;
	z-index: 1;
	}

#icon-download-support {
	position: absolute;
	background-image: url("images/icon-download-support-on.gif");
	width: 150px;
	height: 75px;
	margin-left: 67px;
	margin-top: 45px;
	z-index: 9;
	}