/*
	default layout for 1140px
*/

.clear {
	clear: both;
}

body {
	font-family: 'Droid Sans', sans-serif;
    line-height: 1.5em;
    background: #000;
}

#site {
	height: 100%;
	background: #000;
}

	.container12 {
		background-color: #111111;
	}
	
		#header {
			padding: 20px;
			position: relative;
		}
		
			#slogan {
				position: absolute;
				top: 100px;
				right: 40px;
				color: #FFF;
				font-size: 30px;
			}
		
		#center {
			padding: 20px;
			color:#FFF;
		}
		
		.koptext {
			font-size: 18px;
			margin-bottom: 20px;
			margin-top: 20px;	
		}
		
		.iframe {
			margin: 0px auto;
			padding: 20px;
			text-align: center;
			width: 420px; 
			height: 315px;
		}
		
			.frame {
				width: 420px; 
				height: 315px;	
			}
		
		#footer {
			color: #FFF;
			padding: 20px;
		}
		
			#footer ul {
				width: auto;
				list-style: none;
				text-align: center;
			}
			
			#footer a {
				color: #FFF;
			}
	
	


/*
	layout for 960px
*/
@media only screen and (min-width: 960px) and (max-width: 1160px) {



}

/*
	layout for 768px
*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/*
	layout for handheld
*/
@media handheld, only screen and (max-width: 767px) {

	.iframe {
		padding: 0px;
		width: 300px; 
		height: 225px;
	}
	
		.frame {
			width: 300px; 
			height: 225px;	
		}	
		
		#slogan {
				position: absolute;
				top: 200px;
				right: 40px;
				color: #FFF;
				font-size: 20px;
			}	
		
}

/*
	layout for large handheld
*/
@media handheld, only screen and (min-width: 480px) and (max-width: 767px) {

	.iframe {
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		width: 420px; 
		height: 315px;
	}
	
		.frame {
			width: 420px; 
			height: 315px;	
		}	

}