/* -- MAIN LAYOUT ------------------------------------------------------------------------ */

html {
	margin:0px;
	padding:0px;
}

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin:0px;
	padding:0px;
	font-size:small;
	text-align: center;
/*	background: url("../images/) repeat-x #191919;*/
	background-color: #191919;
}

img { border: none; text-decoration:none; }


/* clean up - double definition!! */
form, input, select {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

a {text-decoration:underline; color: #23466c; font-size: xx-small;}
a:link, a:visited {color: #23466c;}
a:hover, a:active, a:focus {
	color: #e99800;
	text-decoration:underline;
}

a img {text-decoration:none;}

h1, h2, h3, h4 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 3px 0px 5px 0px;
	padding: 0px;
	color: #333333;
}

h1 {font-size: 1.9em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.0em; font-weight: bold; color: #666666;}


p {
	margin: 0px;
	padding: 0px;
	color: #484848;
/*	border: 1px solid #00f;*/
}

ul { list-style-type:square; }

/* SPECIAL CLASSES ----------------------------------------------------------------------------------------------------- */

.invisible { display: none; visibility: hidden; }

.clear {clear: both;}

.clear-align-right {
	/* special IE "*" only for IE visible */
*	float: left;
 	clear: both;
}

.left {float: left;}
.right{float:right;}
.vmiddle {vertical-align: middle;} 

.align-right {
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}

.splash-right {
	float: right;
	margin: 0px 0px 3px 20px;
	padding: 3px;
/*	position: relative; */
	border: 1px solid #cccccc;
}

.inactive{
	color: #ccc;
}

.red-border {
	border: 1px solid #be2d2d !important;
}

/* -- main classes --------------------------------------------------------------------------------------------------------- */

#wrapper-header {
	width: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 800px;
	padding: 0px;
	text-align: center;
	background: url("../images/bg-page-header_blue.png") no-repeat;
/*	border: 1px solid #f00; */
}

#wrapper {
	width: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 800px;
	padding: 0px;
	text-align: center;
	background: url("../images/bg-page.png") repeat-y;
/*	border: 1px solid #f00; */
}

#wrapper-footer {
	width: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 800px;
	padding: 0px;
	text-align: center;
	background: url("../images/bg-page-footer.png") no-repeat;
/*	border: 1px solid #f00; */
}

#page-header {
	width: 780px;
	height: 64px;
	margin-left:auto;
	margin-right:auto;
/*	background-color: #fff;*/
	color: #000;
/*	border: 1px solid #333333; */
	text-align: left;
	font-size: small;
}

#page-menu {
	width: 780px;
	height: 24px;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	color: #000;
/*	border: 1px solid #333333; */
	text-align: left;
	font-size: small;
	background: url("../images/orange.png") repeat-x;
}

#page-menu a:link,
#page-menu a:visited {
	padding: 2px;
	color: #000000;
	font-size: small;
}

#page-menu a:hover {
	color: #ffffff;
}



#page {
	width: 780px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	color: #000;
/*	border: 1px solid #333333; */
	text-align: left;
	font-size: small;
}

#page-footer {
	width: 780px;
	height: 32px;
	margin-left:auto;
	margin-right:auto;
	border-top: 1px dotted #cccccc;
	padding-top: 4px;
	font-size: 0.7em;
	color: #666666;
}

#page-right {
	width: 210px;
/*	position: relative;*/
	float: right;
	margin: 0px;
	padding: 0px;
	margin-right: 0px;
	background-color: #ffffff;
}

#page-left {
/*	position: relative;
	float: left;*/
	overflow: hidden;
	width: 565px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-right: 1px solid #f2f2f2;
}

.page-spacer {
	width: 780px;
	height: 1px;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
}

/* MAIN MENU -------------------------------------------------------------------------------------------------*/

#main-menu {
	margin: 10px;
	padding-top: 25px;
*	padding-top: 15px;
	font-size: 1.2em;
}

#main-menu a:link,
#main-menu a:visited {
	padding: 0px;
	color: #eeeeee;
	text-decoration: none;
}

#main-menu a:hover {
	color: #ffffff;
}

/* SMALL MENU -------------------------------------------------------------------------------------------------*/

#small-menu {
	margin: 0px 5px 0px 0px;
	color: #333333;
	text-align: right;
}

#small-menu a:link,
#small-menu a:visited {
	padding: 0px;
	color: #333333;
	font-size: x-small;
	text-decoration: none;
}

#small-menu a:hover {
	color: #f2f2f2;
}

/* BUTTON MENU -------------------------------------------------------------------------------------------------*/

.button-menu {
	height: 20px;
	margin: 1px 1px 1px 5px;
	padding: 1px 0px 0px 10px;
	background: url("../images/menu-2.png") no-repeat;
}


/* BANNER --------------------------------------------------------------------------------------------------------*/

#banner-products {
	width: 780px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	background: url("../images/banner/default-banner.png") no-repeat;
}


#banner-business {
	width: 780px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	background: url("../images/banner/default-banner.png") no-repeat;
}


#banner-news {
	width: 780px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	background: url("../images/banner/default-banner.png") no-repeat;
}


#banner-start {
	width: 780px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	background: url("../images/banner/start.jpg") no-repeat;
}

#banner-test {
	width: 780px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	background: url("../images/banner/test.jpg") no-repeat;
}

#banner-download {
	width: 780px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	background: url("../images/banner/download.jpg") no-repeat;
}


