/* reset default browser CSS
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	white-space:nowrap;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


/* starting Layout

/* new declarations
-----------------------------------------------------------------*/
html {
	height:100%;
	font-size:100.01%;
	overflow:scroll;
}
body {
	background:#ECECEC;
	color:#333;
	font-family:Arial, Helvetivca, sans-serif;
	font-size:0.80em;
	line-height:1.2em;
	text-align: left;
}
p { margin: 0 0 .3em 0;}
footer p { font-size:85%; padding-top:5px; }
p.line { border-top:#999 1px solid; }

h1,h2,h3,h4,h5,h6 {
	color:#000;
}

h1 { font-size:180%; font-weight:bold; padding: .2em 0 0 .6em;  }
h2 { font-size:150%; font-weight:bold; padding: 1em 0 .3em 0; line-height:1.1em; }
h3 { font-size:140%; font-weight:bold; line-height: 1.2em; padding: .2em 0 .2em 0; }
h4 { font-size:120%; font-weight:normal; padding: 0 0 0 0; }
h5 { font-size:80%;  font-weight:normal; padding: 0 0 0 0; }
h6 { font-size:75%;  font-weight:normal; padding: 0 1.2em .6em 0; display:inline; }

a:link, 
a:visited {
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
a:hover, 
a:active {
	color:#F00;
	font-weight:normal;
}
div.backbutton {
	width:100%;
	height:1px;
	overflow:visible;
	text-align:right;
	float:right;
}
form {
	float:left;
}
dl {
	color:#333;
	margin: 0 0 1em 0;
}
dl dt {
	color:#555;
	font-size: 120%;
	padding: 1em 0 .3em 0;
}
.paddingtop {
	padding-top:1em;
}
.left {
	text-align:left;
}
.small {
	font-size:85%;
	margin-top:0px;
	padding:0;
}
/*------------------------------------------------------- */
/************** BASIC 1 COL LAYOUT AND STUFF **************/
div#wrapper {
	width:750px;
	margin: 0 auto;
	padding:0;
	position:relative;
	z-index:0;
	clear:left;
	background-color:#FFF;
	min-height: 100vh;
}
header {
	display:block;
	width:750px;
	height:100px;
	z-index:100;
	clear:both;
	position:fixed;
	background-color:#FFF;
	border-bottom:4px solid #F00;
}
nav {
	display:block;
	width:360px;
	height:auto;
	margin: 0 auto;
	clear:left;
}
section {
	display:block;
	width:700px;
	min-height:30px;
	text-align:center;
	margin: 0 auto;
	padding: 150px 0 0 0;
	clear:both; 
}
section:after {	
	content:".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
footer {
	display:block;
	width: auto;
	height:auto;
	text-align:center;
	margin: 20px auto 50px auto;
	clear: both;
}
article {
	display:block;	
}
aside {
	display:block;	
}


/************** ELEMENTS **************/
section ul {
	width:auto;
	min-width:120px;
	margin:0 0 0 130px;
}
section li {
	padding:4px 0;
	border-bottom:1px #CCC solid;
}
section div {
	overflow:hidden;
	padding: 10px;
	text-align:left;
	margin-bottom:12px;
}
header h1 img {
	width: 240px;
	height: 64px;
	margin-left: 22px;
}
header div#title {
    position:absolute;
	  left: 330px;
    margin: 24px 0 0;
    width: 385px;
	  line-height:2em;
    text-align: right;
}
header div#title a {
    font-weight: bold;
    color:#F00;
}

/* NUR FÜR LANDING PAGES */
header div#company {
	font-size:80%;
	top:8px;
	text-align: right;
	right: 35px;
	position: relative;
}
/* NUR FÜR LANDING PAGES */

header h1:hover {
	cursor:pointer;
}
header h1 {
	float:left;
}
header div#title h2 {
	line-height:1em;
	margin:0;
	padding:0;
}
header p:firstChild {
	margin-top:-2px;
}
div.articlelistbox {
	padding: 20px;
	border: 1px solid #CCC;
	border-bottom-width: 4px;
}
div.articlelistbox h3 {
	padding-bottom: .5em;
	color:#F00;
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 1px solid #CCC;
	
}
div.articlelistbox h3 a {
	display: block;
	color:#F00;
	text-transform: uppercase;
	font-weight: bold;
}
div.articlelistbox h3 a:hover, div.articlelistbox h3 a:active  {
	color:#E80000;
}
div.articlelistbox img {
	display:block;
	border:1px #333 solid;
	float:left;
	margin:0 10px 0 0;
}


/*************** SEARCHBOX *************/

div#searchDiv {
	position:fixed;
	top:100px;
	padding:11px 35px;
	width:680px;
	background:#FFF;
	text-align:left;
	border-bottom: 1px solid #CCC;
}
div#searchDiv input {
	padding:6px 8px;
	background-color:#ECECEC;
	border:1px solid transparent;
	text-transform: uppercase;
	color:#000;
	font-size:95%;
}
div#searchDiv input[type=submit] {
	padding:6px 12px;
	background-color:#F00;
	color:#FFF;
}
div#searchDiv input[type=submit]:hover, div#searchDiv input[type=submit]:active {
	background-color:#E80000;
	cursor:pointer;
}
input:focus {
	outline:none;
	background-color: #FFF !important;
	border:1px solid #CCC !important;
}

