@charset 'utf-8';
@import url(reset.css);

/*---------------------------------------------------------------------------BASIS-STYLES-----*/

body{
	text-align:center;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #0B4289;
}

p{
 margin-bottom:19px;
}

ul{
	margin:18px 0 36px 25px;
	list-style-type: disc;
}

ol{
	margin:18px 0 36px 25px;
	list-style-type: decimal;
}

blockquote{
	background-color: #E6E6E6;
	padding:16px 25px;
	margin-bottom: 36px;
	border-top: #0B4289 solid 2px;
	border-bottom: #0B4289 solid 2px;
}

em{
	font-style: italic;
	font-weight: bold;
}

strong{
	font-weight: bold;
}

q{
	font-style: italic;
}

img{
	margin-bottom: 33px;
}

a:link, a:visited{
	color: #0B4289;
	text-decoration: underline;
}

a:hover, a:active{
	color: #909090;
	text-decoration: underline;
}


/*-------------------------------------------------------------------------------HEADINGS-----*/

h2{
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 18px;
}

h3{
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 18px;
	font-weight: bold;
}

h4{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}



.section-title h4{
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 18px;
	color: #FFF;
}

.section h5{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 18px;
}



/*-----------------------------------------------------------------------------LAYOUT-IDs-----*/

#page-wrapper{
	text-align:left;
	background: transparent url(../images/waage.png) no-repeat scroll top right;
	width: 900px;
	margin: 0 auto;
	overflow: auto;
}

#header{
	margin: 36px 0 32px;
}

#header img{
	margin: 0;
}

#navigation{
	width: 884px;
	background: transparent url(../images/nav_bg.png) repeat-x scroll top left;
	overflow: auto;
	padding: 5px 8px 0px;
	margin-bottom: 54px;
}

#navigation ul{
	margin:0;
	list-style-type: none;
}

#navigation img{
	margin: 0;
}

#navigation ul li{
	height: 35px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	margin: 0 8px;
}


#navigation ul li.active{
	height: 35px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	margin: 0 8px;
	background: transparent url(../images/nav_active.png) no-repeat scroll bottom center;
}


#navigation ul li a:link, #navigation ul li a:visited{
	color: #FFF;
	text-decoration: none;
}

#navigation ul li a:hover, #navigation ul li a:active{
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter: alpha(opacity=70);       /* IE 4-7 */
    zoom: 1;                         /* "hasLayout" fŸr IE 7 und Šlter */ 
	text-decoration: none;
}

#content-wrapper{
	overflow: hidden;
	margin-bottom: 108px;
}


#content{
	float: left;
	width: 530px;
}

#sidebar{
	float: right;
	width: 260px;
}

#footer{
	clear: both;
	color: #909090;
	font-size: 10px;
	line-height: 18px;
	border-top: #0B4289 solid 2px;
	overflow: auto;
	margin-bottom:36px;

}

.twrss_bodytext, twrss_item_link {
	font-size:10px;
}

.twrss_head_channel {
	font-size:12px;
	font-weight:bold;
}


/*--------------------------------------------------------------------------------KLASSEN-----*/

div.section-title{
	background: transparent url(../images/section_head.png) no-repeat scroll top left;
	padding:9px 0 0 10px; 
	height:63px;
	position: relative;
}

div.section{
	background-color: #E6E6E6;
	padding:18px 10px;
	margin: -18px 0 54px; 
}

p.copyright{
	float: left;
}

ul.footer-nav{
	float: right;
	list-style-type: none;
	margin:0;
}

ul.footer-nav li{
	float: left;
	margin-left: 10px;
}

ul.footer-nav li a:link, ul.footer-nav li a:visited{
	color: #909090;
	text-decoration: underline;
}

ul.footer-nav li a:hover, ul.footer-nav li a:active{
	color: #0B4289;
	text-decoration: underline;
}

.spotlightWrapper {
	margin-left:60px;
	width:450px;
}

.spotlightWrapper ul {
	list-style-type: none; /* remove the default style for list items (the circles) */
	margin:0px; /* remove default margin */
	padding:0px; /* remove default padding */
}
.spotlightWrapper ul li {
	float:left; /* important: left float */
}
.spotlightWrapper ul li a img {
	width:125px; /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */
	height:173px;
	position:relative; /* so we can use top and left positioning */
	border:5px solid white; /* remove the default blue border */
	margin:0;
	padding:0;
}
.spotlightWrapper ul li a img.active {
	border:5px solid white; /* choose whatever you like */
	z-index:1; /* show it on top of the other images (they have z-index 0) */
	/* same as border width but negative */
}
.clear { clear:both; } /* to clear the float after the last item */

.align-center {
	text-align:center;
}

.align-right {
	text-align:right;
}