#banner-messages {
	width: 780px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	background: url("../images/banner/download.jpg") no-repeat;
}

#banner-demos {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/demos.jpg") no-repeat;
}

#banner-imprint {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/imprint.jpg") no-repeat;
}

#banner-contact {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/contact.jpg") no-repeat;
}

#banner-about {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/about.jpg") no-repeat;
}

#banner-news {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/news.jpg") no-repeat;
}

#banner-products {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/products.jpg") no-repeat;
}

#banner-business {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/business.jpg") no-repeat;
}

#banner-paedagogen {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/paedagogen.jpg") no-repeat;
}

#banner-life {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/life.jpg") no-repeat;
}

#banner-highscore {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/funkloch.jpg") no-repeat;
}

#banner-free_download {
	width: 780px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/banner/free_download.jpg") no-repeat;
}


#main-content {
	margin: 20px 40px 20px 40px ;
}

.main-content-separator {
	margin: 25px 0px 25px 0px;
	border-top: 1px dotted #cccccc;
}

.link-list {
	margin: 1px 0px 10px 0px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #cccccc;

}

.link-list a:link,
.link-list a:visited {
	padding: 2px;
	color: #0066cc;
	font-size: x-small;
}

.link-list a:hover {
	color: #871243;
}


.link-list p {
	margin-bottom: 8px;
}

/* SPECIAL BOXES on the right side -----------------------------------------------------------------------------------------------*/

.box-a {
	width: 100%;
	background: url("../images/bg-cont-grad-gray-02.png") repeat-x #eeeeee;
}

.right-box-a .head {
	width: 197px;      /* why different from cont???!! */
	margin: 3px 0px 0px 0px;
	padding: 1px 4px 2px 4px;
	overflow: hidden;
	border: 1px solid #2594d6;
	background: url("../images/right-box-a-head-bg.png") top repeat-x #50b5f2;
}

.right-box-a .title {
	margin: 0px;
	color: #ffffff;
	font-size: 1.15em;
}

.right-box-a .body {
	width: 205px;
	margin: 1px 0px 1px 0px;
	padding: 0px;
	overflow: hidden;
	border: 1px solid #bbbbbb;
	background: url("../images/right-box-a-body-bg.png") top no-repeat #ffffff;
}

.right-box-a .body .small-text{
	margin: 0px 0px 5px 0px;
	padding:  0px;
	color: #333333;
	font-size: 0.85em;
}

.right-box-a .body h4{
	margin: 0px;
	padding:  0px;
	color: #333333;
	font-size: 0.85em;
}

.right-box-a .body img{
	margin: 3px 0px 3px 0px;
	padding:  0px;
}


.right-box-a .cont {
	width: 195px;
	margin: 0px;
	padding: 5px;
}

/* MESSAGE BOX ------------------------------------------------------------------------------------*/

.message-box
.message-box {
	width: 100%;
	background: url("../images/bg-cont-grad-gray-02.png") repeat-x #eeeeee;
}

.message-box .head {
	width: 197px;      /* why different from cont???!! */
	margin: 3px 0px 0px 3px;
	padding: 1px 4px 2px 4px;
	overflow: hidden;
	border: 1px solid #2594d6;
	background: url("../images/right-box-a-head-bg.png") top repeat-x #50b5f2;
}

.message-box .title {
	margin: 0px;
	color: #ffffff;
	font-size: 1.15em;
}

.message-box .body {
	width: 205px;
	margin: 1px 0px 1px 3px;
	padding: 0px;
	overflow: hidden;
	border: 1px solid #bbbbbb;
	background: url("../images/right-box-a-body-bg.png") bottom repeat-x #eeeeee;
}

.message-box .cont {
	width: 195px;
	margin: 0px;
	padding: 5px;
}



/* DOWNLOAD ELEMENTS -------------------------------------------------------------------------*/

.download-header-device {
	float: left;
	width: 349px;
	background: #eeeeee;
	color: #888888;
}

.download-header-tel {
	margin-left: 2px;
	float: left;
	width: 134px;
	background: #eeeeee;
	color: #888888;
}

.download-box-tel {
	float: left;
	width: 131px;
	height: 37px;
	margin: 1px 1px 1px 1px;
	border: 1px solid #cccccc;
	text-align: left;
	background: url("../images/bg-cont-grad-gray-02.png") repeat-x #eeeeee;
}

/* IE pos. ist ein krampf - da buggt noch was!! */
.input {
	float: left;
	width: 100px;
	height: 20px;
	margin: 6px 0px 0px 1px;
*	margin: 6px 0px 0px 2px;
*	position: absolute;
	border: 1px solid #bbbbbb;
	background-position: bottom;
	background: url("../images/bg-input-a001.png") repeat-x #eeeeee;
}
.tel-go {
	float: left;
*	position: absolute;
	text-align: center;
	height: 22px;
	margin: 6px 0px 0px 1px;
*	margin: 6px 0px 0px 105px;
	border: 1px solid #bbbbbb;
	background-position: bottom;
	background: url("../images/bg-input-a001.png") repeat-x #eeeeee;
}

.button-logo-small  {
}

.button-logo-small a {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	border: 1px solid #cccccc;
	text-align: center;
	overflow: hidden;
}

.button-logo-small a:hover {
	border: 1px solid #b51b1b;
}

	
/* Download Device Logos - we define them as unique id's to change the hover image via CSS - html is filled with empty.gif placeholder*/

