@charset "utf-8";
/* CSS Document */



#start {
background-color: #666666;
}

#wrap {
margin: -350px 0 0 -478px;
padding: 0;
top: 50%;
left:50%;
position: absolute;
width: 956px;
height: 700px;
background-image: url(images/wrap_background.jpg);
background-repeat: no-repeat;
}

#box {
margin: 113px 0 0 100px;
padding: 0;
width: 760px;
height: 460px;
background-image: url(images/box_background.jpg);
background-repeat: no-repeat;
}

#header {
margin: 0;
padding: 0;
width: 760px;
height: 140px;
background-image:url(images/header.jpg);
background-repeat: no-repeat;
}

#navigation{
	width: 172px;
	margin: 140px 0 0 0;
	position: absolute;
	left: 91px;
	top: 106px;
}

#navigation ul{
margin: 15px 0 0 15px;
padding: 0;
width: 138px;
height: 235px;
border: solid 1px #FFFFFF;
}

#navigation ul li{
margin: 8px 0 0 0;
padding: 0;
list-style: none;
}

#navigation ul li a{
margin: O;
padding: 0 0 0 25px;
width: 113px;
height: 21px;
background-image: url(images/button_navi_hell.gif);
background-position: top left;
background-repeat: no-repeat;
font-size: 12px;
font-family: Typewriter-Serial;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
}

#navigation ul li a:hover{
margin: O;
padding: 0 0 0 25px; 
height: 21px;
display: block;
background-image:url(images/button_navi_black.gif);
background-color: #000000;
background-position: top left;
background-repeat: no-repeat;
text-decoration: underline;
}

#content {
float: right;
margin: 140px 0 0 0;
width: 600px;
height: 280px;
background-image: url(images/content_background.jpg);
background-repeat: no-repeat;
font-family: Typewriter-Serial; 
font-size: 13px;
}


#contentiframe{
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

#contentiframe p{
margin-left: 20px;
padding-left: 20px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}


#content1 {
float: right;
margin: 140px 0 0 0;
width: 600px;
height: 280px;
background-image: url(images/wir.jpg);
background-repeat: no-repeat;
background-position: top right;
font-family: Typewriter-Serial, Courier, monospace; 
font-size: 13px;
overflow-y: scroll;
overflow-x: hidden;
}

#content2 {
float: right;
margin: 140px 0 0 0;
width: 600px;
height: 280px;
background-image: url(images/content_background.jpg);
background-repeat: no-repeat;
background-position: top right;
font-family: Typewriter-Serial, Courier, monospace; 
font-size: 13px;
overflow-y: scroll;
overflow-x: hidden;
}

p {
margin: 8px 0 0 20px;
padding: 0;
font-family: Typewriter-Serial, Courier, monospace;
color: #FFFFFF;
font-size: 13px;
}

h1 {
margin: 22px 0 0 20px;
padding: 0;
font-family: Typewriter-Serial,Courier, monospace;
font-size: 16px;
color: #CC0000;
}

.imgborder { 
border: solid 1px #FFFFFF;
}

#footer {
margin: 0;
padding: 0;
float: right;
background-color:#FF0000;
}

table {
margin: 0 0 0 20px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 11px;
}


table a {
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
}

.textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color: #FFFFFF;
}

#iframe {
background-color: #CC6666;
}