@charset "utf-8";
/* CSS Document */

/**
 * Project:		MITTE SCHOEN
 * Purpose:		Global Styles
 * 
 * @author:		<ap@okapi.de>
 * @version:	1.0
 * @date:		07/2010
 */


/* TABLE OF CONTENTS:
---------------------------------------------------------------------------------------
	
	0:	CSS RESET & HELPERS:
	
		0.1:	CSS RESET:
		0.2:	AUTO-CLEAR & GLOBAL HELPERS
	
	1:	TYPOGRAPHY & LINK STYLING:
		
		1.0:	COLOURS:
		1.1:	TYPO:
		1.2:	LINKS:
		1.3:	COLOR-SETS
	
	2:	STRUCTURE & LAYOUT
		
		2.1:	STRUCTURE
		
		2.2:	HEADER
				
		2.3:	NAVIGATION & MENU-LISTS
				
		2.4:	FOOTER
		
		2.5:	CONTENT

		
	
--------------------------------------------------------------------------------------	
*/



/*  >> 0.	CSS RESET & HELPERS:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

/*  		>> 0.1.	CSS RESET:
--------------------------------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }

ol, ul { list-style: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*  		>> 0.2.	AUTO-CLEAR & GLOBAL HELPERS:
--------------------------------------------------------------------------------------- */

/*	AUTO-CLEAR
----------------------------------- */
.autoclear:after,
.col-box:after,
.article-teaser:after,
.event-teasers .teaser:after,
.excerpt ul.event-meta:after,
.wrap-pagination:after,
ul.article-meta:after,
.comment ul.comment-meta:after,
.rel-section .share-links:after,
.rel-section .wrap-tools:after,
.ip-row:after,
ul#nav-footer:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*	COLUMNS
----------------------------------- */
.col-box,
.article-teaser,
.event-teasers .teaser,
.related-articles .teaser {
	position: relative;
	display: block;
}

.col,
.teaser .visual,
.teaser .excerpt {
	position: relative;
	float: left;
	display: inline;
	line-height: 0.01%;
}


/*	MASK IMG-CONTAINERS
----------------------------------- */
.pic-sec {
	position: relative;
	display: block;
	overflow: hidden;
}


/*	HORIZONTALLY CENTER LIST-ITEMS
	OF UNKNOWN WIDTH
----------------------------------- */
.wrap-center-list {
	position: relative;
	float: left;
   width: 100%;
   overflow: hidden;
}

.wrap-center-list ul {
	position: relative;
	clear: left;
	float: left;
	left: 50%;
	text-align: center;
}

.wrap-center-list ul li {
	position: relative;
	display: block;
	float: left;
	right: 50%;
}




/*  >> 1.	TYPOGRAPHY & LINK STYLING:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */


/*  		>> 1.0.	COLOURS:
--------------------------------------------------------------------------------------- */



/*  		>> 1.1.	TYPO:
--------------------------------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, p, a, li, th, td, input, textarea,
.sidebar-widgets .widget h3,
.sidebar-widgets .widget p,
.sidebar-widgets .widget li,
.sidebar-widgets .widget li a {
	font-family: Arial, Helvetica, sans-serif;
}


div.wrap-title h1 a,
div.wrap-title h2,
div.wrap-title p.sub-head,
div.wrap-newsletter input.ip-txt,
div.wrap-search input.ip-txt,
ul#navigation a,
ul#lang-switch a,
.article-teaser .head a,
.event-teaser-section .head a,
.article .head h3,
.article .head p,
.rel-section .head h4,
.rel-section .head h4 a,
.rel-section input,
.rel-section textarea
{
	font-family: Georgia, "Times New Roman", Times, serif;
}



body,
.col h1, .col h2, .col h3, .col h4, .col h5, .col h6,
.col p, .col a, .col span, .col th, .col td {
	font-size: 12px;
	line-height: 16px;
}

input,
textarea { font-size: 13px; }

textarea { font-family: sans-serif, Arial, Helvetica; font-size: 13px; }


div.wrap-title h1 a,
div.wrap-title h2 { font-size: 24px; }

div.wrap-title p.sub-head { font-size: 14px; font-weight: bold; }

div.wrap-title h1 a,
div.wrap-title h2,
div.wrap-title p.sub-head {
	line-height: 1.1em;
	text-transform: uppercase;
}


.sidebar-widgets .widget h3,
.sidebar-widgets .widget li a,
.article-teaser .head a,
.event-teaser-section .head a,
.rel-section .head h4,
.rel-section .head h4 a { font-size: 11px; text-transform: uppercase; }

.teaser .excerpt h3 a { font-size: 14px; line-height: 1.1em; text-transform: uppercase; }

ul.event-teasers .excerpt h3 a { font-size: 12px; line-height: 1.2em; }

.article-teaser .head a,
.event-teaser-section .head a,
a.btn-read-more,
div.wrap-pagination a,
div.wrap-pagination span,
div.article div.head p { font-weight: bold; }


div.article div.body p,
div.article div.body span,
div.article div.body a { font-size: 12px; line-height: 1.4em; }

div.wrap-pagination a,
div.wrap-pagination span { font-size: 12px; line-height: 12px; }

div.article div.head p { font-size: 14px; line-height: 16px; }

div.article div.head h3 {
	font-size: 24px;
	line-height: 1.2em;
	text-transform: uppercase;
}

ul.article-meta li,
ul.article-meta a,
ul.article-meta span {
	font-size: 11px;
	line-height: 1.2em;
	text-transform: uppercase;
}

div.related-articles .excerpt h3 a { font-size: 12px; line-height: 1.2em; }

.comment-meta li span,
.comment-meta li a { font-size: 11px; line-height: 1.3em; }




/*  		>> 1.2.	LINKS:
--------------------------------------------------------------------------------------- */