/* NOKIA */
#corp-logo-small-nokia  {
}
#corp-logo-small-nokia a {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	border: 1px solid #cccccc;
	text-align: center;
	overflow: hidden;
	background: url("../images/corp-logo/corp-logo-small-nokia.png")
}
#corp-logo-small-nokia a:hover {
	border: 1px solid #b51b1b;
	background: url("../images/corp-logo/corp-logo-small-nokia-active.png")
}


/* SE */
#corp-logo-small-se  {
}
#corp-logo-small-se a {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	border: 1px solid #cccccc;
	text-align: center;
	overflow: hidden;
	background: url("../images/corp-logo/corp-logo-small-se.png")
}
#corp-logo-small-se a:hover {
	border: 1px solid #b51b1b;
	background: url("../images/corp-logo/corp-logo-small-se-active.png")
}

/* MOTOROLA */
#corp-logo-small-moto  {
}
#corp-logo-small-moto a {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	border: 1px solid #cccccc;
	text-align: center;
	overflow: hidden;
	background: url("../images/corp-logo/corp-logo-small-moto.png")
}
#corp-logo-small-moto a:hover {
	border: 1px solid #b51b1b;
	background: url("../images/corp-logo/corp-logo-small-moto-active.png")
}

/* SAMSUNG */
#corp-logo-small-samsung  {
}
#corp-logo-small-samsung a {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	border: 1px solid #cccccc;
	text-align: center;
	overflow: hidden;
	background: url("../images/corp-logo/corp-logo-small-samsung.png")
}
#corp-logo-small-samsung a:hover {
	border: 1px solid #b51b1b;
	background: url("../images/corp-logo/corp-logo-small-samsung-active.png")
}

/* LG */
#corp-logo-small-lg  {
}
#corp-logo-small-lg a {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	border: 1px solid #cccccc;
	text-align: center;
	overflow: hidden;
	background: url("../images/corp-logo/corp-logo-small-lg.png")
}
#corp-logo-small-lg a:hover {
	border: 1px solid #b51b1b;
	background: url("../images/corp-logo/corp-logo-small-lg-active.png")
}

/* PORTAL MOBILE BRAND SELECTION */

/* NOKIA */
.nokia-on {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	text-align: center;
	overflow: hidden;

	border: 1px solid #666;
	background: url("../images/corp-logo/corp-logo-small-nokia-active.png");
}

.nokia-off {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	text-align: center;
	overflow: hidden;

	border: 1px solid #666;
	background: url("../images/corp-logo/corp-logo-small-nokia.png");
}

.nokia-on, .nokia-off:hover {
	border: 1px solid #b51b1b;
	background: url("../images/corp-logo/corp-logo-small-nokia-active.png")
}


/* SE */
.se-on {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	text-align: center;
	overflow: hidden;

	border: 1px solid #666;
	background: url("../images/corp-logo/corp-logo-small-se-active.png");
}

.se-off {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	text-align: center;
	overflow: hidden;

	border: 1px solid #666;
	background: url("../images/corp-logo/corp-logo-small-se.png");
}

.se-on, .se-off:hover {
	border: 1px solid #b51b1b;
	background: url("../images/corp-logo/corp-logo-small-se-active.png")
}

/* MOTOROLA */
.moto-on {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	text-align: center;
	overflow: hidden;

	border: 1px solid #666;
	background: url("../images/corp-logo/corp-logo-small-moto-active.png");
}

.moto-off {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	text-align: center;
	overflow: hidden;

	border: 1px solid #666;
	background: url("../images/corp-logo/corp-logo-small-moto.png");
}

.moto-on, .moto-off:hover {
	border: 1px solid #b51b1b;
	background: url("../images/corp-logo/corp-logo-small-moto-active.png")
}



/* SAMSUNG */
.samsung-on {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	text-align: center;
	overflow: hidden;

	border: 1px solid #666;
	background: url("../images/corp-logo/corp-logo-small-samsung-active.png");
}

.samsung-off {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	text-align: center;
	overflow: hidden;

	border: 1px solid #666;
	background: url("../images/corp-logo/corp-logo-small-samsung.png");
}

.samsung-on, .samsung-off:hover {
	border: 1px solid #b51b1b;
	background: url("../images/corp-logo/corp-logo-small-samsung-active.png")
}


/* LG */
.lg-on {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	text-align: center;
	overflow: hidden;

	border: 1px solid #666;
	background: url("../images/corp-logo/corp-logo-small-lg-active.png");
}

.lg-off {
	float: left;
	width: 67px;
	height: 37px;
	margin: 1px 1px 1px 0px;
	text-align: center;
	overflow: hidden;

	border: 1px solid #666;
	background: url("../images/corp-logo/corp-logo-small-lg.png");
}

.lg-on, .lg-off:hover {
	border: 1px solid #b51b1b;
	background: url("../images/corp-logo/corp-logo-small-lg-active.png")
}


/* DOWNLOAD AREA -------------------------------------------------------------------------------------------------------*/

.download-list {
	margin: 3px 0px 5px 0px;
	line-height: 1.8em;
	list-style-image:url("/images/ico-file-16.png");
}
.download-list li a{
	margin: 0px;
	padding: 0px;
}

/*.test {
	width: 200px;
	height: 80px;
	border: 1px solid #ff0000;
	background-color: #0000ff;
}*/
	