/*************** SOCIAL MEDIA / RSS *************/
div#meta {
font-size: 85%;
left: 0;
position: relative;
display:block;
}
div#meta a {
	float:left;
	margin:10px 15px 0 0;
}
div#meta span,
div#searchDiv span {
	display:none;
}
div#email {
	display: none;
	float:right;
	width:27px;
	height:27px;
	background:url(../images/email.png) 0 -32px no-repeat;
}
div#email:hover {
	background-position:0 0;
	cursor:pointer;
}
div#email span {
	display:none;
}
div#rss {
	display:none;
	float:right;
	width:27px;
	height:27px;
	background:url(../images/rss.png) 0 -32px no-repeat;
	margin-left:5px;
	cursor:pointer;
}

div#rss:hover {
	background-position: 0 0;
}
.loading {
	background:url(../images/loadingAnimation.gif) no-repeat center 100px;
}

/************ NAVIGATION **************/

nav li a {
	font-size:150%;
	background:url(../images/sprite_nav.png) 0 0 no-repeat;
	width:215px;
	height:42px;
	display:block;
	padding:28px 0 0 145px;
	text-transform: uppercase;
}
nav li a:hover {
	height:40px;
	padding:30px 0 0 145px;
}
nav li a span {
	display:none;
}
nav li a.de { background-position: 0 0; }
nav li a.en { background-position: 0 -70px; }
nav li a.pl { background-position: 0 -140px; }
nav li a.ru { background-position: 0 -210px; }
nav li a.fr { background-position: 0 -280px; }
nav li a.es { background-position: 0 -350px; }
nav li a.it { background-position: 0 -420px; }
nav li a.us { background-position: 0 -490px; }
nav li a.ch { background-position: 0 -560px; }
nav li a.jp { background-position: 0 -630px; }
nav li a.hu { background-position: 0 -700px; }
nav li a.cz { background-position: 0 -770px; }
nav li a.dk { background-position: 0 -840px; }
nav li a.eu { background-position: 0 -910px; }
nav li a.tr { background-position: 0 -980px; }
nav li a.sw { background-position: 0 -1050px; }
nav li a.fi { background-position: 0 -1120px; }

nav li a.de:hover { background-position: -360px 0; }
nav li a.en:hover { background-position: -360px -70px; }
nav li a.pl:hover { background-position: -360px -140px; }
nav li a.ru:hover { background-position: -360px -210px; }
nav li a.fr:hover { background-position: -360px -280px; }
nav li a.es:hover { background-position: -360px -350px; }
nav li a.it:hover { background-position: -360px -420px; }
nav li a.us:hover { background-position: -360px -490px; }
nav li a.ch:hover { background-position: -360px -560px; }
nav li a.jp:hover { background-position: -360px -630px; }
nav li a.hu:hover { background-position: -360px -700px; }
nav li a.cz:hover { background-position: -360px -770px; }
nav li a.dk:hover { background-position: -360px -840px; }
nav li a.eu:hover { background-position: -360px -910px; }
nav li a.tr:hover { background-position: -360px -980px; }
nav li a.sw:hover { background-position: -360px -1050px; }
nav li a.fi:hover { background-position: -360px -1120px; }

/*************** DROPDOWN **************/
nav.dropdownmenu {
	display: none;
	width:1px;
	width:auto;
	font-size:50%;
	position:absolute;
	left:588px;
	top:0px;
	margin:35px 0 0 0;
}
nav.dropdownmenu img {
	margin:0 0 -8px 0;
}
nav.dropdownmenu ul {
    display: none;
    margin: 0 0 0 7px;
    padding: 10px 5px 30px;
    width: 106px;
	
	-moz-box-shadow:0 1px 6px #999;
	box-shadow: 0 1px 6px #999;
	-webkit-box-shadow: 0 1px 6px #999;
	-o-box-shadow: 0 1px 6px #999;
	background-color:#e4e4e4;
	background:-moz-linear-gradient(center bottom , #e4e4e4 0px, #fff 100%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #e4e4e4),color-stop(1, #fff));
}
nav.dropdownmenu ul.dropdownlist li {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #BBBBBB;
    color: #777777;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: 106px;
}
nav.dropdownmenu ul.dropdownlist li a {
    background: none repeat scroll 0 0 transparent;
    display: block;
    font-weight: bold;
    height: 12px;
    padding: 15px 10px;
    text-decoration: none;
    width: 90px;
}
nav.dropdownmenu ul.dropdownlist li a:hover {
    font-weight:bold;
    color: #AAD7EE;
	text-shadow: 1px 1px 0px #fff;
}
nav.dropdownmenu ul.dropdownlist li a.offline {
	color:#CCC;
}
nav.dropdownmenu ul.dropdownlist li a.offline:hover {
	color:#CCC;
	cursor:default;
}