@charset "utf-8";
/**
 * @author		Firstname Lastname
 * @copyright	http://www.divio.ch
 */

/*##################################################|*/
/* #GLOBAL# */
body { background:#ffffff url('../img/body_gradient.jpg') repeat-x left -50px; } /* define background here */

h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { color:#8cacae; }
h5 { color:#8cacae; margin:0; }

ul { list-style-image:url('../img/li_bg.gif'); }

/*##################################################|*/
/* #HEADER# */
#header { height:270px; background:url('../img/body_bg.jpg') no-repeat center -50px; }
.header { position:relative; left:0; top:0; z-index:10; }

/* #HEADER/logo# */
#header .logo { position:absolute; left:-9px; top:25px; z-index:11; }
#header .logo a { display:block; width:120px; height:80px; background:url('../img/logo.png') no-repeat left top; }
#header .slogan { font-family:"Helvetica Neue","Helvetica",arial; font-size:28px; font-weight:bold; line-height:1.4; color:#fff; padding-top:120px; }
#header .slogan span { color:#006579; }
#header .slogan .small { color:#fff; font-size:0.8em; line-height:0.2; }

/* #HEADER/langnav# */
ul#langnav { display:none; position:absolute; left:0; top:22px; z-index:21; list-style:none; margin:0; z-index:12; }
  #langnav li { padding:0; height:22px; overflow:hidden; text-transform:uppercase; }
  #langnav li a { font-size:12px; display:block; color:#fff; text-decoration:none; font-weight:bold;
  				  padding-left:8px; background:url('../img/sprite_global.png') no-repeat left -50px; }
  #langnav li a span { display:block; padding:1px 8px 2px 0; background:url('../img/sprite_global.png') no-repeat left -72px; }
  #langnav li a:hover span, #langnav li a:active span, #langnav li a:focus span { text-decoration:underline; }
  #langnav li.active { display:block; }
  #langnav li.active a { display:block; }
  #langnav:hover li { display:block !important; }

.droplet-container { position:relative; left:0; top:0; z-index:20; float:right; cursor:pointer; }
.droplet-item { font-size:12px; float:right; padding:0; height:22px; overflow:hidden; text-transform:uppercase; color:#fff; text-decoration:none; font-weight:bold;
  				padding-left:8px; background:url('../img/sprite_global.png') no-repeat left -50px; cursor:pointer; }
.droplet-item span { display:block; padding:1px 18px 2px 0; background:url('../img/sprite_global.png') no-repeat right -94px; }
 
/* #HEADER/metanav# */
ul#metanav { float:right; list-style:none; margin:0; }
  #metanav li { float:left; padding:0; zoom:1; padding-right:15px; padding-top:1px; }
  #metanav li a { font-size:12px; float:left; color:#fff; font-weight:bold; text-decoration:none; }
  #metanav li a:hover, #metanav li a:active, #metanav li a:focus { text-decoration:underline; }
  #metanav li.active a { color:#006579; }
  #metanav li ul { display:none; }

  #metanav .small { font-size:10px; }
  #metanav .normal { font-size:11px; }
  #metanav .big { font-size:12px; }

/* #HEADER/mainnav# */
ul#mainnav { position:absolute; right:0; top:40px; z-index:11; list-style:none; margin:0; }
  #mainnav li { font-size:16px; font-weight:bold; float:left; padding:0; zoom:1; background:url('../img/sprite_global.png') no-repeat left 15px; }
  #mainnav li:first-child { background:none; }
  #mainnav li a { float:left; text-decoration:none; padding:10px 15px; }
  #mainnav li a:hover { color:#333; }
  #mainnav li.active a { color:#fff; background:url('../img/mainnav_bg.png') no-repeat center 1px; }

/*##################################################|*/
/* #CONTENT# */
#content { width:990px; padding-top:15px; margin:0 auto; position:relative; left:0; top:-55px; z-index:20;
		   background:url('../img/content_bg.png') no-repeat left top; }

.container_24 .grid_8-special { float:left; width:320px; }
.container_24 .grid_16-extra { width:640px; }
.content { padding:20px 25px; }

/* #CONTENT/feature# */
#feature { position:relative; left:0; top:0; z-index:10; padding:40px 45px; height:250px; overflow:hidden; background:#fff url('../img/feature_bg.jpg') no-repeat left top; }
#feature .feature-img { float:right; position:absolute;  z-index:11; left:45px; top:0; }
#feature p { position:relative; left:0; top:0; z-index:20; }

/* #CONTENT/subnav# */
ul.subnav { min-height:500px; list-style:none; margin:0; background:url('../img/subnav_bg.png') no-repeat left top; }
  .subnav li { font-size:13px; padding:0 0 0 1px; zoom:1; }
  .subnav li a { display:block; color:#949494; text-decoration:none; padding:10px 0 10px 20px; border-bottom:1px solid #e9e9e9; zoom:1; }
  .subnav li a:hover, .subnav li a:active, .subnav li a:focus
  { color:#fff; background:#3ba6ac url('../img/subnav_li-hover.gif') repeat-x left bottom; }
  .subnav li.active a { color:#fff; background:#3ba6ac url('../img/subnav_li-hover.gif') repeat-x left bottom; }
  /* level 2 */
  .subnav li.active ul { list-style:none; margin:0; }
  .subnav li.active ul li { padding:0; zoom:1; }
  .subnav li.active ul li a { color:#949494; padding:5px 0 5px 20px; background:#fff; zoom:1; }
  .subnav li.active ul li a span { padding-left:15px; background:url('../img/subnav_li-li-arrow.gif') no-repeat left 4px; }
  .subnav li.active ul li a:hover, .subnav li.active ul li a:active, .subnav li.active ul li a:focus
  { color:#fff; background:#939393 url('../img/subnav_li-li-hover.gif') repeat-x left bottom; }
  .subnav li.active ul li a:hover span, .subnav li.active ul li a:active span, .subnav li.active ul li a:focus span
  { background-image:url('../img/subnav_li-li-arrow-active.gif'); }
  .subnav li.active ul li.active a { color:#fff; background:#939393 url('../img/subnav_li-li-hover.gif') repeat-x left bottom; }
  .subnav li.active ul li.active a span { background-image:url('../img/subnav_li-li-arrow-active.gif'); }

/* #BASE-CODE/forms# */
.frm { margin-bottom:5px; } /* substract from li padding */
.frm .input_text, .frm .textinput, .frm .passwordinput { width:250px; }
.frm .input_select { padding:4px; width:214px; }
.frm .input_textarea, .frm .textarea { width:350px; height:100px; }
.frm label { font-weight:bold; }
.frm div label { font-weight:normal; }
.frm label span { color:#900; }

.align-horizontal label { width:25%; }
.align-horizontal div { width:75%; }

/*##################################################|*/
/* #FOOTER# */
#footer { font-size:11px; text-align:right; font-weight:bold; padding-top:5px; border-top:1px solid #e8e8e8; }

/*##################################################|*/
/* #PLUGINS# */

/* #PLUGINS/news archive# */
.plugin_newsarchive {}
.plugin_newsarchive ul { list-style:none; margin:0 0 15px; }
.plugin_newsarchive ul li { padding:0; }
.plugin_newsarchive ul li ul li { display:inline; padding-right:10px; }

/* #PLUGINS/seminars# */
ul.plugin_seminars { list-style:none; margin:0; }
  .plugin_seminars li { padding:0; margin-bottom:10px; border-bottom:1px solid #e6e6e6; }
  .plugin_seminars li:last-child { border:none; }
  .plugin_seminars li p { font-size:10px; font-weight:bold; margin:0; }
  .plugin_seminars li h3 { font-size:12px; }

/* #PLUGINS/team# */
ul.plugin_team { list-style:none; margin:0; }
  .plugin_team li { float:left; width:30%; padding:1.5% 1.5% 5%; line-height:1.4; zoom:1; }
  .plugin_team li p { margin:0; }
  .plugin_team li p img { border:1px solid #e5e5e5; }
  .plugin_team li h3 { ≈≈ }
  .plugin_team li h4 { color:#8cacae; font-size:12px; margin:0; }

/* #PLUGINS/news# */
.plugin_news .date { font-size:10px; font-weight:bold; margin:0; }
.plugin_news .title {}
.plugin_news .more { margin:0; border-top:1px dotted #eee; padding-top:5px; margin-top:15px; }
.plugin_news .entry { padding:0 0 10px; margin-bottom:13px; border-bottom:5px solid #e6e6e6; }

.plugin_latestnews {}
.plugin_latestnews ul { list-style:none; margin:0; }
.plugin_latestnews ul li { padding:0 0 12px; margin-bottom:12px; list-style:none; border-bottom:1px solid #e6e6e6; }
.plugin_latestnews ul li h5 { color:#7e7e7e; font-size:10px; margin:0; }
.plugin_latestnews ul li h4, .plugin_latestnews ul li p { margin:0; }

/* PLUGINS/events */
ul.concert_archive { list-style:none; margin:0; }
  .concert_archive li { padding:0; padding:0 0 12px; margin-bottom:12px; list-style:none; border-bottom:1px solid #e6e6e6; }
  .concert_archive li h5 { color:#7e7e7e; font-size:10px; margin:0; }
  .concert_archive li h4 { margin:0; }

.archive-special h5 { color:#8cacae !important; font-size:10px; font-weight:bold; margin:0; }
.archive-special h4 { color:#7e7e7e; font-size:16px; }
.archive-special .more { margin:0; border-top:1px dotted #eee; padding-top:5px; margin-top:15px; }

.plugin_seminars .date { font-size:10px; font-weight:bold; margin:0; }
.plugin_seminars .title {}
.plugin_seminars .more { margin:0; border-top:1px dotted #eee; padding-top:5px; margin-top:15px; }
.plugin_seminars .entry { padding:0 0 10px; margin-bottom:13px; border-bottom:5px solid #e6e6e6; }

/* PLUGINS/accordion */
.plugin_accordion { margin:0 0 15px; }

.accordion_head { margin:0 0 1px; }
.accordion_head a { display:block; font-size:12px; color:#7e7e7e; font-weight:bold; text-decoration:none; padding:4px 20px;
					background:#d7e7e5 url('../img/accordion_arrows.gif') no-repeat right -60px; }
.plugin_accordion .accordion_head.active { margin:0 !important; background:#39a5ab url('../img/accordion_bg-active.gif') repeat-x left bottom; }
.plugin_accordion .accordion_head.active a { color:#fff; background:url('../img/accordion_arrows.gif') no-repeat right 10px; }

.accordion_item { display:none; position:relative; left:0; top:0; overflow:hidden; padding:25px 0 25px 25px; border:1px solid #d8dada; border-top:none; background:#f2f6f5; }
.accordion_item p { padding-right:25px; }

.accordion_item .trigger { margin:0 0 1px; }
.accordion_item .trigger a { display:block; font-size:12px; color:#7e7e7e; font-weight:bold; text-decoration:none; padding:4px 20px;
							 background:#d7e7e5 url('../img/accordion_arrows.gif') no-repeat right -60px; }
.accordion_item .trigger a span { color:#999; }
.accordion_item .trigger.active { margin:0 !important; background:#39a5ab url('../img/accordion_bg-active.gif') repeat-x left bottom; }
.accordion_item .trigger.active a { color:#fff; background:url('../img/accordion_arrows.gif') no-repeat right 10px; }
.accordion_item .trigger.active a span { color:#ccc; }

.accordion_item .container { display:none; padding:15px 0; overflow:hidden; }
.accordion_item .container img { float:left; padding-right:10px; }

.plugin_accordion h4 { font-size:14px; color:#027981; }
.plugin_accordion h5 { font-size:12px; color:#027981; }
.plugin_accordion h6 { font-size:12px; color:#000; }

/* PLUGINS/simplegallery */
.fv-caption					{display:none !important}
.fv-controls				{display:none !important}
.simplegallery_fullview		{margin:0px !important;border: 1px solid #626262;}	

.gallery_content{
background:none repeat scroll 0 0 transparent;
border:1px solid #000000;
}

/*##################################################|*/
/* #ELEMENTS# */
.industry_expertise {}
.industry_expertise ul { list-style:none; margin:0; }
.industry_expertise ul li { padding:0; border-bottom:1px solid #e6e6e6; background:url('../img/sprite_global.png') no-repeat right -122px; zoom:1; }
.industry_expertise ul li a { display:block; padding:5px 0; }
.industry_expertise ul li a:hover {}
.industry_expertise ul li a span { display:none; }

/*##################################################|*/
/* #OLD STYLES# */

/* PRODUCT_LIST */
.product_holder { margin-top:20px;}
.product_list		{}
.product_list h2	{margin-bottom:5px;}
.product_list p		{padding-left:100px}
.product_list img	{float:left; padding-right:10px;}
.product_list ul	{list-style:none}
.product_list li	{margin:0px; border-bottom: 1px solid #e5e5e5; padding-top:10px; padding-bottom:20px;}

.iconbox 				{border-top:1px solid #DDDDDD;padding-bottom:10px;padding-top:10px;}			
.iconbox img 			{float:left; padding-right:10px;}
.iconbox h3				{padding-left:100px}
.iconbox p				{padding-left:100px}

/* BLOG allgemein */
#blog_list{}
#blog_list .entry{clear:both;padding-bottom:30px;}
#blog_list .entry h1{font-size:24px;color:#35b7ed;}
#blog_list .entry h1 a{text-decoration:none;color:#35b7ed;}
#blog_list .entry h1 a:hover{color:#000;}
#blog_list .entry_body { margin-top:15px;}
#blog_list .author span{ font-style:italic;}
#blog_list .comment_body{ padding-top:10px;}
#blog_list .entry_comment{}
#blog_list .entry_comment h2{ margin-bottom:0px;}

#blog_list .entry_comment_form		{width:400px; margin-top:30px;}
#blog_list .entry_comment_form input{border: 1px solid #e5e5e5; float:right; margin-bottom:10px;}
#blog_list .entry_comment_form label{float:left}
#blog_list .submit_button{}
#blog_list .submit_button input{background: transparent url('../img/gfx.png') no-repeat scroll left -726px; padding:5px 8px; border: 1px solid #dddddd}

#blog_list .entry .tags{color:#ccc;clear:both;font-size:11px;}
#blog_list .entry .tags a{color:#ccc;text-decoration:none;}
#blog_list .entry .tags a:hover{color:#444;}

#blog_list .weiter			{}
#blog_list .weiter li		{list-style:none; margin:0px;}
#blog_list .weiter a		{background:transparent url('../img/gfx.png') no-repeat scroll left -764px; padding:5px 10px 5px 25px;}
#blog_list .weiter a:hover	{background:transparent url('../img/gfx.png') no-repeat scroll left -787px;}

.blog_archiv 	{margin-top:20px;}

/* FEATURE */
#feature_standard{margin-bottom:20px;}

/* FEATURE top slideshow */
.feature_top_slideshow						{position:relative;width:960px;height:290px;overflow:hidden;}
.feature_top_slideshow .holder				{ width:960px;height:480px;display:none;}
.feature_top_slideshow .feature_content_1	{color:#7e7e7e;position:absolute;left:10px;width:380px;top:20px;padding:10px 20px 10px 20px;height:270px;}

*:first-child+html .feature_top_slideshow  {margin-top:3px;}

* html .feature_top_slideshow .feature_content_1			{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/feature_info_bg.png',sizingMethod='crop');}
* html .feature_top_slideshow 								{ margin-top:3px;}

.feature_top_slideshow .slideshow_nav						{position:absolute;z-index:99;bottom:10px;right:20px;}
.feature_top_slideshow .slideshow_nav, .feature_top_slideshow .slideshow_nav li{list-style:none; margin:0;}
.feature_top_slideshow .slideshow_nav li					{float:left;padding-right:2px;}
.feature_top_slideshow .slideshow_nav a						{color:#ddd; font-size:15px; display:block;display:block;padding:4px 7px;cursor:pointer; text-decoration:none;}
.feature_top_slideshow .slideshow_nav a:hover				{color:#666;}
.feature_top_slideshow .slideshow_nav a.activeSlide			{color:#febf01; font-weight:bold;}
.feature_top_slideshow .slideshow_nav a.activeSlide:hover	{color:#febf01;}

.feature_content_2 {display: none; }

/* FEATURE BUTTON */
.feature_top_slideshow .btn 			{position:absolute; bottom:0px; z-index:99; width: 290px; margin-bottom:0px; }
.feature_top_slideshow .btn  ul 		{float:right; font-size: 13px; font-weight: bold;	list-style: none; margin: 0;}
.feature_top_slideshow .btn  li 		{background: #000 url('../img/gfx.png') no-repeat right -218px; display: block;	float: left; height: 40px; margin-left: 0; margin-right: 1px; padding-right: 37px; width: 292px; text-align: left; border-top: solid 1px #171717}
.feature_top_slideshow .btn  a  		{background: #000 url('../img/gfx.png') no-repeat left -218px; color: #f3b600; display: block; line-height: 40px; padding-left: 20px; text-decoration: none; font-size:13px;} 
.feature_top_slideshow .btn  li:hover	{background: #000 url('../img/gfx.png') no-repeat right -259px;} 
.feature_top_slideshow .btn  li:hover a	{background: #000 url('../img/gfx.png') no-repeat left -259px;} 

* html .feature_top_slideshow .btn  li 	{background: #000 url('../img/gfx.png') no-repeat right -218px; display: block;	float: left; height: 40px; margin-left: 0; margin-right: 16px; padding-right: 20px; width: 292px; text-align: left; border-top: solid 1px #171717}
* html .feature_top_slideshow .btn  a  	{background: #000 url('../img/gfx.png') no-repeat left -218px; color: #f3b600; display: block; line-height: 40px; padding-left: 20px; text-decoration: none; font-size:13px;} 

/* NEWS PAG */
.paginator{margin-top:-20px; height:40px;}
.paginator ul{list-style:none;}
.paginator ul li{float:left; margin:5px 1px 0px 0px; display:block;}
.paginator ul li a{padding:6px 8px; line-height:23px; text-align:center; text-decoration:underline; font-size:11px; color:#35b7ed; font-weight:bold;}
.paginator ul li a:hover{ background-color:#35b7ed;color:#fff;}
.paginator ul li a:active{  background:#35b7ed; color:#fff; text-decoration:none;}
.paginator ul li a.active{  background:#35b7ed; color:#fff; text-decoration:none;}

/* CONTACT */
#google-map{margin-bottom:20px;}
.routeplaner_box{border:1px solid #e5e5e5;padding:10px;}
.routeplaner_box label{padding-right:10px;color:#666;}
.routeplaner_box .textinput{width:320px;}
.routeplaner_box .input_submit{margin-left:10px;}
* html .routeplaner_box .input_submit{width:100px;margin-left:0px;}
*:first-child+html .routeplaner_box .input_submit{width:100px;margin-left:0px;}

/*##################################################|*/
/* #PLUGINS# */
.google-map-routeplaner { background:#f5f5f5; padding:10px 15px; margin:0 0 15px; }

.plugin_file { margin:0 0 15px; }
.plugin_file a { line-height:1.4; display:block; text-decoration:none; clear:both; overflow:hidden; }
.plugin_file a:hover { color:#000; text-decoration:none; }
.plugin_file .fileicon { float:left; width:8%; }
.plugin_file .filetitle { float:left; width:92%; position:relative; left:0; top:-3px; }
.plugin_file .filesize { color:#999; font-weight:normal; }
.grid_8-special .filetitle {left:20px; }

.plugin_link { margin:0; }

.plugin_twitter ul { list-style:none; margin:0; }
.plugin_twitter ul li { clear:both; overflow:hidden; margin:0 0 10px; }
.plugin_twitter ul li .tweet_avatar { float:left; padding-right:10px; position:relative; left:0; top:3px; z-index:10; }
.plugin_twitter .twitter-icon { float:left; width:80px; height:20px; text-indent:-1000px; overflow:hidden;
								position:relative; left:0; top:4px; z-index:10; margin-right:10px;
								background:url('../img/logo_twitter.png') no-repeat left top; }