/* FORMS - main content ---------------------------------------------------------------------------------------------------------------*/

.form-box-header{
	height: 1.4em;
	margin: 0px;
	padding: 2px;
	padding-left: 5px;
	background: url("../images/shade-gray-b01.png") repeat-x #aaaaaa;
	border-top: 1px solid #666666;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
	/*padding-bottom: 0.1em;*/
	color: #ffffff;
	font-weight: bold;
}

.form-box {
	padding: 5px;
	border:1px solid #e6e6e6;
	background: url("../images/shade-gray-a01.png") repeat-x #ffffff;
}

.form-box .tab1 {
	clear: left;
	float: left;
	color: #555555;
	border-bottom: 1px solid #D7D7D7;
	width: 110px;
	padding-left: 3px;
	margin-bottom: 3px;
}

.form-box .tab1-empty {
	padding-left: 5px;
	margin-left: 110px;
	margin-bottom: 3px;
}

.form-box .tab1-answer {
	float: left;
	width: 110px;
}

.form-box .tab2 {
	margin-left: 10px;
}

.form-box .spacer-twoline{
	height: 1.25em;
}

/* FORM BOX inputs ----------------------------------------------------------------------------------------------------------------------------- */

.form-box input[type="reset"]{
	height: 1.4em;
	margin-top: 0px;
	margin-left: 3px;
	margin-bottom: 3px;
	background: url("../images/bg-input-a001.png") repeat-x #ffffff;
	border: 1px solid #cccccc;
	vertical-align: top;
	padding-bottom: 0.1em;
}

.form-box input[type="reset"]:hover{
	border: 1px solid #d60000;
}

.form-box input[type="reset"]:focus{
	border: 1px solid #d60000;
}

.form-box textarea{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
	color: #555555;
	border: 1px solid #cccccc;
	width: 300px;
	padding-left: 5px;
	margin-left: 3px;
	margin-bottom: 3px;
	background: url("../images/input-shade-type-a01.png") repeat-x #ffffff;
}

.form-box textarea:hover{
	border: 1px solid #91C2ED;
}

.form-box textarea:focus{
	border: 1px solid #56A1E2;
}

.form-box input[type="text"]{
	color: #555555;
	border: 1px solid #cccccc;
	width: 300px;
	padding-left: 5px;
	margin-left: 3px;
	margin-bottom: 1px;
	background: url("../images/input-shade-type-a01.png") repeat-x #ffffff;
}

.form-box input[type="text"]:hover{
	border: 1px solid #91C2ED;
}

.form-box input[type="text"]:focus{
	border: 1px solid #56A1E2;
}



.form-box input[type="password"]{
	color: #555555;
	border: 1px solid #cccccc;
	width: 300px;
	padding-left: 5px;
	margin-left: 3px;
	margin-bottom: 3px;
	background: url("../images/input-shade-type-a01.png") repeat-x #ffffff;
}

.form-box input[type="password"]:hover{
	border: 1px solid #91C2ED;
}

.form-box input[type="password"]:focus{
	border: 1px solid #56A1E2;
}



.form-box input.short{
	width: 260px;
}

.form-box input[type="file"]{
	color: #555555;
	border: 1px solid #cccccc;
	width: 300px;
	padding-left: 5px;
	margin-left: 3px;
*	margin-left: -152px;
	margin-bottom: 3px;
	background: url("../images/input-shade-type-a01.png") repeat-x #ffffff;
}

.form-box input[type="file"]:hover{
	border: 1px solid #91C2ED;
}

.form-box input[type="file"]:focus{
	border: 1px solid #56A1E2;
}

.form-box input[type="checkbox"]{
	width: 40px;
	margin-top: 0.2em;
	margin-left: 3px;
	margin-bottom: 3px;
	vertical-align: top;
	padding-bottom: 0.1em;
}

.form-box input[type="submit"]{
	height: 1.4em;
	margin-top: 0px;
	margin-left: 3px;
	margin-bottom: 3px;
	background: url("../images/bg-input-a001.png") repeat-x #ffffff;
	border: 1px solid #cccccc;
	vertical-align: top;
	padding-bottom: 0.1em;
}

.form-box input[type="submit"]:hover{
	border: 1px solid #56A1E2;
}

