* {
	margin:0;
	padding:0;
	}

html, body {
	height:100%;
	}

body {
	background:url(/images/bg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	}

#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-250px;
	float:left;
	}

#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 500px;
	width: 600px;
	clear: left;
	background: white;
	border: 1px solid black;
	}
	
	.portal_head {
		width: 100%;
		height: 130px;
		background: url(/images/portal_head.png) no-repeat;
		}
	
	.portal_content {
		width: 100%;
		height: 250px;
		background: #e41819;
		text-align: center;
		}

		h1.portal {
			font-size: 32px;
			font-weight: normal;
			line-height: 70px;
			color: white;
			}

		p
			{
			height: 60px;
			padding: 20px 50px 5px 50px;
			text-align: left;
			color: #FFFFFF;
			}
		a {
			color: white;
			}	
		a.regel {
			float: left;
			width: 400px;
			margin-left: 125px;
			font-size: 18px;
			line-height: 40px;
			text-align: left;
			text-decoration: none;
			color: white;
			}
		
		a.regel:hover {
			color: blue;
			}

	.portal_bar {
		width: 100%;
		height: 25px;
		margin: 15px 0px 0px 0px;
		background: #58585a;
		}

	.portal_bottom {
		width: 100%;
		height: 80px;
		line-height: 80px;
		font-size: 22px;
		text-align: center;
		color: #58585a;
		}