html{height:100%;width:100%}
body{margin:0px;padding:0px;width:100%;height:100%;font-size:12px;font-family:Arial, Tahoma, "Trebuchet MS", Verdana, Helvetica, sans-serif;background: #fff url(../pics/bg-line.gif) repeat-x;
color:#363636}
	
h1, h2, h3, h4, h5, h6{font-size:23px;font-weight:normal;padding:0px;padding-bottom:20px;margin:10px 0px 0px 0px;display:block;font-family:Segoe UI, Tahoma, Arial, Verdana;
color:#e39627}
h2, h3, h4, h5, h6{font-size:19px;padding-bottom:18px;line-height:23px;margin:0px;
color:#3378B4}
	
a{text-decoration:none;
color:#3378b4}
a:hover{text-decoration:underline;
color:#3d7ca8}
a.button
{
background:#8ecae9 url(../pics/menu.gif) repeat-x;padding:7px 13px 6px 13px;font-size:11px;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px;
text-shadow:0px -1px 0 rgba(0, 0, 0, 0.2);color:#fff;font-weight:bold
}	
a.button:hover{background:#f5c500 url(../pics/more-link-hover.gif) repeat-x;text-decoration:none;}

img{border:0px}
small{font-size:11px;font-weight:normal;
color:#5c5c5c}
.pics{float:left;margin:0px 22px 10px 0px}
.pics-r{float:right;margin:0px 0px 10px 22px}
.text-2 .pics{float:left;margin:0px 12px 10px -7px}
a img.pics:hover{-moz-opacity:0.6;filter:alpha(opacity=60);opacity:0.6}

acronym:hover{cursor:help}
			
dl{float:left;margin:0px 15px 15px 0px;
box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}
			
dt{display:inline}
dd{padding:5px 8px 5px 8px;margin:0px;line-height:15px;
background:#f0f0f0}
dfn{font-size:11px}
dd em{font-size:10px;
color:#939393}

/***************************************************************** positions ***/
/*******************************************************************************/

#container{width:100%;height:100%;position:relative;background: url(../pics/mobile-bg.jpg) no-repeat center 92px}
#center-out{text-align:center;height:100%;width:100%;background:url(../pics/paper.png) no-repeat center 90px;}
#center-in{text-align:left;width:950px;margin:auto}
#top{float:left;width:950px;height:96px}
#logo{float:left;margin:18px 0px 0px 16px}

/***************************************************************** main menu ***/
/*******************************************************************************/
	
#menu{float:right;margin-top:28px}
#menu ul{float:right;padding:0px;margin:0px;list-style:none}
#menu li{float:left;margin-right:10px;
text-shadow:0px -1px 0 rgba(0, 0, 0, 0.2)
}
#menu a
{
float:left;padding:7px 13px 8px 13px;font-size:14px;outline:none;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px;
background:#f5c500 url(../pics/more-link-hover.gif) repeat-x;color:#fff;font-weight:bold;
box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1)
}
#menu a:hover{text-decoration:none;
background:#8ecae9 url(../pics/menu.gif) repeat-x}

#menu li.active a{text-decoration:none;
background:#8ecae9 url(../pics/menu.gif) repeat-x}

/******************************************************************** header ***/
/*******************************************************************************/

#header{width:950px;height:344px;float:left;background:url(../pics/home-head.jpg) no-repeat}
#header .links{position:absolute;margin:220px 0px 0px 22px}
#header-bottom{width:950px;height:39px;float:left;background:url(../pics/header-bottom.gif) no-repeat;margin-bottom:-30px}	

a.eye-button
{
background:#f5c500 url(../pics/more-link-hover.gif) repeat-x;padding:10px 18px 10px 18px;font-size:14px;float:left;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px;
box-shadow:1px 2px 3px #ccc;-moz-box-shadow:1px 2px 3px #ccc;-webkit-box-shadow:1px 2px 3px #ccc;
text-shadow:0px -1px 0 rgba(0, 0, 0, 0.2);color:#fff;font-weight:bold
}	
a.eye-button:hover{background:#8ecae9 url(../pics/menu.gif) repeat-x;text-decoration:none}

/********************************************************************** left ***/
/*******************************************************************************/

#left{float:left;width:240px;margin-top:40px;margin-right:48px;text-align:left}
#left ul {padding:0px;margin:0px;list-style:none}
#left ul ul{padding:0px;margin:0px 0px 30px 0px;list-style:none}
#left li li {background:url(../pics/left-menu-sep.gif) repeat-x bottom;padding:8px 15px 8px 15px;font-size:13px;display:block;width:210px}
#left li li a{color:#363636}
#left li li a:hover{color:#3378B4}
#left li li:hover{background:#fafafa url(../pics/left-menu-sep.gif) repeat-x bottom;color:#3378B4}
#left a:focus{outline:none}
#left li.active li span{color:#363636;font-size:11px;margin-left:10px;width:200px;padding:7px 15px 8px 15px}
#left li.active a{color:#3378B4}
#left li.active{background:#fafafa}
#left li.active li.active li span{margin-left:20px;width:190px}
#left li.active li.active a{font-weight:bold}
#left li.active li.active span{color:#3378B4}
#left li.active ul{margin-bottom:0px}
#left a:hover{text-decoration:none}

.left-box
{
float:left;font-size:11px;line-height:15px;border:1px solid #efefef;width:210px;margin:0px 0px 20px 0px;padding:15px 15px 15px 15px;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px
}
.left-box h2{font-size:16px;padding-bottom:10px}
.left-box ul{padding:0px;margin:0px 0px 0px 0px!important}
.haken{background:url(../pics/haken.gif) 0px -1px no-repeat;padding:0px 0px 5px 25px}
.banner-image{margin:-15px 0px -15px -15px}
.banner-tipp{float:left;margin:0px 0px 11px 0px}
	
/********************************************************************* right ***/
/*******************************************************************************/
	
#right{float:left;width:660px;line-height:20px;margin-top:40px}
.description{float:left;font-size:12px;margin:0px 0px 20px 0px;width:658px}

.text, .text-2
{
float:left;background:#fff;font-size:12px;border:1px solid #EFEFEF;margin:0px 0px 25px 0px;padding:23px 25px 23px 25px;width:610px;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px
}

.text-2{width:265px;margin-right:26px}
.teaser{float:left;position:relative;margin:-24px 0px 0px -25px}

.extra{background:#f2f5fa;border-color:#dbe0eb}
.extra-2{background:#F7F7F7;border-color:#F7F7F7}
	
.start-teaser{float:left;width:660px;height:230px}
.start-teaser-in{float:left;margin:28px 70px 0px 188px;font-size:15px}
.start-teaser-in h1{margin:0px}
			
ul.list{padding:0px;margin:0px 0px 0px 0px!important;list-style:none}
.list li{background:url(../pics/dot.gif) 0px 6px no-repeat;padding:0px 0px 2px 13px}
	
#bottom-navi{float:left;width:100%;margin:40px 0px 20px 0px}
#bookmark{float:left}	
#bookmark div{float:left;margin-right:20px}
	
#jump{float:right;text-align:right;font-size:11px;background:url(../pics/top.gif) right center no-repeat;padding-right:15px}
#jump a{color:#828282}
	
/******************************************************************** Footer ***/
/*******************************************************************************/

#footer{float:left;position:relative;width:100%;background:url(../pics/footer-bg.gif) repeat-x;font-size:11px;margin-top:20px}
.footer-in{text-align:center;width:950px;margin:auto}
.footer-menu{text-align:left;float:left;width:950px}
.footer-menu ul{float:left;list-style:none;padding:20px 50px 40px 0px;margin-right:5px;margin-bottom:0px}

.footer-menu li a{padding:5px 10px 5px 10px;display:block;
color:#363636;border-bottom:1px dotted #ccc;text-shadow:1px 1px 0 rgba(255, 255, 255, 1.0)}
	
.footer-menu li a:hover{text-decoration:none;
background:#f7f7f7}
	
#footer-bottom{float:left;position:relative;width:100%;font-size:11px;
background:#8db6d7}
	
#footer-bottom .footer-menu ul{background:none;float:left;list-style:none;padding:0px;margin-right:30px;margin-bottom:8px}
#footer-bottom .footer-menu ul li{float:left}
#footer-bottom .footer-menu ul li a{float:left;padding:5px 10px 5px 10px;border-bottom:0px;text-shadow:none;
border-right:1px dotted #acd0ed;color:#fff}
	
#footer-bottom .footer-menu ul li a:hover{background:#acd0ed}
	
#copy{float:right;padding:16px 0px 4px 10px;
color:#375d7c}

/****************************************************************** slidebar ***/
/*******************************************************************************/
		
#slidebar{position:fixed;top:205px;left:0px}
	
.slide, .slide-2, .slide-3, .slide-bookmark
	{
	margin-top:10px;margin-left:-11px;
	width:32px;
	filter:		alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:	0.7;
	}
	
.slide-bookmark{margin-left:-153px;width:174px}	
.follow{margin-left:10px;margin-top:0px}

.book
	{
	position:absolute;
	margin-top:-23px;
	margin-left:9px;
	}
			
.slide:hover, .slide-2:hover, .slide-3:hover, .slide-bookmark:hover
	{
	margin-left:0px;
	filter:		alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:	1.0;
	}

@media only screen and (max-width: 1145px) {

#slidebar {display:none}
	
}