.form-box input[type="submit"]:focus{
	border: 1px solid #56A1E2;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* new submit' helper classes - localy defined to visual define different submit buttons...                    */
/* usage: apply a additional class up/down left/right to the submit input                                              */

/* icon up --------------------- */
.form-box .up{
	height: 18px !important;
	width: 14px !important;
	background: url("../images/ico16_up.png") no-repeat !important;
	vertical-align: top;
	padding-bottom: 0em;
	border: 1px solid #f00;
	font-size: 0px;
}

.form-box .up:hover{
	border: 1px solid #0f0;
}
.form-box .up:focus{
	border: 1px solid #56A1E2;
}
.form-box .up-off{
	margin: 0px;
	margin-left: 3px;
	height: 16px;
	width: 12px;
	background: url("../images/ico16_up_off.png") no-repeat;
	border: 1px solid #000000;
	font-size: 0px;
	float: left;
}

/* icon down --------------------- */
.form-box .down{
	height: 18px !important;
	width: 14px !important;
	background: url("../images/ico16_down.png") no-repeat !important;
	vertical-align: top;
	padding-bottom: 0em;
	border: 1px solid #cccccc;
	font-size: 0px;
}
.form-box .down:hover{
	border: 1px solid #56A1E2;
}
.form-box .down:focus{
	border: 1px solid #56A1E2;
}
.form-box .down-off{
	height: 16px;
	width: 12px;
	margin: 0px;
	margin-left: 3px;
	background: url("../images/ico16_down_off.png") no-repeat;
	border: 1px solid #000000;
	font-size: 0px;
	float: left;
}

/* icon delete --------------------- */
.form-box .delete{
	height: 18px !important;
	width: 18px !important;
	background: url("../images/icons/delete.png") no-repeat !important;
	vertical-align: top;
	border: none!important;
	font-size: 0px;
}
.form-box .delete:hover{
	background: url("../images/icons/delete-hover.png") no-repeat !important;
}
.form-box .delete-off{
	height: 18px;
	width: 18px;
	background: url("../images/icons/delete-hover.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
/*	border: 1px solid #000000;*/
	font-size: 0px;
}

/* icon add --------------------- */
.form-box .add{
	height: 18px !important;
	width: 18px !important;
	background: url("../images/icons/add.png") no-repeat !important;
	vertical-align: top;
	padding-bottom: 0em;
	border: none!important;
	font-size: 0px;
	position: relative;
	margin-right: 3px;
	margin-left: 3px;
}
.form-box .add:hover{
	background: url("../images/icons/add-hover.png") no-repeat !important;
}

.form-box .add-off{
	height: 16px !important;
	width: 16px !important;
	background: url("../images/add.png") no-repeat !important;
	vertical-align: top;
	margin-left: 3px;
	border: 1px solid #000;
	font-size: 0px;
}

.form-box .add-text{
	margin-left: 0px!important;
*	margin-left: 0px!important;
	padding-left: 0px;
	background: none!important;
	border: none!important;
/*	border: 1px solid #f00!important;*/
	font-size: small!important;
	color: #00319f!important;
	text-align: left!important;
}

.form-box .add-text:hover{
	text-decoration: underline!important;
/*	border-bottom: 1px solid #be0000!important;*/ 
	color: #9f0000!important;
}


/* icon SMS --------------------- */
.form-box .sms{
	height: 18px;
	width: 18px;
	margin: 0px;
	background: url("../images/icons/icon18-send_to_mobile-default.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
/*	border: 1px solid #cccccc;*/
	font-size: 0px;
	float: left;
}
.form-box .sms:hover{
/*	border: 1px solid #56A1E2;*/
	background: url("../images/icons/icon18-send_to_mobile-hover.png") no-repeat;
}
.form-box .sms:focus{
	border: 1px solid #56A1E2;
}
.form-box .sms-off{
	height: 18px;
	width: 18px;
	margin: 0px;
	background: url("../images/ico16-sms-off.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
	border: 1px solid #000000;
	font-size: 0px;
	float: left;
}

/* icon download --------------------- */
.form-box .download{
	height: 18px;
	width: 18px;
	margin: 0px;
	background: url("../images/icons/icon18-download-default.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
/*	border: 1px solid #cccccc;*/
	font-size: 0px;
	float: left;
}
.form-box .download:hover{
	background: url("../images/icons/icon18-download-hover.png") no-repeat;
}
.form-box .download-off{
	height: 18px;
	width: 18px;
	margin: 0px;
	background: url("../images/icons/icon18-download-default.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
	border: 1px solid #000;
	font-size: 0px;
	float: left;
}

/* icon publish --------------------- */
.form-box .publish{
	height: 18px;
	width: 18px;
	margin: 0px;
	background: url("../images/icons/icon18-publish-default.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
/*	border: 1px solid #cccccc;*/
	font-size: 0px;
	float: left;
}
.form-box .publish:hover{
	background: url("../images/icons/icon18-publish-hover.png") no-repeat;
}
.form-box .publish-off{
	height: 18px;
	width: 18px;
	margin: 0px;
	background: url("../images/icons/icon18-publish-default.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
	border: 1px solid #000;
	font-size: 0px;
	float: left;
}

/* icon mail --------------------- */
.form-box .mail{
	height: 18px;
	width: 18px;
	margin: 0px;
	background: url("../images/icons/icon18-mail-default.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
/*	border: 1px solid #cccccc;*/
	font-size: 0px;
	float: left;
}
.form-box .mail:hover{
	background: url("../images/icons/icon18-mail-hover.png") no-repeat;
}
.form-box .mail-off{
	height: 18px;
	width: 18px;
	margin: 0px;
	background: url("../images/icons/icon18-mail-default.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
	border: 1px solid #000;
	font-size: 0px;
	float: left;
}

/* SPLASH form elements --------------------- */
.form-box .splash-template-choose{
	width: 158px!important;
	height: 42px!important;
	background: url("../images/portal_layout/button_splash-template_choose.png") no-repeat !important;
	padding-bottom: 0em;
	border: none!important;
	font-size: 0px;
	margin-left: 2px!important;
	margin-top: 3px!important;
	float: left!important;
}
.form-box .splash-template-choose:hover{
	background: url("../images/portal_layout/button_splash-template_choose_hover.png") no-repeat !important;
}

.form-box .splash-template-browse-container{
	margin: 3px;
	padding: 11px; 
	width: 128px;
	height: 128px;
	float: left;
	background: url("../images/portal_layout/splash-template-browse-bg.png") no-repeat !important;
}

.form-box .splash-template-browse-container:hover{
	background: url("../images/portal_layout/splash-template-browse-bg-hover.png") no-repeat !important;
}


/* left --------------------- */
.form-box-header .left{
	height: 18px;
	width: 16px;
	margin: 0px;
	background: url("../images/form-arrow-left.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
/*	border: 1px solid #cccccc;*/
	font-size: 0px;
}
.form-box-header .left:hover{
/*	border: 1px solid #56A1E2;*/
	background: url("../images/form-arrow-left-hover.png") no-repeat;
}

.form-box-header .left-off{
	height: 18px;
	width: 16px;
	margin: 0px;
	background: url("../images/form-arrow-left-off.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
/*	border: 1px solid #000000;*/
	font-size: 0px;
}


/* right --------------------- */
.form-box-header .right{
	height: 18px;
	width: 16px;
	margin: 0px;
	background: url("../images/form-arrow-right.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
/*	border: 1px solid #cccccc;*/
	font-size: 0px;
}
.form-box-header .right:hover{
/*	border: 1px solid #56A1E2;*/
	background: url("../images/form-arrow-right-hover.png") no-repeat;
}

.form-box-header .right-off{
	height: 18px;
	width: 16px;
	margin: 0px;
	background: url("../images/form-arrow-right-off.png") no-repeat;
	vertical-align: top;
	padding-bottom: 0em;
/*	border: 1px solid #000000;*/
	font-size: 0px;
}

.form-box .text {
	color: #555555;
	border-bottom: 1px solid #D7D7D7;
	width: 80px;
	padding-left: 5px;
	margin-bottom: 3px;
}

.form-box .comment-text {
	color: #555555;
	border-bottom: none;
	font-size: xx-small;
	padding-left: 5px;
	margin-left: 113px;
	margin-bottom: 3px;
}

.form-box .small-text {
	color: #555555;
	font-size: xx-small;
}

.form-box .separator{
	margin: 0px -5px 0px -5px;
	height: 16px;
	background: url("../images/separator_a02.png") repeat-x #ffffff;
}

.form-box .spacer{
	height: 0.5em;
}
.form-box .spacer-large{
	height: 1.5em;
}

.form-box .error-message{
	height: 64px;
	margin: 0px 0px 8px 0px;
	background: url("../images/form-error-bg.png") no-repeat #ff0000;
}
.form-box .error-message h4{
	margin: 0px;
	padding: 6px 0px 0px 70px;
}
.form-box .error-message p{
	margin: 0px;
	padding: 0px 0px 5px 70px;
}

.form-box .info-message{
	height: 64px;
	margin: 0px 0px 8px 0px;
	background: url("../images/form-info-bg.png") no-repeat #ff0000;
}
.form-box .info-message h4{
	margin: 0px;
	padding: 6px 0px 0px 70px;
}
.form-box .info-message p{
	margin: 0px;
	padding: 0px 0px 5px 70px;
}

/* formating questions & answers inside forms... */ 
.form-box .numbering{
	border: 1px solid #dddddd;
	margin: 0px 4px 0px 4px;
	padding: 0px 2px 0px 2px;
	width: 14px;
	float:left;
	text-align: center;
}

.form-box .shade-line{
	background: url("../images/form-shade-line-alpha25.png") repeat-x #eeeeee;
	height: 23px; /* original 28px but you have to compensate the padding amount by substraction...*/
	margin: -1px 0px 0px 0px; /* compensate border line from class .normal-line */
	padding-top: 5px;
}

.form-box .normal-line{
	height: 23px; /* original 28px but you have to compensate the padding amount by substraction... and the border*/
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	border-bottom: 1px solid #eee;
	background-color: #fdfdfd;
}

.form-box .text-clip-container-questions{
	/* use top clip long text-align strings in list views... */
	overflow: hidden;
	width: 371px;
	height: 16px;
	margin: 0px 5px 0px 5px;
	padding: 0px 3px 0px 3px;
	float: left;
	border: 1px solid #dddddd;
}

.form-box .text-clip-container-tests{
	/* use top clip long text strings in list views... */
	overflow: hidden;
	width: 320px;
	height: 16px;
	margin: 0px 5px 0px 5px;
	padding: 0px 3px 0px 3px;
	float: left;
	border: 1px solid #dddddd;
}

.form-box .text-clip-container-id{
	/* use top clip the ID strings top layout lenght... */
	/*overflow: hidden; problematic if last chr is clipped */
	width: 74px;
	height: 16px;
	margin: 0px 5px 0px 0px;
	padding: 0px 3px 0px 3px;
	float: left;
	border: 1px solid #dddddd;
}

.form-box .icon16{
	width: 16px;
	height: 16px;
	border: 1px solid #dddddd;
	margin: 0px 4px 0px 4px;
	float: left;
}

/* splash form special stuff... */

.form-box .splash-container,.icon-container,.data-container{
	margin-left: 115px;
	width: 305px;
	border: 1px solid #d7d7d7;
	background: url("../images/shade-gray-a01.png") repeat-x #ffffff;
}

.form-box .splash-thumb128{
	width: 128px;
	height: 128px;
	padding: 4px;
	margin: 3px;
	float: left;
	background: url("../images/bg-splash-thumb128.png") no-repeat #fff;
/*	border: 1px solid #f00;*/
}

.form-box .icon-thumb32{
	width: 32px;
	height: 32px;
	padding: 4px;
	margin: 3px;
	float: left;
	background: url("../images/bg-icon-thumb32.png") no-repeat #fff;
/*	border: 1px solid #f00;*/
}

.form-box .separator-file-upload{
/*	border-top: 1px solid #d7d7d7;*/
	margin: 3px 0px 3px 0px;
	height: 1px;
	background-color: #d7d7d7;
}


/* RIGHT-BOX-A FORM  ----------------------------------------------------------------------------------------------------------------------------- */

.right-box-a .body input[type="text"]{
	color: #555555;
	border: 1px solid #cccccc;
	width: 140px;
	padding-left: 5px;
	margin-left: 3px;
	margin-bottom: 1px;
	background: url("../images/input-shade-type-a01.png") repeat-x #ffffff;
}

.right-box-a .body input[type="text"]:hover{
	border: 1px solid #91C2ED;
}

.right-box-a .body input[type="text"]:focus{
	border: 1px solid #56A1E2;
}

.right-box-a .body input[type="submit"]{
	height: 1.4em;
	margin-top: 0px;
	margin-left: 3px;
	margin-bottom: 3px;
	background: url("../images/bg-input-a001.png") repeat-x #ffffff;
	border: 1px solid #cccccc;
	vertical-align: top;
	padding-bottom: 0.1em;
}

.right-box-a .body input[type="submit"]:hover{
	border: 1px solid #56A1E2;
}

.right-box-a .body input[type="submit"]:focus{
	border: 1px solid #56A1E2;
}

.right-box-a .body .spacer{
	height: 0.5em;
}

.right-box-a .body .spacer-large{
	height: 1.5em;
}


/* Download Form */
.download-form-icon-box{
	margin-bottom: 2px;
	padding: 0px;
	height: 89px;
	width: 140px;
	float: left;
	border: 1px solid #ddd;
}

.download-form-icon{
	padding-left: 55px;
	padding-top: 30px;
}

.download-form-title{
	margin-left: 145px;
	padding-left: 5px;
	padding-top: 5px; /* bound to .download-form-icon-box:height*/
	height: 84px;
	font-size: 1.2em;
	border: 1px solid #ddd;
}

.download-form-splash-box{
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 140px;
	float: left;
	border: 1px solid #ddd;
}

.download-form-splash{
	padding-left: 5px;
	padding-top: 5px;
}

.download-form-info{
	margin-left: 145px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 5px;
	font-size: 0.8em;
	border: 1px solid #ddd;
}


#content input[type="text"] {
	width: 98%;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
#content input[type="text"]:focus {
	background-color: #ffffff;
	border: 1px solid #ccccff;
}
#content textarea {
	width: 98%;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
#content textarea:focus {
	background-color: #ffffff;
	border: 1px solid #ccccff;
}
#content .resetbutton {
	width: auto;
	margin-right: 15px;
	color: #555555;
	background-color: #EEEEEE;
	background: url("pix/layout/bg-button-gray.png") repeat-x #ebebeb;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}
#content .resetbutton:hover,
#content .resetbutton:focus {
	width: auto;
	background-color: #BE4141;
	color: #FFFFFF;
	background: url("pix/layout/bg-button-red.png") repeat-x #ad3a3a;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}
#content .startbutton {
	width: auto;
	margin-right: 15px;
	color: #555555;
	background-color: #EEEEEE;
	background: url("pix/layout/bg-button-gray.png") repeat-x #ebebeb;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}

#content .startbutton:hover,
#content .startbutton:focus {
	width: auto;
	color: #FFFFFF;
	background-color: #5EB93F;
	background: url("pix/layout/bg-button-green.png") repeat-x #5db43d;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}
#content a.linkbutton {
	width: auto;
	margin-right: 15px;
	color: #555555;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
	background-color: #EEEEEE;
	background: url("pix/layout/bg-button-gray.png") repeat-x #ebebeb;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}
#content .linkbutton:hover,
#content .linkbutton:focus {
	width: auto;
	color: #555555;
	background-color: #F6D724;
	background: url("pix/layout/bg-button-yellow.png") repeat-x #f7da23;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}

/* Product Matrix --------------------------------------------------------------------------------------------------------------------*/

#product-matrix {
	width: 484px;
	height: 358px;
	background: url("../images/product-matrix/product-matrix-bg.png") no-repeat #f5f5f5;
	overflow: hidden;
}

#product-matrix .img-container {
	margin: 5px;
	width: 104px;
	height: 104px;
	background-color: #7ad2ff;
	float: left;
}

#product-matrix .img-container:hover {
	background-color: #d40000;
}

#product-matrix .spacer {
	margin-top: 8px;
	margin-left: 15px;
}

#product-matrix img {
	margin: 2px;
}

/* S4M Navigation VIZ ------------------------------------------------------------------------------------------------------*/

#nav-viz-block {
	height: 8px;
	margin: 6px 0px 0px 40px;
}

.nav-viz-normal {
	float: left;
	text-align: center;
	font-size: x-small;
	width: 97px;
	height: 17px;
	color: #eee !important;
	padding: 1px 0px 0px 0px;
	background: url("../images/nav_viz_bg_light.png") no-repeat;
}
.nav-viz-normal:hover {
	background: url("../images/nav_viz_bg_normal.png") no-repeat;
}

.nav-viz-select {
	float: left;
	text-align: center;
	font-size: x-small;
	width: 97px;
	height: 17px;
	color: #555555 !important;
	padding: 1px 0px 0px 0px;
	background: url("../images/nav_viz_bg_select.png") no-repeat;
}
.nav-viz-select:hover {
	background: url("../images/nav_viz_bg_select.png") no-repeat;
}

.nav-viz-inactive {
	float: left;
	text-align: center;
	font-size: x-small;
	width: 97px;
	height: 17px;
	color: #555555;
	padding: 1px 0px 0px 0px;
	background: url("../images/nav_viz_bg_inactive.png") no-repeat;
}
.nav-viz-inactive:hover {
	background: url("../images/nav_viz_bg_inactive.png") no-repeat;
}

/* Messages ----------------------------------------------------------------------------------------------------- */

#main-content .message-info{
	height: 96px;
	margin: 0px 0px 8px 0px;
	background: url("../images/message-info-bg.png") no-repeat #ff0000;
}


#main-content .message-info h4{
	margin: 0px;
	font-size: 1.2em;
	color: #444444;
	font-weight: normal;
	padding: 16px 0px 0px 70px;
}
#main-content .message-info p{
	margin: 0px;
	color: #444444;
	padding: 0px 0px 5px 70px;
}


#main-content .message-error{
	height: 96px;
	margin: 0px 0px 8px 0px;
	background: url("../images/message-error-bg.png") no-repeat #ff0000;
}


#main-content .message-error h4{
	margin: 0px;
	font-size: 1.2em;
	color: #444444;
	font-weight: normal;
	padding: 16px 0px 0px 70px;
}
#main-content .message-error p{
	margin: 0px;
	color: #444444;
	padding: 0px 0px 5px 70px;
}

