@media all {
	
	* { 
		margin:				0; 
		padding:			0;
	} 
	
	option {
		padding-left:		0.4em;
	}
	
	html {
		height:				100%;
	}
	
	body { 
		min-height:			100%;
		font-size:			100.01%;
		position:			relative; 
		color:				#fafafa;        
		background:			#000000; 
		text-align:			center; 
		font-family:		Verdana, Arial, Helvetica, serif;			      
		background:			url(img/BG.jpg); 
	} 
	
	fieldset, img {
		border:				0;
	}
	
	select, input, textarea {
		font-size:			99%;
	}
	
}

h1 {			
			margin:				0px;
			padding:			15px;
			text-align:			center;
			font-weight:		bold;
			font-family:		Calibri, "Times New Roman", serif;
			font-size:			24pt;
			color:				#fafafa;
			text-indent:		-999em;
}

h2 {			
			margin:				0px;
			padding:			15px;
			text-align:			center;
			font-weight:		bold;
			font-family:		Calibri, "Times New Roman", serif;
			font-size:			18pt;
			color:				#fafafa;
			text-indent:		-999em;
}

span.linktext {
			display:			none;
}

a {
			color:				#111111;
			text-decoration:	none;
}

div#header {
			width:				980px;
			height:				102px;
			overflow:			hidden;
}

		div#logo {
					width:				491px;
					height:				102px;
					background:			url(img/logo.jpg);
					float:				left;
		}
		
		div#headerrechts {
					width:				489px;
					height:				102px;
					float:				left;
		}
		
				div#titel {
							width:				489px;
							height:				68px;
							background:			url(img/titel.jpg);
				}
				
				div#navi {
							width:				489px;
							height:				21px;
				}
								
						div#navilinks{
							width:				8px;
							height:				21px;
							background:			url(img/navilinks.jpg);
							float:				left;
						}
				
						div#navi a {							
							color:				#232424;
						}
				
						a#home {
							width:				94px;
							height:				21px;
							background:			url(img/home_btn.jpg);
							float:				left;			
						}
						
						a#home:hover{
							background:			url(img/home_btn.jpg) 0 -21px no-repeat;
						}
						
						a#home_on{
							width:				94px;
							height:				21px;
							background:			url(img/home_btn.jpg) 0 -42px no-repeat;
							float:				left;
						}
						
						a#study {
							width:				93px;
							height:				21px;
							background:			url(img/study_btn.jpg);
							float:				left;		
						}
						
						a#study:hover{
							background:			url(img/study_btn.jpg) 0 -21px no-repeat;
						}
						
						a#study_on{
							width:				93px;
							height:				21px;
							background:			url(img/study_btn.jpg) 0 -42px no-repeat;
							float:				left;
						}
						
						a#projects {
							width:				93px;
							height:				21px;
							background:			url(img/projects_btn.jpg);
							float:				left;
						}
						
						a#projects:hover{
							background:			url(img/projects_btn.jpg) 0 -21px no-repeat;
						}
						
						a#projects_on{
							width:				93px;
							height:				21px;
							background:			url(img/projects_btn.jpg) 0 -42px no-repeat;
							float:				left;
						}
						
						a#aboutme {
							width:				93px;
							height:				21px;
							background:			url(img/aboutme_btn.jpg);
							float:				left;
						}
						
						a#aboutme:hover{
							background:			url(img/aboutme_btn.jpg) 0 -21px no-repeat;
						}
						
						a#aboutme_on{
							width:				93px;
							height:				21px;
							background:			url(img/aboutme_btn.jpg) 0 -42px no-repeat;
							float:				left;
						}
						
						a#links {
							width:				94px;
							height:				21px;
							background:			url(img/links_btn.jpg);
							float:				left;
						}
						
						a#links:hover{
							background:			url(img/links_btn.jpg) 0 -21px no-repeat;
						}
						
						a#links_on{
							width:				94px;
							height:				21px;
							background:			url(img/links_btn.jpg) 0 -42px no-repeat;
							float:				left;
						}
						
						div#navirechts{
							width:				14px;
							height:				21px;
							background:			url(img/navirechts.jpg);
							float:				left;
						}
				
				div#naviunten {
							width:				489px;
							height:				13px;
							background:			url(img/naviunten.jpg);
				}
				
				