a:link,
a:visited,
a:hover { text-decoration: none; }


.wrap-inner a:link,
.wrap-inner a:visited,
.article-teaser .head a:link,
.article-teaser .head a:visited,
.event-teaser-section .head a:link,
.event-teaser-section .head a:visited,
.rel-section .head h4 a:link,
.rel-section .head h4 a:visited { color: #000; }



/*  		>> 1.3.	COLOR-SETS:
--------------------------------------------------------------------------------------- */

/* DEAFULT - TURQOISE - PAGE */
body,
body #footer .wrap-inner,
body #header .wrap-radio { background-color: #0099A1; }

body .sidebar-widgets .widget h3,
body .wrap-pagination span { color: #0099A1; }

body .pagination li { border-left-color: #0099A1; }

body .rel-section .wrap-tools { border-top-color: #0099A1; }


/* DEFAULT - TURQOISE - LINKS */
.wrap-inner a:focus,
.wrap-inner a:hover,
.wrap-inner .selected a,
.article-teaser .head a:focus,
.article-teaser .head a:hover,
.event-teaser-section .head a:focus,
.event-teaser-section .head a:hover,
.rel-section .head h4 a:focus,
.rel-section .head h4 a:hover { color: #0099A1; }


a.btn-read-more:link,
a.btn-read-more:visited,
.excerpt h3 a:link,
.excerpt h3 a:visited,
.wrap-pagination a:link,
.wrap-pagination a:visited,
.article .body a:link,
.article .body a:visited,
.comment-cnt a:link,
.comment-cnt a:visited { color: #0099A1; }





/* HOME - TURQOISE - PAGE */
body.page-colorset-1,
body.page-colorset-1 #footer .wrap-inner,
body.page-colorset-1 #header .wrap-radio { background-color: #0099A1; }

body.page-colorset-1 .sidebar-widgets .widget h3,
body.page-colorset-1 .wrap-pagination span { color: #0099A1; }

body.page-colorset-1 .pagination li { border-left-color: #0099A1; }

body.page-colorset-1 .rel-section .wrap-tools { border-top-color: #0099A1; }


/* HOME - TURQOISE - LINKS */
.page-colorset-1 .wrap-inner a:focus,
.page-colorset-1 .wrap-inner a:hover,
.page-colorset-1 .wrap-inner .selected a,
.page-colorset-1 .wrap-inner .current-menu-item a,
.page-colorset-1 .wrap-inner .current-menu-parent a,
.page-colorset-1 .wrap-inner .current-cat a,
.page-colorset-1 .article-teaser .head a:focus,
.page-colorset-1 .article-teaser .head a:hover,
.page-colorset-1 .event-teaser-section .head a:focus,
.page-colorset-1 .event-teaser-section .head a:hover,
.page-colorset-1 .rel-section .head h4 a:focus,
.page-colorset-1 .rel-section .head h4 a:hover { color: #0099A1; }


.page-colorset-1 a.btn-read-more:link,
.page-colorset-1 a.btn-read-more:visited,
.page-colorset-1 .excerpt h3 a:link,
.page-colorset-1 .excerpt h3 a:visited,
.page-colorset-1 .wrap-pagination a:link,
.page-colorset-1 .wrap-pagination a:visited,
.page-colorset-1 .article .body a:link,
.page-colorset-1 .article .body a:visited,
.page-colorset-1 .comment-cnt a:link,
.page-colorset-1 .comment-cnt a:visited { color: #0099A1; }




/* KIEZTALK - YELLOW - PAGE */
body.page-colorset-2,
body.page-colorset-2 #footer .wrap-inner,
body.page-colorset-2 #header .wrap-radio { background-color: #E19213; }

body.page-colorset-2 .sidebar-widgets .widget h3,
body.page-colorset-2 .wrap-pagination span { color: #E19213; }

body.page-colorset-2 .pagination li { border-left-color: #E19213; }

body.page-colorset-2 .rel-section .wrap-tools { border-top-color: #E19213; }


/* KIEZTALK - YELLOW - LINKS */
.page-colorset-2 .wrap-inner a:focus,
.page-colorset-2 .wrap-inner a:hover,
.page-colorset-2 .wrap-inner .selected a,
.page-colorset-2 .wrap-inner .current-menu-item a,
.page-colorset-2 .wrap-inner .current-menu-parent a,
.page-colorset-2 .wrap-inner .current-cat a,
.page-colorset-2 .article-teaser .head a:focus,
.page-colorset-2 .article-teaser .head a:hover,
.page-colorset-2 .event-teaser-section .head a:focus,
.page-colorset-2 .event-teaser-section .head a:hover,
.page-colorset-2 .rel-section .head h4 a:focus,
.page-colorset-2 .rel-section .head h4 a:hover { color: #E19213; }


.page-colorset-2 a.btn-read-more:link,
.page-colorset-2 a.btn-read-more:visited,
.page-colorset-2 .excerpt h3 a:link,
.page-colorset-2 .excerpt h3 a:visited,
.page-colorset-2 .wrap-pagination a:link,
.page-colorset-2 .wrap-pagination a:visited,
.page-colorset-2 .article .body a:link,
.page-colorset-2 .article .body a:visited,
.page-colorset-2 .comment-cnt a:link,
.page-colorset-2 .comment-cnt a:visited { color: #E19213; }




/* EVENTS - BLUE - PAGE */
body.page-colorset-3,
body.page-colorset-3 #footer .wrap-inner,
body.page-colorset-3 #header .wrap-radio { background-color: #172983; }

body.page-colorset-3 .sidebar-widgets .widget h3,
body.page-colorset-3 .wrap-pagination span { color: #172983; }

body.page-colorset-3 .pagination li { border-left-color: #172983; }

body.page-colorset-3 .rel-section .wrap-tools { border-top-color: #172983; }


/* EVENTS - BLUE - LINKS */
.page-colorset-3 .wrap-inner a:focus,
.page-colorset-3 .wrap-inner a:hover,
.page-colorset-3 .wrap-inner .selected a,
.page-colorset-3 .wrap-inner .current-menu-item a,
.page-colorset-3 .wrap-inner .current-menu-parent a,
.page-colorset-3 .wrap-inner .current-cat a,
.page-colorset-3 .article-teaser .head a:focus,
.page-colorset-3 .article-teaser .head a:hover,
.page-colorset-3 .event-teaser-section .head a:focus,
.page-colorset-3 .event-teaser-section .head a:hover,
.page-colorset-3 .rel-section .head h4 a:focus,
.page-colorset-3 .rel-section .head h4 a:hover { color: #172983; }


.page-colorset-3 a.btn-read-more:link,
.page-colorset-3 a.btn-read-more:visited,
.page-colorset-3 .excerpt h3 a:link,
.page-colorset-3 .excerpt h3 a:visited,
.page-colorset-3 .wrap-pagination a:link,
.page-colorset-3 .wrap-pagination a:visited,
.page-colorset-3 .article .body a:link,
.page-colorset-3 .article .body a:visited,
.page-colorset-3 .comment-cnt a:link,
.page-colorset-3 .comment-cnt a:visited { color: #172983; }




/* KULTURGUT - RED - PAGE */
body.page-colorset-4,
body.page-colorset-4 #footer .wrap-inner,
body.page-colorset-4 #header .wrap-radio { background-color: #D3122C; }

body.page-colorset-4 .sidebar-widgets .widget h3,
body.page-colorset-4 .wrap-pagination span { color: #D3122C; }

body.page-colorset-4 .pagination li { border-left-color: #D3122C; }

body.page-colorset-4 .rel-section .wrap-tools { border-top-color: #D3122C; }


/* KULTURGUT - RED - LINKS */
.page-colorset-4 .wrap-inner a:focus,
.page-colorset-4 .wrap-inner a:hover,
.page-colorset-4 .wrap-inner .selected a,
.page-colorset-4 .wrap-inner .current-menu-item a,
.page-colorset-4 .wrap-inner .current-menu-parent a,
.page-colorset-4 .wrap-inner .current-cat a,
.page-colorset-4 .article-teaser .head a:focus,
.page-colorset-4 .article-teaser .head a:hover,
.page-colorset-4 .event-teaser-section .head a:focus,
.page-colorset-4 .event-teaser-section .head a:hover,
.page-colorset-4 .rel-section .head h4 a:focus,
.page-colorset-4 .rel-section .head h4 a:hover { color: #D3122C; }


.page-colorset-4 a.btn-read-more:link,
.page-colorset-4 a.btn-read-more:visited,
.page-colorset-4 .excerpt h3 a:link,
.page-colorset-4 .excerpt h3 a:visited,
.page-colorset-4 .wrap-pagination a:link,
.page-colorset-4 .wrap-pagination a:visited,
.page-colorset-4 .article .body a:link,
.page-colorset-4 .article .body a:visited,
.page-colorset-4 .comment-cnt a:link,
.page-colorset-4 .comment-cnt a:visited { color: #D3122C; }





/* BRAVE NEW WORLD - PINK - PAGE */
body.page-colorset-5,
body.page-colorset-5 #footer .wrap-inner,
body.page-colorset-5 #header .wrap-radio { background-color: #EB6D80; }

body.page-colorset-5 .sidebar-widgets .widget h3,
body.page-colorset-5 .wrap-pagination span { color: #EB6D80; }

body.page-colorset-5 .pagination li { border-left-color: #EB6D80; }

body.page-colorset-5 .rel-section .wrap-tools { border-top-color: #EB6D80; }


/* BRAVE NEW WORLD - PINK - LINKS */
.page-colorset-5 .wrap-inner a:focus,
.page-colorset-5 .wrap-inner a:hover,
.page-colorset-5 .wrap-inner .selected a,
.page-colorset-5 .wrap-inner .current-menu-item a,
.page-colorset-5 .wrap-inner .current-menu-parent a,
.page-colorset-5 .wrap-inner .current-cat a,
.page-colorset-5 .article-teaser .head a:focus,
.page-colorset-5 .article-teaser .head a:hover,
.page-colorset-5 .event-teaser-section .head a:focus,
.page-colorset-5 .event-teaser-section .head a:hover,
.page-colorset-5 .rel-section .head h4 a:focus,
.page-colorset-5 .rel-section .head h4 a:hover { color: #EB6D80; }


.page-colorset-5 a.btn-read-more:link,
.page-colorset-5 a.btn-read-more:visited,
.page-colorset-5 .excerpt h3 a:link,
.page-colorset-5 .excerpt h3 a:visited,
.page-colorset-5 .wrap-pagination a:link,
.page-colorset-5 .wrap-pagination a:visited,
.page-colorset-5 .article .body a:link,
.page-colorset-5 .article .body a:visited,
.page-colorset-5 .comment-cnt a:link,
.page-colorset-5 .comment-cnt a:visited { color: #EB6D80; }





/* MITTE STREETS - OLIVE - PAGE */
body.page-colorset-6,
body.page-colorset-6 #footer .wrap-inner,
body.page-colorset-6 #header .wrap-radio { background-color: #666633; }

body.page-colorset-6 .sidebar-widgets .widget h3,
body.page-colorset-6 .wrap-pagination span { color: #666633; }

body.page-colorset-6 .pagination li { border-left-color: #666633; }

body.page-colorset-6 .rel-section .wrap-tools { border-top-color: #666633; }


/* MITTE STREETS - OLIVE - LINKS */
.page-colorset-6 .wrap-inner a:focus,
.page-colorset-6 .wrap-inner a:hover,
.page-colorset-6 .wrap-inner .selected a,
.page-colorset-6 .wrap-inner .current-menu-item a,
.page-colorset-6 .wrap-inner .current-menu-parent a,
.page-colorset-6 .wrap-inner .current-cat a,
.page-colorset-6 .article-teaser .head a:focus,
.page-colorset-6 .article-teaser .head a:hover,
.page-colorset-6 .event-teaser-section .head a:focus,
.page-colorset-6 .event-teaser-section .head a:hover,
.page-colorset-6 .rel-section .head h4 a:focus,
.page-colorset-6 .rel-section .head h4 a:hover { color: #666633; }


.page-colorset-6 a.btn-read-more:link,
.page-colorset-6 a.btn-read-more:visited,
.page-colorset-6 .excerpt h3 a:link,
.page-colorset-6 .excerpt h3 a:visited,
.page-colorset-6 .wrap-pagination a:link,
.page-colorset-6 .wrap-pagination a:visited,
.page-colorset-6 .article .body a:link,
.page-colorset-6 .article .body a:visited,
.page-colorset-6 .comment-cnt a:link,
.page-colorset-6 .comment-cnt a:visited { color: #666633; }




/* MITTE NIGHTS - PURPLE - PAGE */
body.page-colorset-7,
body.page-colorset-7 #footer .wrap-inner,
body.page-colorset-7 #header .wrap-radio { background-color: #5C2381; }

body.page-colorset-7 .sidebar-widgets .widget h3,
body.page-colorset-7 .wrap-pagination span { color: #5C2381; }

body.page-colorset-7 .pagination li { border-left-color: #5C2381; }

body.page-colorset-7 .rel-section .wrap-tools { border-top-color: #5C2381; }


/* MITTE NIGHTS - PURPLE - LINKS */
.page-colorset-7 .wrap-inner a:focus,
.page-colorset-7 .wrap-inner a:hover,
.page-colorset-7 .wrap-inner .selected a,
.page-colorset-7 .wrap-inner .current-menu-item a,
.page-colorset-7 .wrap-inner .current-menu-parent a,
.page-colorset-7 .wrap-inner .current-cat a,
.page-colorset-7 .article-teaser .head a:focus,
.page-colorset-7 .article-teaser .head a:hover,
.page-colorset-7 .event-teaser-section .head a:focus,
.page-colorset-7 .event-teaser-section .head a:hover,
.page-colorset-7 .rel-section .head h4 a:focus,
.page-colorset-7 .rel-section .head h4 a:hover { color: #5C2381; }


.page-colorset-7 a.btn-read-more:link,
.page-colorset-7 a.btn-read-more:visited,
.page-colorset-7 .excerpt h3 a:link,
.page-colorset-7 .excerpt h3 a:visited,
.page-colorset-7 .wrap-pagination a:link,
.page-colorset-7 .wrap-pagination a:visited,
.page-colorset-7 .article .body a:link,
.page-colorset-7 .article .body a:visited,
.page-colorset-7 .comment-cnt a:link,
.page-colorset-7 .comment-cnt a:visited { color: #5C2381; }




/* STANDARD - BLACK - HOVERS */
.wrap-inner a.btn-read-more:focus,
.wrap-inner a.btn-read-more:hover,
.wrap-inner .excerpt h3 a:focus,
.wrap-inner .excerpt h3 a:hover,
.wrap-inner .wrap-pagination a:focus,
.wrap-inner .wrap-pagination a:hover,
.wrap-inner .wrap-pagination a:focus span,
.wrap-inner .wrap-pagination a:hover span,
.wrap-inner .article .body a:focus,
.wrap-inner .article .body a:hover,
.wrap-inner .comment-cnt a:focus,
.wrap-inner .comment-cnt a:hover { color: #000; }



/*  >> 2.	STRUCTURE LAYOUT
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */



/*  		>> 2.1.	STRUCTURE:
--------------------------------------------------------------------------------------- */
html, body { height: 100%; }

div#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	background-color: #FFF;
}
	
	div#wrapper div.wrap-inner {
		position: relative;
		padding-bottom: 90px;	/* same height as footer */
	}
	
		div#header {
			position: relative;
			height: 210px;
			padding: 16px 15px 0 15px;
			overflow: hidden;
		}
		
		div#main { position: relative; padding: 15px 0; }
		
			div#content { position: relative; width: 960px; }
			
				div#content-main {
					position: relative;
					width: 615px;
					margin-left: 15px;
				}
				
				div#content-sidebar {
					position: relative;
					width: 300px;
					margin-left: 15px;
				}
					
					#content-main .col { position: relative; }
					
					#content-main .cols2 {
						position: relative;
						margin-left: -15px;
						width: 630px;
					}
					
					#content-main .cols2 .col {
						width: 300px;
						margin-left: 15px;
						overflow: hidden;
					}


div#footer {
	position: relative;
	margin-top: -90px;
	height: 90px;
	overflow: hidden;
}

	div#footer div.wrap-inner {
		position: relative;
		height: 90px;
		width: 960px;
		margin: 0 auto;
	}



/* FOOTER STICK BOTTOM OPERA FIX */
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}



/*  		>> 2.2.	HEADER:
--------------------------------------------------------------------------------------- */

div#header div.wrap-title {
	position: relative;
	width: 615px;
	height: 185px;
	float: left;
}
div#header div.wrap-title.combined { width: 660px; }

	div.wrap-title h1,
	div.wrap-title h1 a {
		position: relative;
		height: 131px;
		overflow: hidden;
	}
	
	div.wrap-title.combined h1,
	div.wrap-title.combined h1 a { height: auto; overflow: visible; }
	
	div.wrap-title h1 { width: 460px; z-index: 20; }
	
	div.wrap-title.combined h1 { width: 660px; overflow: hidden; }
	
	div.wrap-title h1 a {
		display: block;
		background: url(../images/head_hl_mitteschoen.png) 0 0 no-repeat;
		text-indent: -9999px;
	}
	
	div.wrap-title.combined h1 a {
		display: inline;
		background: none;
		text-indent: 0px;
	}

	div.wrap-title h2 {
		position: absolute;
		left: 0;
		top: 29px;
		width: 615px;
		height: 65px;
		overflow: hidden;
		background: url(../images/head_hl_slogan.png) no-repeat;
		z-index: 10;
	}
	
	div.wrap-title h2 span { position: absolute; left: -9999px; }
	
	div.wrap-title p.sub-head {
		position: relative;
		height: 15px;
		padding-top: 13px;
		background: url(../images/head_hl_description.png) 0 bottom no-repeat;
		text-indent: -9999px;
	}
	
	.page-colorset-1 div.wrap-title h2 { color: #247EBD; background-position: 0 0; }


div#header div.wrap-magteaser {
	position: absolute;
	right: 260px;
	bottom: 25px;
	width: 150px;
	height: 115px;
	overflow: hidden;
	z-index: 100;
}


div#header div.wrap-section-right {
	position: relative;
	margin-top: 1px;
	float: right;
}
	
div#header div.wrap-section-right,
div.wrap-section-right div.sec-right-sub { width: 235px; overflow: hidden; }
	
	div.wrap-section-right div.wrap-head-cstminfo {
		position: absolute;
		left: 0;
		top: 0;
		height: 60px;
	}
	
	div.wrap-section-right div.wrap-radio {
		position: relative;
		margin-top: 70px;
		height: 60px;
	}
	
	div.wrap-section-right div.wrap-newsletter {
		position: relative;
		margin-top: 10px;
		height: 17px;
	}
	
		div.wrap-newsletter div.ip-row {
			position: relative;
			height: 17px;
			overflow: hidden;
		}
		
		div.wrap-newsletter input.ip-txt,
		div.wrap-nav-utils input.ip-txt {
			position: relative;
			float: left;
			border: 1px solid #000;
			outline: none;
			margin: 0;
			padding: 0 5px;
			
			height: 14px;
			padding-top: 1px;
			font-size: 11px;
			line-height: 12px;
		}
		
		div.wrap-newsletter input.ip-txt { width: 123px; }
		
		div.wrap-nav-utils input.ip-txt { width: 75px; }
		
		div.wrap-newsletter button.btn-newsletter,
		div.wrap-nav-utils button.btn-search {
			position: relative;
			border: none;
			outline: none;
			padding: 0;
			margin: 0;
			float: left;
			height: 17px;
			overflow: hidden;
			text-indent: -9999px;
			cursor: pointer;
			background: url(../images/btn_newsletter.png) 0 0 no-repeat;
		}
		
		div.wrap-newsletter button.btn-newsletter			{ background-position: 0 0; width: 100px;  }
		div.wrap-newsletter button.btn-newsletter:hover	{ background-position: 0 -50px; }
		
		div.wrap-nav-utils button.btn-search			{ background-position: -87px 0; width: 13px; }
		div.wrap-nav-utils button.btn-search:hover	{ background-position: -87px -50px; }


div#header div.wrap-navigation {
	position: relative;
	clear: both;
	height: 22px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

div#header div.wrap-nav-utils {
	position: absolute;
	right: 15px;
	bottom: 2px;
	width: 155px;
	height: 22px;
}

	div.wrap-nav-utils div.wrap-lang-switch,
	div.wrap-nav-utils div.wrap-search {
		position: relative;
		height: 22px;
		overflow: hidden;
		float: left;
	}
	
	div.wrap-nav-utils div.wrap-lang-switch { width: 55px; }
	
	div.wrap-nav-utils div.wrap-search { width: 100px; margin-top: 2px; }



/*  		>> 2.3.	NAVIGATION & MENU-LISTS:
--------------------------------------------------------------------------------------- */

ul#navigation,
ul#lang-switch { position: relative; }

ul#navigation li,
ul#lang-switch li { position: relative; float: left; }

ul#navigation a,
ul#navigation span,
ul#lang-switch a,
ul#lang-switch span {
	position: relative;
	float: left;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	padding: 5px 0;
}

ul#navigation li:last-child span { display: none; }

ul#lang-switch a,
ul#lang-switch span {
	font-size: 11px;
	line-height: 12px;
}

ul#navigation a,
ul#lang-switch a { font-weight: bold; }

ul#navigation span {
	padding-left: 3px;
	padding-right: 4px;
	cursor: pointer;
}

ul#lang-switch span {
	padding-left: 1px;
	padding-right: 2px;
	cursor: pointer;
}




/*  		>> 2.4.	FOOTER:
--------------------------------------------------------------------------------------- */

ul#nav-footer {
	position: relative;
	padding-top: 15px;
}

	ul#nav-footer li.nav-col {
		position: relative;
		float: left;
		padding: 0 40px 0 15px;
	}

	ul#nav-footer li {
		font-size: 0.01em;
		line-height: 0.01%;
	}
	
	ul#nav-footer li a {
		font-size: 11px;
		line-height: 1.3em;
		text-transform: uppercase;
	}
	
	ul#nav-footer a:link,
	ul#nav-footer a:visited { color: #EEE; }
	ul#nav-footer a:focus,
	ul#nav-footer a:hover { color: #FFF; }
	
	ul.social-links a {
		position: relative;
		padding-left: 17px;
		background: url(../images/icons_social.png) 0 0 no-repeat;
	}
	
	#nav-footer .btn-facebook a	{ background-position: 0 1px; }
	#nav-footer .btn-twitter a		{ background-position: 0 -48px; }
	#nav-footer .btn-rss a			{ background-position: 0 -98px; }
	#nav-footer .btn-newsletter a	{ background-position: 0 -149px; }



/*  		>> 2.5.	CONTENT:
--------------------------------------------------------------------------------------- */

/* SIDEBAR */
div.sb-section { position: relative; margin-top: 10px; }

div.sb-section div.wrap-cstminfo { position: relative; text-align: center; }

div.sb-section div.wrap-follow-us {
	position: relative;
	padding-top: 5px;
	background: url(../images/border_dbl.png) 0 0 repeat-x;
}

div.sb-section div.wrap-follow-us h3 {
	position: relative;
	background: url(../images/bg_follow_us.png) 0 13px no-repeat;
	height: 24px;
	padding-top: 13px;
	text-indent: -9999px;
	left: 56px;
	width: 184px;
}

div.sb-section ul.followus-links {
	position: relative;
	padding-bottom: 16px;
	background: url(../images/border_dbl.png) 0 bottom repeat-x;
}

div.sb-section div.wrap-follow-us li {	margin-left: 56px; }
	
	ul.followus-links li a {
		position: relative;
		display: block;
		height: 17px;
		width: 184px;
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -9999px;
	}
	
	.followus-links .btn-facebook a { background-image: url(../images/btns_fb_twitter.png); width: 156px; }
	
	.followus-links li.btn-twitter { padding-top: 3px; background: url(../images/icon_twitter_bird.png) 0 0 no-repeat; }
	
	.followus-links .btn-twitter a { background-image: url(../images/btns_fb_twitter.png); padding-top: 4px; width: 150px; }
	
	/* DEFAULT */
	.followus-links li.btn-facebook a:link,
	.followus-links li.btn-facebook a:visited { background-position: 0 0; }
	.followus-links li.btn-twitter a:link,
	.followus-links li.btn-twitter a:visited { background-position: 0 -21px; }
	
	
	.page-colorset-1 .followus-links li.btn-facebook a:link,
	.page-colorset-1 .followus-links li.btn-facebook a:visited { background-position: 0 -50px; }
	.page-colorset-1 .followus-links li.btn-twitter a:link,
	.page-colorset-1 .followus-links li.btn-twitter a:visited { background-position: 0 -71px; }
	
	.page-colorset-2 .followus-links li.btn-facebook a:link,
	.page-colorset-2 .followus-links li.btn-facebook a:visited { background-position: 0 -100px; }
	.page-colorset-2 .followus-links li.btn-twitter a:link,
	.page-colorset-2 .followus-links li.btn-twitter a:visited { background-position: 0 -121px; }
	
	.page-colorset-3 .followus-links li.btn-facebook a:link,
	.page-colorset-3 .followus-links li.btn-facebook a:visited { background-position: 0 -150px; }
	.page-colorset-3 .followus-links li.btn-twitter a:link,
	.page-colorset-3 .followus-links li.btn-twitter a:visited { background-position: 0 -171px; }
	
	.page-colorset-4 .followus-links li.btn-facebook a:link,
	.page-colorset-4 .followus-links li.btn-facebook a:visited { background-position: 0 -200px; }
	.page-colorset-4 .followus-links li.btn-twitter a:link,
	.page-colorset-4 .followus-links li.btn-twitter a:visited { background-position: 0 -221px; }
	
	.page-colorset-5 .followus-links li.btn-facebook a:link,
	.page-colorset-5 .followus-links li.btn-facebook a:visited { background-position: 0 -250px; }
	.page-colorset-5 .followus-links li.btn-twitter a:link,
	.page-colorset-5 .followus-links li.btn-twitter a:visited { background-position: 0 -271px; }
	
	.page-colorset-6 .followus-links li.btn-facebook a:link,
	.page-colorset-6 .followus-links li.btn-facebook a:visited { background-position: 0 -300px; }
	.page-colorset-6 .followus-links li.btn-twitter a:link,
	.page-colorset-6 .followus-links li.btn-twitter a:visited { background-position: 0 -321px; }
	
	.page-colorset-7 .followus-links li.btn-facebook a:link,
	.page-colorset-7 .followus-links li.btn-facebook a:visited { background-position: 0 -350px; }
	.page-colorset-7 .followus-links li.btn-twitter a:link,
	.page-colorset-7 .followus-links li.btn-twitter a:visited { background-position: 0 -371px; }
	
	#content-sidebar .followus-links .btn-facebook a:hover { background-position: 0 0; }
	#content-sidebar .followus-links .btn-twitter a:hover { background-position: 0 -21px; }


.sidebar-widgets { position: relative; }

.sidebar-widgets .widget { position: relative; padding-bottom: 10px; }

.sidebar-widgets .widget h3,
.sidebar-widgets .widget li { border-bottom: 1px solid #000; }

.sidebar-widgets .widget li { padding: 4px 0; }

.sidebar-widgets .widget h3 { padding: 8px 0 2px; }




/* HOME TEASERS */
div.cat-teaser-section {
	position: relative;
	padding: 10px 0 11px;
	background: url(../images/border_section_w615.png) bottom right no-repeat;
}

div.cat-teaser-section div.article-teaser { position: relative; }

.article-teaser .head,
.event-teaser-section .head,
.rel-section .head {
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
}

.article-teaser .visual,
.article-teaser .excerpt {
	position: relative;
	margin-top: 15px;
	overflow: hidden;
}

.article-teaser .excerpt { margin-left: 10px; padding-left: 5px; }

.article-teaser .excerpt h3 { padding-bottom: 3px; }


.cols1 .article-teaser .visual	{ width: 300px; height: 208px; }
.cols1 .article-teaser .excerpt	{ width: 300px; }

.cols1 .article-teaser .excerpt p { padding-bottom: 8px; }


.cols2 .article-teaser .visual	{ width: 172px; height: 172px; }
.cols2 .article-teaser .excerpt	{ width: 118px; margin-left: 5px; padding-left: 5px; }

.cols2 div.footer {
	position: relative;
	clear: both;
	padding-top: 5px;
	padding-left: 1px;
}


div.event-teaser-section {
	position: relative;
	margin-top: 3px;
	border-top: 1px solid #000;
	padding: 10px 0 11px;
}

div.wrap-event-teasers { 
	position: relative;
	width: 615px;
	overflow: hidden;
	margin-top: 10px;
}

ul.event-teasers { position: relative; margin-top: -1px; }

ul.event-teasers li.teaser { border-top: 1px solid #000;	padding: 5px 0; }

ul.event-teasers .visual,
ul.event-teasers .excerpt { position: relative;  overflow: hidden; }

ul.event-teasers .visual	{ width: 120px; height: 82px; }
ul.event-teasers .excerpt	{  width: 485px; margin-left: 5px; padding-left: 5px; }

ul.event-teasers .excerpt h3 { padding: 1px 0 1px; }

div.excerpt ul.event-meta { position: relative; }

div.excerpt ul.event-meta li { display: inline; }

ul.event-meta .category { text-transform: uppercase; }

ul.event-meta li,
ul.event-meta li span,
ul.event-meta li a { font-size: 11px; font-weight: bold; }

ul.event-meta li span { padding-left: 2px; }



/* PAGINATION */
div.wrap-pagination {
	position: relative;
	border-top: 1px solid #000;
	padding: 7px 0 7px;
}

div.pagination-inner { position: relative; float: right; }

div.pagination-inner div.btn-prev-wrapper,
div.pagination-inner div.mid-wrapper,
div.pagination-inner div.btn-next-wrapper,
ul.pagination { position: relative; float: left; }

div.pagination-inner div.btn-prev-wrapper { margin-right: 5px; }
div.pagination-inner div.btn-next-wrapper { margin-left: 5px; }

div.pagination-inner div.btn-prev-wrapper span,
div.pagination-inner div.btn-next-wrapper span { position: relative; display: inline-block; top: -1px; }

ul.pagination li {
	position: relative;
	float: left;
	border-left: 1px solid;
}
ul.pagination li.first { border: none; }

ul.pagination a,
ul.pagination span { padding: 0 3px 0 4px; }


div.wrap-pagination li.current-page span { color: #000; }


/* ARTICLE DETAILS*/
div.article {
	position: relative;
	width: 615px;
/*	padding: 10px 0px 11px;	*/
	padding-top: 10px;
	overflow: hidden;
}

div.article div.body img { display: block; margin-bottom: 5px; }

div.article div.body p { padding: 0.6em 0; }

div.article div.head p { padding-bottom: 2px; }

div.article div.head h3 { padding-bottom: 9px; }

ul.article-meta {	position: relative; padding-bottom: 16px; }

ul.article-meta li {
	position: relative;
	float: left;
	margin-right: 3px;
}


/* ARTICLE RELATED SECTIONS */
div.related-sections { position: relative; }

div.related-sections div.rel-section {
	position: relative;
	padding-top: 25px;
	padding-bottom: 4px;
	border-bottom: 1px solid #000;
}

div.rel-section div.wrap-tools,
div.rel-section div.wrap-related-articles,
div.rel-section div.wrap-comments li.comment,
div.rel-section div.wrap-write-comment { border-bottom: 1px solid #000; }


/* SHARE LINKS */
div.rel-section ul.share-links { position: relative; padding-bottom: 8px; }

div.rel-section ul.share-links li {
	position: relative;
	float: left;
	height: 20px;
}

div.rel-section ul.share-links a {
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	float: left;
	font-weight: bold;
	background: url(../images/icons_article.png) 0 0 no-repeat;
	padding-left: 22px;
	margin-right: 10px;
}

ul.share-links li.btn-email a		{ background-position: 0 0; }
ul.share-links li.btn-twitter a	{ background-position: 0 -50px; }
ul.share-links li.btn-facebook a	{ background-position: 0 -100px; }



div.related-sections div.rel-section.first { padding-top: 15px; }

div.rel-section div.wrap-tools {
	position: relative;
	padding-bottom: 50px;
	padding-top: 5px;
	border-top: 1px solid;
}

div.rel-section div.wrap-share { position: relative; float: left; }

div.rel-section div.wrap-pagination {
	border-top: none;
	float: right;
	padding: 4px 0;
}

div.rel-section div.wrap-pagination div.pagination-inner { float: left; }


/* RELATED ARTICLES */
div.rel-section div.wrap-related-articles {
	position: relative;
	margin-top: 5px;
	width: 615px;
	overflow: hidden;
}

div.rel-section div.related-articles {
	position: relative;
	padding: 6px 0 5px;
	background: url(../images/border_section_w615.png) 15px 0 no-repeat;
	margin-top: -1px;
	margin-bottom: 0;
}

div.related-articles div.teaser { width: 300px; overflow: hidden; }

div.related-articles div.visual { width: 60px; }

div.related-articles div.excerpt { width: 235px; padding-left: 5px; }



/* RELATED COMMENTS */
li.comment ul.comment-meta {
	position: relative;
	float: left;
	padding-bottom: 3px;
}

li.comment ul.comment-meta li {
	position: relative;
	float: left;
	padding-top: 9px;
}
li.comment ul.comment-meta li.author { padding-left: 3px; }

.comment-cnt p { padding: 2px 0 14px; }

li.comment div.comment-cnt { position: relative; clear: both; }


/* COMMENT FORM */
div.wrap-write-comment { position: relative; padding-bottom: 15px; }

div.rel-section .ip-row { position: relative; padding-top: 10px; }

div.rel-section .ip-row label {
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 1.2em;
	text-transform: uppercase;
	width: 200px;
	padding-bottom: 1px;
}

div.rel-section .ip-row .ip-txt {
	position: relative;
	float: left;
	display: block;
	clear: both;
	width: 288px;
	padding: 3px 5px;
}

div.rel-section .ip-row textarea {
	position: relative;
	display: block;
	clear: both;
	width: 605px;
	padding: 3px 5px;
}

div.rel-section .ip-row .ip-txt,
div.rel-section .ip-row textarea { border: 1px solid #333; font-size: 12px; }

button.btn-submit-comment {
	position: relative;
	width: 66px;
	height: 17px;
	overflow: hidden;
	text-indent: -9999px;
	float: right;
	border: none;
	outline: none;
	background: url(../images/btn_send.png) 0 0 no-repeat;
	cursor: pointer;
}
button.btn-submit-comment:hover { background-position: 0 -50px; }



/* Content area fixes, PK */
.post .body em, 
.post .body td, 
.post .body th, 
.post .body div, 
.post .body dd, 
.post .body dt, 
.post .body li,
#commentform abbr,
#commentform code
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 16px;
}

.ip-row .required {
	padding-left: 5px;
	font-size: 16px;
}

.cols1 .footer {
	margin-left: 10px;
	padding-left: 5px;
	float: left;
}