/* OnMouseOver Help ID's for BOX help in forms -------------------------------------------------------------*/

#help-id-titel, #help-id-dateiname, #help-id-beschreibung, #help-id-tags, #help-id-icon, #help-id-splash, #help-id-antworten, #help-id-frage-hinzufuegen{
	margin: 0px;
/*	border: 1px dotted #00f;*/
}

/* ############################################################ */
/* Funkloch Highscore */

.highscore-left{
		float: right;
		background: url("/images/bg-cont-grad-gray-02.png") repeat-x;
		width: 225px;
		border: 1px solid #aaa;
		padding: 5px;
		margin-right: 2px;
}

.highscore-right{
		float: right;
		background: url("../images/bg-cont-grad-gray-02.png") repeat-x;
		width: 225px;
		border: 1px solid #aaa;
		padding: 5px;
}

.highscore-entry{
	padding: 3px;
	border: 1px solid #aaa;
	margin-bottom: 2px;
	background: url("../images/glossy-green-01.png") repeat-x;
}

.highscore-entry-lastplayer{
	padding: 3px;
	border: 1px solid #aaa;
	margin-bottom: 2px;
	background: url("../images/glossy-green-desaturated-01.png") repeat-x;
}


.highscore-time-range{
	background-image: url("../images/menu-1.png")
}