div#portfolio {
			width:				980px;
			height:				302px;
}

		div#portoben {
			width:				980px;
			height:				12px;	
			background:			url(img/portoben.jpg);
		}
		
		div#portmitte {
			width:				980px;
			height:				278px;	
			background:			#000000;
		}
		
				div#portlinks {
						width:				10px;
						height:				278px;	
						background:			url(img/portlinks.jpg);
						float:				left;
				}
				
				div.balken {
						width:				2px;
						height:				278px;	
						background:			url(img/balken.jpg);
						float:				left;
				}
				
				a#bild1 {
						width:				237px;
						height:				278px;	
						background:			url(img/tw.jpg);
						float:				left;
						filter:				alpha(opacity=40);
						opacity:			0.4;
						-moz-opacity:		0.4;
				}
				
				a#bild1:hover {
						filter:				alpha(opacity=100);
						opacity:			1.0;
						-moz-opacity:		1.0;
				}
				
				
				a#bild2 {
						width:				238px;
						height:				278px;	
						background:			url(img/itpp.jpg);
						float:				left;
						filter:				alpha(opacity=40);
						opacity:			0.4;
						-moz-opacity:		0.4;
				}
				
				a#bild2:hover {
						filter:				alpha(opacity=100);
						opacity:			1.0;
						-moz-opacity:		1.0;
				}
				
				a#bild3 {
						width:				238px;
						height:				278px;	
						background:			url(img/fsc.jpg);
						float:				left;
						filter:				alpha(opacity=40);
						opacity:			0.4;
						-moz-opacity:		0.4;
				}
				
				a#bild3:hover {
						filter:				alpha(opacity=100);
						opacity:			1.0;
						-moz-opacity:		1.0;
				}
				
				a#bild4 {
						width:				237px;
						height:				278px;	
						background:			url(img/sk.jpg);
						float:				left;
						filter:				alpha(opacity=40);
						opacity:			0.4;
						-moz-opacity:		0.4;
				}
				
				a#bild4:hover {
						filter:				alpha(opacity=100);
						opacity:			1.0;
						-moz-opacity:		1.0;
				}
				
				div#portrechts {
						width:				10px;
						height:				278px;	
						background:			url(img/portrechts.jpg);
						float:				left;
				}
		
		div#portunten {
			width:				980px;
			height:				12px;	
			background:			url(img/portunten.jpg);
		}
		
div#main {
			width:				980px;
			height:				534px;
}
	
		div#mainlinks {
					width:				10px;
					height:				534px;	
					background:			url(img/mainlinks.jpg);
					float:				left;
		}
		
		div#mainmitte {
					width:				960px;
					height:				534px;	
					background:			url(img/main_bg.jpg);
					float:				left;
		}
		
		div#mainrechts {
					width:				10px;
					height:				534px;	
					background:			url(img/mainrechts.jpg);
					float:				left;
		}

div#block {
			margin-top:			30px;
			margin-bottom:		10px;
			text-align:			left;
}

		div#block #block_links {
			padding-left:		295px;
			width:				200px;
			float:				left;
		}
		
		input {
			margin-bottom:		-7px;
		}

		div#block #block_rechts { 
			width:				400px;
			margin-left:		400px;
		}

div#seite{
			width:				960px;
			height:				534px;
			margin:				auto;
			overflow:			auto;	
			text-align:			left;
			overflow:			hidden;
}

div#studyboard{
			width:				960px;
			height:				534px;
			margin:				auto;
			overflow:			auto;	
			text-align:			left;
			overflow:			hidden;
			background:			url(img/studyboard.jpg);
}

div#seitenframes{
			width:				936px;
			height:				510px;
			margin:				14px 14px 14px 15px;
}

div.seiteninhalt {
			width:				457px;
			height:				243px;
			float:				left;
			margin:				5px 4px 5px 4px;
}

div#seitenframe1 {
			width:				455px;
			height:				131px;
			background:			url(img/home_screen.jpg);
			border:				1px solid #222222;
}

div.frameunten {
			width:				457px;
			height:				80px;
			padding-top:		8px;
			padding-left:		1px;
}

a#frame1btn {
			width:				128px;
			height:				24px;
			float:				right;
			background:			url(img/frame_home.jpg);
}

a#frame1btn:hover {
			background:			url(img/frame_home.jpg) 0 -24px no-repeat;
}

div#seitenframe2 {
			width:				455px;
			height:				131px;
			background:			url(img/study_screen.jpg);
			border:				1px solid #222222;
}

a#frame2btn {
			width:				128px;
			height:				24px;
			float:				right;
			background:			url(img/frame_study.jpg);
}

a#frame2btn:hover {
			background:			url(img/frame_study.jpg) 0 -24px no-repeat;
}

div#seitenframe3 {
			width:				455px;
			height:				131px;
			background:			url(img/projects_screen.jpg);
			border:				1px solid #222222;
}

a#frame3btn {
			width:				128px;
			height:				24px;
			float:				right;
			background:			url(img/frame_projects.jpg);
}

a#frame3btn:hover {
			background:			url(img/frame_projects.jpg) 0 -24px no-repeat;
}

div#seitenframe4 {
			width:				455px;
			height:				131px;
			background:			url(img/news_screen.jpg);
			border:				1px solid #222222;
}

