/*

	Projekt:
	Datei: style.css
	Author: Alexander Hahn - http://keasone.de

	============
	== COLORS ==
	============

	bg:				#fff
	text:			#585858
	link:			#f00
	loink:hover: 	#f90

*/

/*-------------------- BASICS --------------------*/

body {
	width: 100%;
	/*background: #fff url(img/bg_main.gif) repeat-y top center;*/
	font: 62.5% "Helvetica Neue", "Helvetica", "Arial", Sans-Serif;
	color: #333;
	text-align:justify;
	}
	
/*-------------------- STRUCTURE --------------------*/

#wrapper { font-size: 13px; width: 100%;}

#home_de #wrapper_header { width: 100%; background: transparent url(img/bg_home.gif) repeat-x top center;  }
#sub_de #wrapper_header  { width: 100%; background: transparent url(img/bg_sub.gif) repeat-x top center;  }
	#home_de #header { 	height: 440px; width: 100%; position:relative; 	background: transparent url(img/bg_header_home_img.jpg) no-repeat center 60px;}
	#sub_de #header { 	height: 270px; width: 100%; position:relative; 	background: transparent url(img/bg_header_sub_img.jpg) no-repeat center 60px;}

		#header_content { margin: 0 auto; padding-top: 16px; width: 900px; position:relative; background: transparent; }

			#wrapper_content { margin:  0px auto; width: 860px; }

#content, #footer { background: transparent url(img/bg_dots.gif) repeat-x top left;}