/*##################################################################################################################
/* PORTAL*/

.result-list{

}

.result-list .author{
	background: url("../images/result-list-author-bg-01.png") repeat-x;
	border: 1px solid #ccc;
	height: 66px;
}

.result-list .author img{
	float: left;
	margin: 1px 3px 1px 1px;
}

.result-list .author h2{
	font-size: 1.4em;
}

.result-list .author p{
	font-size: 1.0em;
}

.result-list .shade-line{
	background: url("../images/result-list-line-a.png") repeat-x #eeeeee;
	height: 34px;
	margin: 0px 0px 0px 0px; /* compensate border line from class .normal-line */
	padding-top: 0px;
}

.result-list .shade-line img{
	margin-left: 33px;
	margin-right: 3px;
	vertical-align: middle;
}

.result-list .normal-line{
	background: url("../images/result-list-line-b.png") repeat-x #eeeeee;
	height: 34px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	border-bottom: 1px solid #eee;

}

.result-list .normal-line img{
	margin-left: 33px;
	margin-right: 3px;
	vertical-align: middle;
}

.result-list .separator{
	background: url("../images/separator_a02.png") repeat-x;
}

/* PORTAL MODULES */

.modules {
	background: url("../images/portal_layout/module_bg.png") no-repeat;
	height: 200px;
}

.module-container {
	float: left;
	width: 115px;
	height: 92px;
	margin: 8px 0px 0px 3px;
	text-align: center;
	color: #666;
}

.module-container img:hover {
	background: url("../images/portal_layout/module-icon-hover.png") no-repeat;
	margin-top: 1px;
}

.module-container .string {
	margin-top: -2px;
	font-size: xx-small;
/*	color: #888;*/
}

/*.module-container .string a:hover {
	color: #333;
}*/

.module-help {
	border: 1px solid #ddd;
	padding: 5px;
	background: url("../images/shade-gray-a01.png") repeat-x #f00;
}

/* PORTAL SETTINGS */

.settings {
	background: url("../images/shade-gray-a01.png") repeat-x #eee;
	height: 84px;
}

.settings-container {
	float: left;
	width: 64px;
	margin: 4px 0px 0px 3px;
	text-align: center;
	border: 0px dotted #666;

}

.settings-container img:hover {
	background: url("../images/portal_layout/ico48-hover-a.png") no-repeat;
	padding: 1px;
/*	margin-top: 1px;*/
}

.settings-container .string {
	margin-top: -2px;
	font-size: xx-small;
}

.settings-container .string a{
	color: #666;
}