/*
 * CSS by Appix AG
 */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126 | compressed
   License: none (public domain)
*/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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

/* Grid */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8 { float:left; display:inline; }
.col-1 { width: 150px; }
.col-2 { width: 300px; }
.col-3 { width: 450px; }
.col-4 { width: 600px; }
.col-5 { width: 750px; }
.col-6 { width: 900px; }
.col-7 { width: 1050px; }
.col-8 { width: 1200px; }

.prefix-1 { margin-left: 150px; }
.prefix-2 { margin-left: 300px; }
.prefix-3 { margin-left: 450px; }
.prefix-4 { margin-left: 600px; }
.prefix-5 { margin-left: 750px; }
.prefix-6 { margin-left: 900px; }
.prefix-7 { margin-left: 1050px; }

.inner { margin: 0 auto; position:relative; width: 1200px; }

.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/* Layout */

body { font: 12px/18px Arial, Helvetica, sans-serif; background:-moz-linear-gradient(rgb(214, 225, 222) 200px, rgb(235,239,240) 200px, rgb(235, 239, 240) 220px, white 220px) no-repeat; color: #58636D; }

header { }
header a { text-decoration:none; text-transform: uppercase; color: #17494C; letter-spacing:1px; font-size:11px; }

#topbar { background-color:rgba(122,168,172, 0.75); position: relative; z-index: 10; height: 24px; padding-top:4px; pointer-events:none; }
#topbar * { pointer-events: auto; }
#search input[type="text"] { height:12px; font-size: 10px; border:1px solid #17494C; border-radius:2px 0 0 2px; padding:1px; width:126px; }
#search input {float:left; }
#search { float:right; width:152px; margin-right: 10px; }

#language-selection select {  width:140px; float:left; margin-left:10px; border:1px solid #17494C; text-transform: uppercase; background-color: rgba(122,168,172, 0.75); color: #efefef; letter-spacing:1px; font-size:11px;  }
#logo {  vertical-align:middle; line-height:170px; }
#logo img { vertical-align:middle; }

#scecucc { height: 200px; background-color: -moz-linear-gradient(45deg, red 2px, rgba(255,0,0,0) 2px); margin-top: -28px; }

header nav { text-align: center; letter-spacing:1px; }
header nav a { color: rgb(235, 239, 240); display: block; position:relative; padding:2px 0 0; font-size: 12px; }
header nav a:hover { z-index: 15; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); top: -1px; }
header nav a:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6); top: 0; }
header nav li { float: left; width: 188px; }
header nav li:first-child, header nav li:last-child { width: 187px; }
header nav li:nth-child(1) a { background-color: #005C57; }
header nav li:nth-child(2) a { background-color: #7AC943; }
header nav li:nth-child(3) a { background-color: #DB4105; }
header nav li:nth-child(4) a { background-color: #F1E9DE; color: #17494C; }

#menu-side-nav { margin-top: 40px;}
#menu-side-nav ul { width: 150px; background-color:rgb(214, 225, 222); }
#menu-side-nav a { text-decoration: none; letter-spacing: 0; color: #17494C; display:block; }
#menu-side-nav li { padding:0 5px; border-bottom:1px solid #fff; }
#menu-side-nav li:hover { background-color: rgba(0,0,0,0.2); }
#menu-side-nav>ul>li { position: relative; }
#menu-side-nav li li { display: none; }
#menu-side-nav li ul { position: absolute; left: 150px; top: 0; }
#menu-side-nav li:hover li { display: block; }

#maincontent { padding-top:20px; }
#maincontent article { margin: 20px; border-bottom:1px dotted #1F5D60; padding-bottom: 10px; }

article img { float: left; margin-right:10px; }
article h1 { font-size: 2em; line-height: 0.75em; margin: 18px 0 9px; }
article h2 { font-size:1.167em; line-height: 1.286em; font-weight:bold; margin: 18px 0 9px; }
article p { margin: 9px 0; }