#content { padding: 20px 0 20px 0; }

	#home_de #col1 { float: left; width: 560px; background-color: #fff;}
	#home_de #col2 { float: right; width: 260px; background-color: #fff;}
	
	#sub_de #col1 { float: left; width: 260px; background-color: #fff; margin-right: 40px;}
	#sub_de #col2 { float: left; width: 260px; background-color: #fff;}
	#sub_de #col3 { float: right; width: 260px; background-color: #fff;}
	
	#sub_de #col4 { float: left; width: 260px; background-color: #fff; margin-right: 40px;}
	#sub_de #col5 { float: left; width: 260px; background-color: #fff;}
	#sub_de #col6 { float: right; width: 260px; background-color: #fff;}	
	
	#sub_de.contact #col1 { float: left; width: 260px; background-color: #fff;}
	#sub_de.contact #col2 { float: right; width: 560px; background-color: #fff;}

	
		.l50 { width: 260px; float: left; background-color: #fff;}
		.r50 { width: 260px; float: right; background-color: #fff;}

#footer { padding: 15px 0; color: #dcdcdc; }

/*-------------------- LINKS --------------------*/

a {  }
	a:link 		{ color: #333333; text-decoration: none}
	a:visited 	{ color: #333333; text-decoration: none}
	a:hover 	{ color: #f00000; text-decoration: none}
	a:active 	{ color: #f00000; text-decoration: none}

/*-------------------- HEADLINES --------------------*/

h1, h2, h3, h4 { font-weight: normal; }

h1 { font-size: 2.0em; }
h2 { font-size: 18px; margin: 0 0 18px 0; }
h3 { font-size: 13px; font-weight: bold; }

h1#logo a {
	color: #fff; background: transparent url(img/logo_aiplay.gif) no-repeat scroll 0 0;
	height: 57px; width: 82px;
	line-height: 200px;
	display: block; overflow: hidden;
	position: absolute; right: 20px; top: 0px;
}


/*-------------------- TYPO --------------------*/

p { line-height: 18px; margin-bottom: 18px; }

strong { font-weight:bold; }

em { font-style:italic; font-family:"Georgia", "Times New Roman", serif; }

acronym[title] ,abbr[title] { border-bottom: 1px dotted #888 !important; cursor: help; }
	a abbr, a acronym { cursor:pointer !important; }
	
/*-------------------- IMAGES --------------------*/
	
.left { float:left; margin:0 10px 10px 0; }

/*-------------------- LISTS --------------------*/

	#header_content ul { height:  44px; margin-left: 2px;}
	#header_content ul li { float: left; height: 27px; }
	
		#home_de #header_content ul li a, #sub_de #header_content ul li a { 
			display: block; height: 27px; 
			line-height: 150px;	overflow: hidden;
			background: transparent url(img/de_repl_nav.gif) no-repeat 0px 0px; }
			
	#header_content ul li#de_01 a:link, #header_content ul li#de_01 a:visited { width: 77px; background-position: 0px 0px; }
	#header_content ul li#de_02 a:link, #header_content ul li#de_02 a:visited { width: 78px; background-position: -77px 0px; }
	#header_content ul li#de_03 a:link, #header_content ul li#de_03 a:visited { width: 108px; background-position: -155px 0px; }
	#header_content ul li#de_04 a:link, #header_content ul li#de_04 a:visited { width: 89px; background-position: -263px 0px; }
				
	#header_content ul li#de_01 a:hover, #header_content ul li#de_01 a:active { background-position: 0px -62px; }
	#header_content ul li#de_02 a:hover, #header_content ul li#de_02 a:active { background-position: -77px -62px; }
	#header_content ul li#de_03 a:hover, #header_content ul li#de_03 a:active { background-position: -155px -62px; }
	#header_content ul li#de_04 a:hover, #header_content ul li#de_04 a:active { background-position: -263px -62px; }

	#header_content ul li#de_01.active a { background-position: 0px -62px; }
	#header_content ul li#de_02.active a { background-position: -77px -62px; }
	#header_content ul li#de_03.active a { background-position: -155px -62px; }
	#header_content ul li#de_04.active a { background-position: -263px -62px; }
	
	#header_content ul li#en_04 a:link, #header_content ul li#en_04 a:visited { width: 89px; background-position: -354px 0px; }
	#header_content ul li#en_04 a:hover, #header_content ul li#en_04 a:active { background-position: -354px -62px; }
	#header_content ul li#en_04.active a { background-position: -354px -62px; }
	
/*-------------------- HEADLINES --------------------*/

	#home_de h2, #sub_de h2 { height: 30px; line-height: 150px;	overflow: hidden; 
				  background: transparent url(img/en_headlines.gif) no-repeat 0px 0px; }	

	#home_de #home_01 { background-position: 0px 0px; }
	#home_de #home_02 { background-position: 0px -50px; }

	#sub_de #aiplay_01 { background-position: 0px -100px; }
	#sub_de #aiplay_02 { background-position: 0px -150px; }
	#sub_de #aiplay_03 { background-position: 0px -200px; }
	
	#sub_de #showcase_01 { background-position: 0px -250px; }
	#sub_de #showcase_02 { background-position: 0px -300px; }
	#sub_de #showcase_03 { background-position: 0px -350px; }
	
	#sub_de #kontakt_01 { background-position: 0px -400px; }
	
	#sub_de #impressum_01 { background-position: 0px -450px; }

/*-------------------- EXTRAS --------------------*/

	a#flag_de { height: 9px; width: 14px; line-height: 150px; display: block; overflow: hidden; float: left; margin: 3px 5px 0 0;
				  background: transparent url(img/icon_flag_de.gif) no-repeat 0px 0px; opacity: 0.5;}	
	a#flag_de.active { opacity: 1.0; }
	a#flag_en { height: 9px; width: 14px; line-height: 150px; display: block; overflow: hidden; float: left; margin: 3px 5px 0 0;
				  background: transparent url(img/icon_flag_en.gif) no-repeat 0px 0px; opacity: 0.5;}
	a#flag_en.active { opacity: 1.0; }
				  
	
				  
	#content ul { padding: 0; margin: -4px 0 0 0; }
		#content ul li { padding: 0; margin: 0; background: transparent url(img/icon_list.gif) no-repeat 0px 11px; border-bottom: 2px solid #f0f0f0; padding: 5px 2px 7px 13px;}
			#content ul li:last-child { border:  none; }
				#content ul li a { padding: 0; margin: 0; }
				
	#flash_link a { display:block; height:170px; width:100%; line-height: 500px; overflow: hidden; }			

/*-------------------- CONTACTFORM --------------------*/	

.contactform label { display:  none; }
	.contactform input, .contactform textarea { font: 13px/18px "Helvetica Neue", "Helvetica", "Arial", Sans-Serif; }

	.contactform input 		{ width: 250px; padding: 4px; margin: 0 0 5px 0; border: 1px solid #ccc;}
	.contactform textarea 	{ width: 250px; padding: 4px; margin: 0 0 5px 0;  border: 1px solid #ccc; height: 130px;}
	.contactform .submit input { width: 260px; padding: 4px; margin: 0 0 5px 0; border: 1px solid #ccc; background-color: #fff; cursor: pointer;}
		
		.contactform input:hover, .contactform textarea:hover { background-color: #f0f0f0; }
		.contactform input:focus, .contactform textarea:focus { background-color: #f0f0f0; border: 1px solid #f0f0f0;}
		.contactform .submit input:hover { border: 1px solid #ccc; background-color: #f0f0f0; cursor: pointer;}
			
.errormessage { margin: 18px 0; padding: 10px; color: #f00; background-color: #f0f0f0; }

iframe { background-color: #f90; }

/*-------------------- FOOTER Download Links --------------------*/

.flyerdownload {
	margin-left: 530px;
	margin-right: 3px;
	padding-left: 15px;
	background: url("/assets/images/pdf_download.gif") no-repeat 0 3px;
}
.presspackage {
	margin-left: 3px;
	padding-left: 17px;
	background: url("/assets/images/download_package.gif") no-repeat 0 4px;
}

/*-------------------- CLEAR & HIDE --------------------*/


.hide { position:absolute; left: -9999em; top: -9999em; }

.clear { display:block; width:100%; clear:both; height:  1px;}

/* Clearen per Overflow */
.floatbox { overflow:hidden; }
/* .floatbox-Anpassung für IE */
* html .floatbox {width:100%;}