@charset "UTF-8";

@media all
{

/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Intro
  *
  */

	table.intro,
	table.intro td { 
		width:100%;
		height:100% !important;
		border:none;
	}

	table.intro td {
		vertical-align:middle;
		text-align:center;
		color:#fff;
	}
	
	
	html, body {
		height:100%;
	}

	#spacer {
		height: 50%; 
		width: 200px;
		margin-bottom: -325px; 
		float: left; 
	}
	
	
	#container {
		margin: auto auto; 
		width: 714px; 
		height: 600px; 
		clear: left; 
		overflow: hidden; 
		position: relative; 
		text-align: left;
	
	}
	
	#container #logo {
		position:absolute;
		top:0px;
		left:250px;
	 }
	
	#container #title {
		position:absolute;
		top:26px;
		left:345px;
	}
	
	
	#containerContent {
		position:absolute;
		top:107px;
		width: 714px; 
		height: 460px; 
		background-color:#fff;
		
		-moz-border-radius-topleft:20px;
		-moz-border-radius-topright:20px;
		-webkit-border-top-left-radius:20px;
		-webkit-border-top-right-radius:20px;
		-khtml-border-top-left-radius:20px;
		-khtml-border-top-right-radius:20px;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
		
		-moz-border-radius-bottomleft:20px;
		-moz-border-radius-bottomright:20px;
		-webkit-border-bottom-left-radius:20px;
		-webkit-border-bottom-right-radius:20px;
		-khtml-border-bottom-left-radius:20px;
		-khtml-border-bottom-right-radius:20px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
	}


	#containerContent #emotion {
		position:absolute;
		top:10px;
		left:10px;
	}
	
	#containerContent #sponsoren {
		position:absolute;
		top:365px;
		left:0px;
	}
	
	#containerContent #sponsoren a {
    padding-left:25px;
    padding-right:25px;
  }
	
	#containerContent #sponsoren a:hover,
	#containerContent #sponsoren a:active {
		text-decoration:none;
	}
	
	
	
	
	
}