/* FARBEN HEIKKI */

/* rot: #CC0033 (Links, Ueberschriften etc)*/
/* grau: #666666 (Fliesstext) */


body {
/*background-color: #FDF8AA;*/
background-color: #E2EFB8;
/* background-color: red; */
margin-top: 30;
valign: center;
}

.bordered {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

.text {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
}

.bold {
font: bold 1em helvetica,verdana,arial,sans-serif;
font-size: 12px;
color: #666666;
}

.boldHeader {
font: bold 12px helvetica,verdana,arial,sans-serif;
color: #CC0000;
}

div.frame {
margin-left: 70px;
margin-right: 70px;
padding-bottom: 10px;
/*background-color: #F8FABD;*/
/*background-color: #FAFAEC; komisches hellrosaorang */
background-color: #f4f9e3;
width: 600px;
/*height: 420px;*/
border: 2px solid black;
}

div.pix {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 10px;
/*background-color: #F8FABD;*/
/*background-color: #FAFAEC; komisches hellrosaorang */
background-color: #f4f9e3;
width: 600px;
/* height: 420px; */
border: 2px solid black;
}

div.frameX {
margin-left: 70px;
margin-right: 70px;
padding-left: 50px;
padding-right: 50px;
background-color: #f4f9e3;
width: 500px !important;
width: 600px;
border: 2px solid black;
}


/* div.frameX {
margin-left: 70px;
margin-right: 70px;
padding-bottom: 10px;*/
/*background-color: #F8FABD;*/
/*background-color: #FAFAEC; komisches hellrosaorang */
/* background-color: #f4f9e3;
width: 600px;
height: 420px;
border: 2px solid black;
} 
*/

/*div.frameX {
margin-left: 70px;
margin-right: 70px;
padding-bottom: 10px;
background-color: #D3F7F8;
width: 600px;
border: 2px solid black;
}
*/

div.content {
margin-top: 25px;
/*margin-bottom: 5px;*/
/*background-color: #F8FABD;*/
/*background-color: #FAFAEC; komisches hellrosaorang */
/*background-color: #f4f9e3;*/
/*background-color: red;*/
width: 600px;
/* height: 420px;*/
/*border: 2px solid black;*/
}

div.screenshot {
margin-left: 70px;
margin-right: 70px;
padding-left: 50px;
padding-right: 50px;
background-color: #f4f9e3;
width: 600px;
border: 2px solid black;
}

div.text {
margin: 20px;
width: 500px;
height: 200px;
align: top;
}
							 
table {
font: 12px helvetica,verdana,arial,sans-serif #A9ADAE;
valign: left;
align: top;
}							

/* NORMALE LINKS */

a.normal:link {
font: 1em helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
}

a.normal:visited {
font: 1em helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
}

a.normal:hover {
text-decoration: strong;
}

/* SHOW LINKS */

a.show:link {
padding-right: 20px;
font: bold 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_show_still.gif) right no-repeat transparent;
}

a.show:visited {
padding-right: 20px;
font: bold 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_show_still.gif) right no-repeat transparent;
}

a.show:hover {
padding-right: 20px;
text-decoration: underline;
background: url(../pix/link_show_anim.gif) right no-repeat transparent;
}

/* GOTO LINKS */

a.goto:link {
padding-right: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_goto_still.gif) right no-repeat transparent;
}

a.goto:visited {
padding-right: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_goto_still.gif) right no-repeat transparent;
}

a.goto:hover {
padding-right: 20px;
text-decoration: underline;
background: url(../pix/link_goto_anim.gif) right no-repeat transparent;
}


/* RELOAD LINKS */

a.reload:link {
padding-right: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_reload_still.gif) right no-repeat transparent;
}

a.reload:visited {
padding-right: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_reload_still.gif) right no-repeat transparent;
}

a.reload:hover {
padding-right: 20px;
text-decoration: underline;
background: url(../pix/link_reload_anim.gif) right no-repeat transparent;
}

/* RIGHT LINKS */

a.right:link {
padding-right: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_show_still.gif) right no-repeat transparent;
}

a.right:visited {
padding-right: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_show_still.gif) right no-repeat transparent;
}

a.right:hover {
padding-right: 20px;
text-decoration: underline;
background: url(../pix/link_show_anim.gif) right no-repeat transparent;
}

/* LEFT LINKS */

a.left:link {
padding-left: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_back_still.gif) left no-repeat transparent;
}

a.left:visited {
padding-left: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_back_still.gif) left no-repeat transparent;
}

a.left:hover {
padding-left: 20px;
text-decoration: underline;
background: url(../pix/link_back_anim.gif) left no-repeat transparent;
}
a.gotoBold:link {
	padding-right: 20px;
	color: #CC0033;
	text-decoration: none;
	background: url(../pix/link_goto_still.gif) right no-repeat transparent;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.gotoBold:visited {
	padding-right: 20px;
	color: #CC0033;
	text-decoration: none;
	background: url(../pix/link_goto_still.gif) right no-repeat transparent;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.gotoBold:hover {
	padding-right: 20px;
	text-decoration: underline;
	background: url(../pix/link_goto_anim.gif) right no-repeat transparent;
	font-weight: bold;
}