a#frame4btn {
			width:				128px;
			height:				24px;
			float:				right;
			background:			url(img/frame_news.jpg);
}

a#frame4btn:hover {
			background:			url(img/frame_news.jpg) 0 -24px no-repeat;
}

a#enterstudy {
			width:				270px;
			height:				70px;
			background:			url(img/enter.png);
			float:				left;
			margin-left:		340px;
}
		
div#impressum {
			background:			url(img/main_bg2.jpg);
			width:				960px;
			height:				534px;
			margin:				auto;
			overflow:			auto;	
			text-align:			left;
}

div#impressum  a{
			color:				#aaeebb;
}

div#contactseite {
			width:				960px;
			height:				534px;
			background:			url(img/main_bg2.jpg);
			overflow:			hidden;	
}

div.lebenslauf {
			font-size:			19px;
			color:				#777777;
			text-decoration:	underline;
			font-weight:		bold;
			text-align:			left;
}

th.liSpalte {
			font-weight:		normal;
			padding-left:		10px;
			width:				220px;
			text-align:			left;
}

th.reSpalte {
			font-weight:		normal;
			width:				420px;
			text-align:			left;
}

div#aboutmeseite {
			width:				620px;
			height:				400px;
			margin:				70px 0px 0px 90px;
			overflow:			hidden;	
			text-align:			left;
			float:				left;
}

a#aboutmefoto {
			width:				150px;
			height:				200px;
			border:				1px solid #111111;
			background:			url(img/me_tn.jpg);
			margin:				80px 0px 0px 10px;	
			overflow:			hidden;	
			text-align:			left;
			float:				left;
}

div#aboutmeseite  a{
			color:				#aaeebb;
}

div#spiel {
			font-size:			36px;
			color:				#777777;
			text-decoration:	underline;
			font-weight:		bold;
			text-align:			center;
			padding-left:		25px;
			padding-top:		5px;
			padding-bottom:		20px;
}

div.titel {
			color:				#fafafa;
			font-weight:		bold;
			font-size:			24px;
			padding-left:		25px;
			padding-top:		25px;
}

div.titel1 {
			font-size:			19px;
			color:				#fafafa;
			text-decoration:	underline;
			font-weight:		bold;
			text-align:			left;
			padding-left:		25px;
			padding-top:		40px;
			padding-bottom:		10px;
}

div.titel1a {
			font-size:			19px;
			color:				#fafafa;
			text-decoration:	none;
			font-weight:		bold;
			margin:				93px 0px 46px 0px;
			text-align:			center;
}

div.titel2 {
			color:				#fafafa;
			text-decoration:	underline;
			font-weight:		bold;
			text-align:			left;
			padding-left:		32px;
			padding-bottom:		5px;
}

div.text {
			text-align:			left;
			padding-left:		32px;
			padding-right:		20px;
}

div#linkseite {
			width:				880px;
			height:				454px;
			margin:				auto;
			margin-top:			25px;
			overflow:			auto;	
			text-align:			left;
}

div.projectseite {
			width:				440px;
			height:				454px;
			margin:				auto;
			margin-left:		25px;
			overflow:			auto;	
			text-align:			left;
			float:				left;
}

a.coloredlink {
			color:				#fafafa;
}


a.video {	
			color:				#5699ff;
}

a.beitrag {
			color:				#56aa55;
}

a.video#top {
			color:				#2367ff;
			font-weight:		bold;
}

a.beitrag#top {
			color:				#007700;
			font-weight:		bold;
}

span#video {
			color:				#5699ff;
}

span#beitrag {
			color:				#56aa55;
}

div#nach_rechts{
			padding-left:		15px;
			font:				500 22px/19px Verdana, Arial, Helvetica, sans-serif;
}

div#text_disclaimer {
			padding:			0px 15px 20px 15px;
			text-align:			justify;
			font:				normal 12px/19px Verdana, Arial, Helvetica, sans-serif;
}

div#footer {
				width:				980px;
				height:				259px;
				overflow:			hidden;
}

		div#copy {
				width:				980px;
				height:				49px;	
				background:			url(img/copy.jpg);
		}
		
		div#footerpic {
				width:				980px;
				height:				210px;	
				background:			url(img/footer.png);
				filter:				alpha(opacity=60);
				opacity:			0.6;
				-moz-opacity:		0.6;
		}
		
		div#footerpic:hover {
				filter:				alpha(opacity=100);
				opacity:			1;
				-moz-opacity:		1;
		}
		
				div#footerlinks {
					padding-top: 		0px;
					text-align:			left;
				}

						a#impressum_lnk {
									width:				93px;
									height:				25px;
									background:			url(img/impressum.png);
									float:				right;
						}						

						a#contact_lnk {
									width:				68px;
									height:				25px;
									background:			url(img/contact.png);
									float:				right;
						}