/*
This style sheet was created from D:\Projekte\Touchiii\proto\index.html
*/
* {
	margin: 0px;
	padding: 0px;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

img {
	border: none;
}

p {
	padding-bottom: 16pt;
}

li {
  padding-bottom: 4pt;
}

a {
	color: #3691A3;
	text-decoration: none;
}

h1 {
  color: #3691A3; 
  font-size: 14pt;
  padding-bottom: 10pt;
}

h2 {
  color: #3691A3; 
  font-size: 12pt;
  padding-bottom: 10pt;
}

h3 {
  color: #3691A3; 
  font-size: 12pt;
  padding-bottom: 12pt;
}

BODY {
	background-image: url(../images/frontend/blue/background.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	scrollbar-arrow-color:#3691A3;
	scrollbar-base-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#000000;
	scrollbar-highlight-color:#000000;
	scrollbar-shadow-color:#797979;

}

DIV {  }


/* unique IDs */
#contentscrollerframe {
	position: absolute;
	top: 100px;
	left: 295px;
	margin: 2px;
	width: 600px;
	height: 471px;
	background-image: url(../images/frontend/blue/content.jpg);
}
#contentscroller {
	width: 597px;
	height: 469px;
	/*background-attachment: fixed;
	background-position: left;*/
	margin: 1px;
	/*padding: 1px;*/
	overflow: auto;
}

/*#contentscroller {
	margin: 1px;
	width: 596px;
	height: 470px;
	overflow: auto;
	border: 1px solid red;
}*/

#content {
	padding: 45px;
	padding-right: 15px;
}

#contentwrapper {
	position: absolute;
	/*top: 200px;*/
	top: 20px;
	left: 00px;
}

#image {
	background-image: url(../images/frontend/blue/image.jpg);
	position: absolute;
	width: 309px;
	height: 512px;
	top: 101px;
	left: 905px;
}


#language {
	position: absolute;
	top: 68px;
	left: 1145px;
	width: 200px;
}

#language a {
	float: left;
}

#logo {
	background-image: url(../images/frontend/blue/logo.jpg);
	position: absolute;
	width: 378px;
	height: 59px;
	top: 28px;
	left: 295px;

}

#logo a {
  display: block;
  text-decoration: none;
	position: absolute;
	width: 378px;
	height: 59px;
	top: 0px;
	left: 0px;
}


#apo {
	position: absolute;
	width: 180px;
	height: 140px;
	top: 470px;
	left: 99px;
	padding: 0px;
	margin: 0px;
	/*background-image: url(../blue/btn_main_1.jpg);*/
	background-repeat: no-repeat;
	background-color: white;
}
#apo p {
  text-align: center;
  color: black;
  margin: 0px;
  font-size: 8pt;
}


#nav_level_1 {
	position: absolute;
	width: 180px;
	height: 512px;
	top: 101px;
	left: 99px;
	/*background-image: url(../blue/btn_main_1.jpg);*/
	background-repeat: no-repeat;

}

#nav_level_1 a {
	font-size: 12pt;
	color: white;
	text-transform: uppercase;
	display: block;
	width: 180px;
	height: 77px;
	background-repeat: no-repeat;
	margin-bottom: 13px;
	padding: 10px;
}

.nav_1_1 {
	background-image: url(../images/frontend/blue/btn_main_1.jpg);
}
.nav_1_1:Hover {
	background-image: url(../images/frontend/blue/hover/btn_main_1.jpg);
}
.nav_1_2 {
	background-image: url(../images/frontend/blue/btn_main_2.jpg);
}
.nav_1_2:Hover {
	background-image: url(../images/frontend/blue/hover/btn_main_2.jpg);
}
.nav_1_3 {
	background-image: url(../images/frontend/blue/btn_main_3.jpg);
}
.nav_1_3:Hover {
	background-image: url(../images/frontend/blue/hover/btn_main_3.jpg);
}

#nav_level_2 {
	color: white;
	position: absolute;
	top: 583px;
	left: 299px;
	width: 1000px;
}

#nav_level_2 a {
	font-size: 12pt;
	color: White;
	text-transform: uppercase;
	width: 185px;
	height: 30px;
	background-repeat: no-repeat;
	margin-right : 10px;
	padding: 5px;
	float: left;
}


.nav_2_1 {
	background-image: url(../images/frontend/blue/btn_main2_1.jpg);
}
.nav_2_1:Hover {
	background-image: url(../images/frontend/blue/hover/btn_main2_1.jpg);
}
.nav_2_2 {
	background-image: url(../images/frontend/blue/btn_main2_2.jpg);
}
.nav_2_2:Hover {
	background-image: url(../images/frontend/blue/hover/btn_main2_2.jpg);
}
.nav_2_3 {
	background-image: url(../images/frontend/blue/btn_main2_3.jpg);
}
.nav_2_3:Hover {
	background-image: url(../images/frontend/blue/hover/btn_main2_3.jpg);
}