/*
	Table Of Content:
	1. content elements
	2. layout
	3. zone specific
	4. page specific
	(+ separate css files for forms, admin, print styles, IE)
	red: #C80014; grey: #999999; a.hover: #F70629
	big picture: 422 x 316 px;  thumb: 62 x 25 px
  ------------------------------------------------------------------------------
	1. content elements and classes
	------------------------------------------------------------------------------ */
/* ------------------------ content elements  */

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color:#000;
	font-size: 12px; 
	line-height: 1.5em; 
	color:#999999;
	}
a:link, a:visited {color:#C80014; text-decoration:none;}
a:hover, a:active {color:#F70629; text-decoration:underline;}
a.grey:link, a.grey:visited {color:#999999;}
a.grey:hover, a.grey:active {color:#C80014;text-decoration:none;}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin:0 0 1em 0; padding:0; font-weight:normal; list-style:none;}
li, dt, dd {margin:0; padding:0;}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
strong {font-weight:bold;}
em {font-style:italic;}

ul li {margin:0; padding:0 0 0 15px;}
hr {display:none;}
table {margin:0 0 1em 0; padding:0; font-size:1.0em; border-collapse:collapse; border:none;}
th, td { padding:4px 0; text-align:left; vertical-align:top; font-weight:normal; border: none;}

/* ------------------------ content classes -----------------------------*/

.hide { display:none;}
.show { display:block;}
.align_left {float: left; display:inline; margin: 0 10px 5px 0;}
.align_right {float: right; display:inline; margin: 0 0 5px 10px;}
.clear {clear: both; margin:0; padding:0; line-height: 0px; height: 0px; display: block;}
.weak, .soft {color:#999999; font-size: 0.9em;}
.centered { text-align:center}
.red { color:#C80014}

a img {border-width: 0;}

/* 
	------------------------------------------------------------------------------
	2. layout, page structure
	------------------------------------------------------------------------------
*/

html, body {margin:0; padding:0;}

#header {height: 50px;margin: 0;padding: 0;}
#header .inner {height: 100%;width:975px;margin:0 auto 0 auto; position:relative;}

#lang_select { padding-top:30px; text-align: right;padding-right:5px}
#lang_select a { color:#999999; padding-left:5px; }
#lang_select a.active { color:#C80014}

#container {	/* does not contain header */ 
margin-top: 0px; margin-bottom: 0px;padding: 0;text-align: left; height:100%}	
#wrap_content { width:975px; margin:0 auto; height:100%;
background: transparent url(../img/bg/bg_main.gif) 0 185px no-repeat; position:relative}
#main_col { margin:0;padding:0;
width: 870px; float:right; display:inline
}

#nav {width:80px; float:left; display:inline; position:relative}
#nav ul li { margin-left:-14px; padding-bottom:11px}
#nav ul li#n6 { padding-bottom:0}
#nav ul li a { color:#999999}
#nav ul li.current a, #nav ul li a:hover, #nav ul li a:active { color:#C80014; text-decoration:none}

#div_logo {position:absolute; top: 510px; left:20px}

div#wrap1 {height:165px; position:relative}
div#arrows {margin-left:390px; text-align:right; width: 45px; }
div.arrows img { cursor:pointer;margin-left:3px;}
div#arrows img { float:left}
img#up,img#down { cursor:pointer}

div#wrap2 { text-align:right}
#wrap2 .divleft { width:430px; height:310px; padding:0; margin:0; float:left; display:inline; text-align:right; padding-top:8px; }
div.info { height:290px;}
#wrap2 .divright { width:429px; padding:0; margin:0; float:right; display:inline; text-align:right; }

#footer { padding-top:70px}

#wrap_nav_sec {margin:0; text-align:right; position:absolute; top:560px; left:680px}
#wrap_nav_sec a { padding-right:18px; color:#999999;}
#wrap_nav_sec a:hover, #wrap_nav_sec a:active, #wrap_nav_sec a.current { color:#C80014; text-decoration:none}
/*#wrap_nav_sec #created_by { position:absolute; top:-20px; left:170px; padding:0; margin:0}*/
#wrap_nav_sec #link_created { background: transparent url(../img/logos/elastik.gif) no-repeat; padding:0; margin:0; position:absolute; top:-2px; left:260px}
/************* #wrap1 with fleches *****************/

#wrap1_info { float:left; height:100px; margin-bottom:20px; width:840px}
#arrows_scroll { float:right; width:20px}
#arrows_scroll img.first { margin-bottom:80px}

p#pagetitle { font-size:1.3em}
/******************* page_home **************/
#page_home #wrap1 { width: 455px; height:470px; float:left}
#page_home div#comming { text-align:right; padding: 20px 0 0 100px}
#page_home #wrap2 { float:right; width:390px; height:483px;padding:0; margin:0}
#page_home #wrap2 .divleft { display:none}
#page_home #wrap2  .divright {margin-left:39px; width: 359px}
#page_home #p1, #page_home #p2 { margin-top:25px; text-align:right}
#p2 a { color:#999999}

/******************* page_concept *********************/
html>/**/ #page_concept #wrap2 .divright img { margin-left: 8px}

/******************* page_team ********************/
div.divdesc { height:125px}
#thumbs img, #links img { margin-right:8px;cursor:pointer; padding-bottom:2px}
#thumbs img.current, #links img.current { border-bottom: #C80014 2px solid}
p#name { text-transform:uppercase}

#page_team .divleft p { margin-bottom:12px}
p#title { padding-left:50px}
#page_team .divleft { position:relative}
p#email { position:absolute; top: 260px; right:0}
/************** page_modules ****************/
#page_modules .divleft { position:relative}
div#small { position:absolute; left:5px; top:45px}
#page_modules #wrap1 { margin-top:-5px}
#page_modules #thumbs img { margin-top:11px}
#page_modules #wrap2 .divright img { margin-top: 5px}
/************* page_gallery **************/
#page_gallery .divdesc { height:90px}
#page_gallery p#links img { margin-right:10px; cursor:pointer}
#page_gallery .divleft .info { height: 278px;}
#page_gallery #thumbs img { margin-right:10px;}
#page_gallery #thumbs img.first { margin-left:6px}
#page_gallery p.links a { color:#999999; text-decoration:none; margin-right:12px}
#page_gallery p.links a:hover { color:#C80014; text-decoration:underline}
html>/**/ #page_gallery #wrap2 .divright img { margin-left: 8px}
/****************** page_events **********************/
#page_events #wrap1 { }
#page_events #wrap1 #wrap1_info { width:490px;}
#page_events #wrap1 #arrows_scroll { float:left;}
#page_events #wrap1 #comming { float:right; width:270px}
#page_events #wrap1 #comming p { text-indent:-25px}
#page_events #wrap1 p{ margin:0; padding:0;}
html>/**/ #page_events #picture { padding-left:7px}
#page_events #thumbs img { padding-bottom:2px; width:62px; height:25px}
#page_events #thumbs img.current { border-bottom: #C80014 2px solid}
#page_events img#picture { width:422px; height:316px}
#page_events .divleft { position:relative}
#page_events .divleft #info { height:290px;}

/**************************page_links *********************/
#page_links #wrap_nav_sec {margin-bottom:0}
#page_links #footer {margin-bottom:0; padding: 45px 0 0}
#page_links #wrap2 { display:none}
#page_links #wrap1 { height:460px; padding-top:40px; text-align:right; font-size:1.3em}
/******************* page_partners *************/
#page_partners .thumbs { height:280px}
#page_partners .divleft { position: relative;	}
#page_partners img.logos { position:absolute}
#page_partners #img1 { left:30px; top:20px;}
#page_partners #img2 {left:90px; top:120px; }
#page_partners #img3 {left:170px; top:230px; }
#page_partners #img4 {left:260px; top:120px; }
#page_partners #img5 { left:320px; top:20px;}
/************************ page_contact ****************/
#page_contact #wrap_nav_sec {margin-bottom:0}
#page_contact #footer {margin-bottom:0; padding: 45px 0 0}
#page_contact #wrap2 { display:none}
#page_contact #wrap1 { height:360px; padding-top:140px; text-align:right;}
#page_contact p.title { color:#C80014; text-transform:uppercase;}
#page_contact p.lower { padding-top:9px}
#page_contact p.grey a { color:#999999; border-bottom:#999999 2px solid; padding-bottom:2px}
/********************* page_links**********/
/*#page_links { background-color:#333333}
#page_links #wrap_content { width:975px; margin:0 auto; height:100%;
background: transparent url(../img/bg/bg_main_grey.gif) 0 185px no-repeat; position:relative}*/