/**************************************************************************************/
/*  __  ___                              ____         __ _                            */
/*  \ \/ (_)_ __ ___   ___ _ __   __ _  / ___|  ___  / _| |___      ____ _ _ __ ___   */
/*   \  /| | '_ ` _ \ / _ \ '_ \ / _` | \___ \ / _ \| |_| __\ \ /\ / / _` | '__/ _ \  */
/*   /  \| | | | | | |  __/ | | | (_| |  ___) | (_) |  _| |_ \ V  V / (_| | | |  __/  */
/*  /_/\_\_|_| |_| |_|\___|_| |_|\__,_| |____/ \___/|_|  \__| \_/\_/ \__,_|_|  \___|  */
/*                                                                                    */
/*  --------------------------------------------------------------------------------  */
/*	Author: tt media (Sino Boeckmann)                                                 */
/*	Last change on: 26.07.2010 @ 17:03:20                                             */
/*	Filename: screen.css                                                              */
/*	                                                                                  */
/*	This document is copyright protected. All rights are reserved.                    */
/**************************************************************************************/

	@font-face {
	  font-family: "LatinModernSans10Regular";
 	    src: url("../fonts/LMSans10/lmsans10-regular-webfont.eot");
	    src: local("☺"),
	         url("../fonts/LMSans10/lmsans10-regular-webfont.woff") format("woff"),
	         url("../fonts/LMSans10/lmsans10-regular-webfont.ttf") format("truetype"),
	         url("../fonts/LMSans10/lmsans10-regular-webfont.svg#webfontKiG9REA3") format("svg");
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
	  font-family: "LatinModernSans10Bold";
	    src: url("../fonts/LMSans10/lmsans10-bold-webfont.eot");
	    src: local("☺"),
	         url("../fonts/LMSans10/lmsans10-bold-webfont.woff") format("woff"),
	         url("../fonts/LMSans10/lmsans10-bold-webfont.ttf") format("truetype"),
	         url("../fonts/LMSans10/lmsans10-bold-webfont.svg#webfontiWxZGMHz") format("svg");
	  font-weight: normal;
	  font-style: normal;
	}

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
	pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
	s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul,
	li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 12px; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: "LatinModernSans10Regular", "Arial", "Times New Roman", "Trebuchet MS", "Courier New", "Tahoma"; color: rgb( 85, 85, 85); }

	body   { line-height: 1; background-image:url("../images/background.png"); }
	ol, ul { list-style: none; }
	abbr   { border-bottom: 1px dotted rgba(0,0,0,0.2); cursor: help; }

	blockquote, q { quotes: none; }
	blockquote:before,
	blockquote:after,
	q:before,
	q:after { content: ''; content: none; }

	:focus { outline: 0; }

	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

	.stripe { background-color:rgb(229,236,238);height:12px;line-height:0px;font-size:0px;width:100%; }

	#page { width: 1000px; margin: 0 auto; padding-bottom: 84px; }
	#accordion { background:url("../images/border_small.png") repeat-x top; width: 1000px; }

	#logo { width:100%;height:137px; }
	  #logo img { padding:29px 0px 0px 31px; }

	div.header  { background-image:url("../images/border_small.png"); background-repeat:repeat-x; cursor: pointer; height: 35px; overflow:hidden; line-height:33px;padding-left:679px;color:rgb(85,85,85);letter-spacing:2px;font-size:15px;font-weight:normal;font-family:"LatinModernSans10Bold";text-transform:uppercase; }
	div.section { position: relative; }

	div.scrollable { height: 335px; width: 1000px; position:relative; overflow:hidden; background-image:url("../images/background_boxed.png"); background-repeat:repeat-x; }
	div.items      { height: 335px; width: 5000px; position:absolute; overflow:hidden; background: url("../images/border_small.png") repeat-x 0px 334px; }
	div.item       { height: 335px; width: 1000px; float: left;  }

	div.item span { line-height:25px; }
	div.item img.title   { float:left;width:646px;height:334px; }
	div.item .headline   { float:left;padding:100px 20px 10px 30px;width:304px; }
	  div.item .headline ul { list-style-image: url("../images/list_bullet.png");margin:10px 0px 0px 30px;padding:0px; }
	    div.item .headline ul li { line-height: 20px; }
	div.item .paddingContact { margin:30px 35px 30px 35px; }
	div.item .paddingText { padding:40px 35px 20px 35px; }
	div.item .paddingText .floatTextL { float:left;width:616px;padding-right:30px; }
	div.item .paddingText .floatTextR { float:left;width:284px; }
	  div.item .paddingText .floatTextR ul { list-style-image: url("../images/list_bullet.png");margin:20px 0px 0px 30px;padding:0px; }
	    div.item .paddingText .floatTextR ul li { line-height:30px; }

	.ximena-logo { position:relative;z-index:-1;top:-160px;left:250px;opacity:0.08;width:800px; }
	
	a.browse      { position: absolute; z-index: 100; top: 135px; height: 56px; width: 29px; cursor: pointer; }
	a.browse.prev { left: 0;  background: url("../images/btn-prev.png") no-repeat 0 0; }
	a.browse.next { right: 0; background: url("../images/btn-next.png") no-repeat 0 0; }

	ul.nav           { position:relative; top:-35px; left:-675px; width: 662px; line-height: 36px; }
	ul.nav li        { position: relative; top: 0px; float: right; padding: 0 16px 0 16px; cursor: pointer; display: none; height: 35px; overflow: hidden; z-index: 2; }
	ul.nav li.active { position:relative; background: url("../images/marker.png") center 28px no-repeat; z-index: 100; }

	h1 { margin: 0px; padding: 0px; font-size: 32px; line-height: 37px; color:  rgb(215,  0, 25);     font-weight: normal; font-family: "LatinModernSans10Regular", "Arial", "Times New Roman", "Trebuchet MS", "Courier New", "Tahoma"; }
	h2 { margin: 0px; padding: 0px; font-size: 24px; line-height: 33px; color:  rgb( 85, 85, 85);     font-weight: normal; font-family: "LatinModernSans10Regular", "Arial", "Times New Roman", "Trebuchet MS", "Courier New", "Tahoma"; }
	h3 { margin: 0px; padding: 0px; font-size: 24px; line-height: 33px; color:  rgb( 85, 85, 85);     font-weight: normal; font-family: "LatinModernSans10Regular", "Arial", "Times New Roman", "Trebuchet MS", "Courier New", "Tahoma"; text-transform: uppercase; letter-spacing: 3px; }
	h4 { margin: 0px; padding: 0px; font-size: 22px; line-height: 27px; color:  rgb( 44, 52, 56);     font-weight: normal; font-family: "LatinModernSans10Regular", "Arial", "Times New Roman", "Trebuchet MS", "Courier New", "Tahoma"; text-transform: uppercase; }
	h5 { margin: 0px; padding: 0px; font-size: 18px; line-height: 25px; color: rgba( 85, 85, 85,0.7); font-weight: normal; font-family: "LatinModernSans10Regular", "Arial", "Times New Roman", "Trebuchet MS", "Courier New", "Tahoma"; }

	#footer { background-color:rgb(255,255,255); height:228px;background-image:url("../images/background_footer.png");background-repeat:repeat-x;width:100%;font-family:"LatinModernSans10Regular"; }
	  #footer .box { width:1000px;margin-left:auto;margin-right:auto;height:116px;font-size:13px;color:rgb(85,85,85);line-height:20px; }
	    #footer .box .padding { padding:24px 31px 0px 31px; }

	      #footer .box .padding .linkbox { width:234px;float:left; }
	        #footer .box .padding .linkbox span { font-family:"LatinModernSans10Bold";text-transform:uppercase;font-size:15px;letter-spacing:2px; }

	  #footer .box img { float:left; }
	  #footer .box .imprintline { float:left;width:812px;padding:44px 0px 0px 37px; }

	    #footer .box .imprintline a,
	    #footer .box .imprintline a:link,
	    #footer .box .imprintline a:visited,
	    #footer .box .imprintline a:active { text-decoration: none;      color: rgb(85,85,85); }
	    #footer .box .imprintline a:hover  { text-decoration: underline; color: rgb(65,65,65); }
	
	#onErrorMsg { display:none;width:999px;height:370px;position:relative;z-index:150;top:-450px;left:-35px;background-color:rgba(0,0,0,0.1); }
	  #onErrorMsg ul { list-style-image: url("../images/list_bullet.png");margin:10px 0px 0px 30px;padding:0px; }
	    #onErrorMsg ul li { line-height: 25px; }

	#contact form { margin: 0px; padding: 0px; }
	  #contact form fieldset { border: 0px; margin: 0px; padding: 0px; }
	    #contact form fieldset .height { clear: both; height: 10px; font-size: 0px; line-height: 0px; }

	    #contact form fieldset label { font-size: 15px; }
		  #contact form fieldset label span { color: rgb(215,0,25); }

		#contact form fieldset select { font-size: 11px; width: 450px; padding: 3px; border: 1px solid rgb(167,167,167); outline: 1px solid transparent; opacity:0.5; }
		  #contact form fieldset select:focus { outline: 1px solid rgb(230,230,230); opacity:0.8; }
		  #contact form fieldset select:hover { outline: 1px solid rgb(230,230,230); opacity:0.8; }

		#contact form fieldset input[type~="text"] { font-size: 11px; width: 442px; padding: 3px; border: 1px solid rgb(167,167,167); outline: 1px solid transparent; opacity: 0.5; }
		  #contact form fieldset input[type~="text"]:focus { outline: 1px solid rgb(230,230,230); opacity: 0.8; }
		  #contact form fieldset input[type~="text"]:hover { outline: 1px solid rgb(230,230,230); opacity: 0.8; }

		#contact form fieldset input[type~="submit"] { float: right; position: relative; border: 0; font-size: 20px; font-family: "LatinModernSans10Bold"; background-color: transparent; padding:5px 10px; left: 14px; top: -39px; color: rgb(215,0,25); }
		  #contact form fieldset input[type~="submit"]:hover { text-decoration: underline; cursor: pointer; }

		#contact form fieldset textarea { overflow: hidden; font-family: "LatinModernSans10Regular", "Arial", "Times New Roman", "Trebuchet MS", "Courier New", "Tahoma"; font-size: 11px; height: 213px; width: 442px; padding: 3px; border: 1px solid rgb(167,167,167); outline: 1px solid transparent; opacity: 0.5; resize: none; }
		  #contact form fieldset textarea:focus { outline: 1px solid rgb(230,230,230); opacity: 0.8; }
	      #contact form fieldset textarea:hover { outline: 1px solid rgb(230,230,230); opacity: 0.8; }

	    #contact form fieldset .left  { float: left; width: 450px; margin-right: 30px; }
	    #contact form fieldset .right { float: left; width: 450px; }

	#onErrorMsg { display: none; }

	/* Normale Standard Definitionen */
	p { margin: 0px; padding: 0px; }
	a img { border: 0px; }

	.clear { clear:both; }