body { 
	font-family:arial; 
	color:black; 
	font-size:13px;
	background:url('../images/mountainBg.jpg') repeat-x top center #fff;
}

p {
	margin-bottom:1em;
}

/* Links */
a, a:visited { 
	color:#0c84b8;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* UL Padding */
ul li {
	margin-left:18px;
}

div#container {
	width:900px;
	margin:0px auto;
	position:relative;
}

/* Navigation */
nav {
	margin:30px 0px;
	font-size:14px;
}
nav ul {
	list-style-type:none;
	text-align:center;
}
nav li {
	display:inline-block;
	height:30px;
	margin:0px 12px;
}

nav li:first-child a {
	text-indent:-100px;
	width:20px;
	overflow:hidden;
	background:url('../images/icon-home.gif') no-repeat top center;
}

nav a {
	display:inline-block;
	padding:5px;
}
nav a:link, nav a:visited {
	color:black;
	text-decoration:none;
}
nav a:hover {
	border-bottom:2px solid #85c3de;
	text-decoration:none;
}
nav li#active a {
	border-bottom:2px solid #0c88be!important;
}


/* Header */
header#title h1 {
	display:inline-block;
	width:350px;
	margin:80px 0 63px 30px;
	color:#9ec7d3;
	font-size:40px;
	text-transform:uppercase;
	text-align:right;
}

header#title h1:first-line {
	color:#0c88be;
	font-size:50px;
}


/* TabPanel */
div#tabpanel {
	width:350px;
	margin-left:30px;
	float:left;
}

/* TabPanel Controls */
div#tabcontrols li {
	display:block;
	float:left;
	cursor:pointer;
	border:1px solid #898989;
	border-right:0px;
	margin-bottom:-1px;
	margin-left:0px;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(1, rgb(251,251,251)),color-stop(0, rgb(219,221,222)));
	background:-moz-linear-gradient(center bottom,rgb(251,251,251) 100%,rgb(219,221,222) 0%);
}
div#tabcontrols li:last-child {
	border-right:1px solid #898989;
}
div#tabcontrols li.active {
	border-bottom:1px solid #ccc;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.27, rgb(245,246,246)),color-stop(1, rgb(195,197,199)));
	background:-moz-linear-gradient(center top,rgb(245,246,246) 27%,rgb(195,197,199) 100%);
}
#newsPanelControl span {
	display:inline-block;
	padding:5px 12px 5px 30px;
	background:url('../images/icon-news.gif') no-repeat 5px 4px;
}
#newsPanelControl.active span {
	background:url('../images/icon-news-active.gif') no-repeat 5px 4px;
}
#skionlinePanelControl span {
	display:inline-block;
	padding:5px 12px 5px 30px;
	background:url('../images/icon-skionline.gif') no-repeat 5px 3px;
}
#skionlinePanelControl.active span {
	background:url('../images/icon-skionline-active.gif') no-repeat 5px 3px;
}
#facebookPanelControl span {
	display:inline-block;
	padding:5px 12px 5px 30px;
	background:url('../images/icon-facebook.gif') no-repeat 5px 3px;
}
#facebookPanelControl.active span {
	background:url('../images/icon-facebook-active.gif') no-repeat 5px 3px;
}


/* TabPanel Content */
div#tabpanel section {
	clear:left;
	display:none;
}
div#tabpanel section.active {
	display:block;
}
section#news, section#skionline{
	border:1px solid #ccc;
}
section#news article, section#skionline article {
	padding:10px;
	border-bottom:1px solid #ccc;
}
section#news article:last-child, section#skionline article:last-child {
	border-bottom:0px;
}
section#news article:hover, section#skionline article:hover  {
	background-color:#f7f7f7;
}
section#news h1 {
	display:inline;
}
section#news time, section#skionline h1 {
	font-style:italic;
}
section#news p {
	margin:5px 0px;
}

section#skionline header {
	margin-bottom:5px;
	clear:left;
}
section#skionline p {
	margin-bottom:5px;
}

section#facebook {
	/*border:1px solid #ccc;*/
}
section#facebook h1 {
	margin-bottom:10px;
}

section#news div#rsslink {
	padding:5px;
	text-align:center;
	font-size:11px;
	background-color:#FFC;
}

section#skionline div#skionlinelink {
	padding:5px;
	text-align:center;
	font-size:11px;
	background-color:#FFC;
}

div#portrait {
	float:right;
	width:420px;
	margin-top:-205px;
	margin-right:45px;
}
div#portrait img#christian-spescha {
	width:448px;
	height:650px;
	/*-webkit-animation-name:portraitSlide;
  	-webkit-animation-duration:0.5s;*/
}

@-webkit-keyframes portraitSlide{
	from{margin:0 0 0 -10px;}
    to{margin:0 0 0 0px;}
}

footer {
	clear:both;
}