/*------------------------------------------------------------------------------
IMPORTS
------------------------------------------------------------------------------*/

@import url("/fileadmin/css/filelinks.css");
@import url("/fileadmin/css/tables.css");
@import url("/fileadmin/css/roqnbic_ext.css");
@import url("/fileadmin/css/jobcontrol.css");
@import url("/fileadmin/css/indexsearch.css");
@import url("/fileadmin/css/dmail-subscription.css");



/*------------------------------------------------------------------------------
CSS FRAMEWORK OVERRIDES
------------------------------------------------------------------------------*/

/* Grid
------------------------------------------------------------------------------*/

div.paddedSpan-6,
div.paddedSpan-8,
div.paddedSpan-12 {
	margin-left: 1.05%; /* 10px @ 950px width */
	margin-right: 2.11%; /* 20px @ 950px width */
	width: 22.11%; /* 210px @ 950px */
}

div.paddedSpan-8  { width: 30.53%; /* 290px @ 950px width */ }
div.paddedSpan-12 { width: 47.37%; /* 450px @ 950px width */ }

.last, div.last { margin-right: 0; }

div.container {
	width: auto;
	min-width: 950px;
	max-width: 1150px;
}

div#header div.container,
div#intro div.container,
div#crumbtrail div.container,
div#footer div.container {
	width: 100%;
}


/*  Typography
------------------------------------------------------------------------------*/

body        { font-size: 81.25%; }
 
html>body   { font-size: 13px; }

li ul,
li ol       { margin:0; }
ul, ol      { margin: 0 1.5em 1.5em 0; }

ul, ol      { list-style-type: none; }

dl          { margin: 0 0 1.5em 0; }
dd          { margin-left: 0;}

fieldset    { padding:0;margin:0;border:0;}

h1          { font-size: 2.25em; margin-bottom: 0.75em; }
h2          { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3          { font-size: 1.2em; line-height: 1.5; margin-bottom: 0.25em; }
h4, h5, h6  { font-size: 1em; line-height: 1.5em; font-weight: bold; margin-bottom: 0; }

p           { margin: 0 0 1.25em 0; }


 
/*------------------------------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------------------------------*/



/* General
------------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, Sans, sans-serif;
	color: #333;
}

.csc-linkToTop {
	margin-top: -1.25em;
	padding-left: 12px;
	background: transparent url(/fileadmin/images/icons/arrowTopBlue.gif) left center no-repeat;
}


/* Headings
------------------------------------------------------------------------------*/

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

div#content h2 {
	margin-bottom: 0.25em;
}

h3.tabTitle {
	display: none;
}

div#serviceNavigation h4,
div#mainNavigation h4 {
	display: none;
}



/* Links
------------------------------------------------------------------------------*/

a {
	color: #0093d0;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #e60e63;
}


/* Lists
------------------------------------------------------------------------------*/

div#mainContent ul li {
	padding-left: 20px;
	background: url("/fileadmin/images/icons/arrowRightBlack.gif") left 0.4em no-repeat;
}

div#mainContent ol {
	list-style: decimal;
	margin-left: 23px;
}

ul.shortcuts,
ul.schedule,
ul.itemList {
	margin-right: 0;
}

ul.shortcuts li,
ul.schedule li,
ul.itemList li {
	padding: 0.75em 0;
	border-bottom: 1px solid #ccc;
}

ul.shortcuts li {
	padding-left: 20px;
	background: url("/fileadmin/images/icons/arrowRightBlue.gif") left 1.3em no-repeat;
}

/* Alternate list styles */

div#mainContent ul.csc-bulletlist-1 li {
	background-image: url("/fileadmin/images/icons/arrowRightBlue.gif");
}

.shortcuts p {
    margin: 0;
}

ul.schedule dl,
div#highlights p,
div#highlights h4,
ul.schedule li p,
ul.itemList p {
	margin: 0;
}

ul.schedule dt {
	float: left;
	clear: left;
	width: 3.75em;
	text-align: right;
}

ul.schedule dt.calendar {
	width: 37px;
	text-align: center;
	margin-left: 0.8em;
	display: inline;
}

dt.calendar span.month {
	display: block;
	background: #8cc63f;
	color: #faf9f6;
	text-transform: uppercase;
	font-size: 84.6%;
}

dt.calendar span.day {
	display: block;
	font-size: 1.25em;
	line-height: 1.25em;
	border-width: 0px 1px 1px 1px;
	border-color: #ccc;
	border-style: solid;
}

ul.schedule dd {
	margin-left: 4.5em;
}


/* Forms
------------------------------------------------------------------------------*/
/*
form legend {
	display: none;
}

form label {
	display: block;
}

form ol li {
	margin: 0 0 1em 0;
}

form label {
	display: block;
	font-weight: bold;
}

form input,
form textarea,
form button {
	font-family: Arial, Helvetica, Sans, sans-serif;
}

form input.text,
form textarea {
	width: 50%;
	padding: 0.2em 0;
}

form textarea {
	height: 10em;
	overflow: auto;
}

form button {
	background: #858585;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 84.6%;
	padding: 0.25em 0.3em;
}

form button:hover {
	cursor: pointer;
	background: #f60;
}
*/
/* Error, success */
/*
.error {
	color: #f00;
}

em.required {
	color: #f00;
}

.error,
.success {
	font-weight: bold;
	background: none;
	border: 0;
	padding: 0;
}
*/


form input,
form textarea,
form button {
	font-family: Arial, Helvetica, Sans, sans-serif;
	font-size: 100%;
	}
	
legend {
	display: none;
	}
	
.jobApplicationForm label,
.csc-mailform label {
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 30px;
	width: 170px;
	}
	
.jobApplicationForm label,
.csc-mailform .csc-mailform-label {
	display: block;
	font-weight: bold;
	padding-right: 30px;
	width: 170px;
	}
	
.jobApplicationForm input,
.csc-mailform input,
.csc-mailform select,
.csc-mailform textarea {
	padding: 1px;
	}

.jobApplicationForm .field-and-label,
.csc-mailform-radio-and-label,
.csc-mailform-field,
.csc-mailform-field-and-label-required,
.csc-mailform-checkbox-and-label {
	height: 100%;
	margin-bottom: 10px;
	overflow: auto;
	position: relative;
	}
	
.csc-mailform-checkbox-and-label {
	margin-bottom: 5px;
	}

/* Required
--------------------------------------------------------*/
.csc-mailform-field-and-label-required {}

.csc-mailform .csc-mailform-field-and-label-required input,
.csc-mailform .csc-mailform-field-and-label-required select,
.csc-mailform .csc-mailform-field-and-label-required textarea {}
	
.form-required,
.csc-mailform-required {
	color: #cc0000 !important;
	left: 175px !important;
	position: absolute;
	top: 5px;
	vertical-align: top;
	}
	
.form-required {
	font-size: 1.4em;
	line-height: 1.1em;
	color: #ed1758 !important;
}


/* Checkboxes
--------------------------------------------------------*/
.csc-mailform-checkbox-and-label {
	margin-left: 200px;
	position: relative;
	top: -14px;
	}
	
.csc-mailform-checkbox-and-label input {
	float: left;
	height: 14px;
	margin: 1px 6px 1px 1px;
	padding: 0;
	width: 18px;
	}
	
.csc-mailform-checkbox-and-label label {
	float: none;
	overflow: auto;
	padding: 0;
	width: auto;
	}

/* Radiobuttons
--------------------------------------------------------*/
.csc-mailform-radio-and-label input {
	clear: left;
	display: block;
	height: 14px;
	margin: 4px 1px 1px 1px;
	width: 18px;
	}
	
.csc-mailform-radio-and-label fieldset label {
	float: left;
	margin-top: -18px;
	padding: 0 0 0 24px;
	width: auto;
	}

/* Submit
--------------------------------------------------------*/
.csc-mailform .csc-mailform-submit,
input.button,
.tipafriend-submit input {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 84.6%;
	padding: 1px 0;
    background-color: #858585;
    margin-bottom: 5px;
    position: relative;
    top: -1px;
}

.csc-mailform .csc-mailform-submit {
	margin-top: 0.5em;
	margin-left: 200px;
}

/* Error, success */

.error {
	color: #f00;
}

em.required {
	color: #f00;
}

.error,
.success {
	font-weight: bold;
	background: none;
	border: 0;
	padding: 0;
}


/* Other
------------------------------------------------------------------------------*/

/* Images */
.csc-textpic-caption {
	font-style: italic;
	font-size: 84.62%;
	color: #666;
}


/* Abbr */



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

body {
	background: #f8f8f8;
	color: #333;
	padding: 0 3.8em;
}


/* Hide copyright for print version */
div#copyrightprint {
    display: none;
}

/* Header
------------------------------------------------------------------------------*/

div#header {
	position: relative;
	z-index: 10;
}

div#header div.container {
	height: 120px;
	position: relative;
}

div#header div.container,
div#intro div.container {
	border-bottom: 5px solid #333;
}

/* Intro */

div#intro div.container {
	position: relative;
}

/* prevent browsers from showing stacked slides before script is fully loaded */
body#home div#intro div.container {
	height: 246px;
	overflow: hidden;
}

div#intro div.container,
div#intro h1,
div#intro a {
	color: #faf9f6;
}

div#intro a {
	padding-left: 20px;
	background: url("/fileadmin/images/icons/arrowRightWhiteOnBlue.gif") left 0.35em no-repeat;
}

/* Slides */

div#intro div#slideNavigation {
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 20;
}

div#intro div#slideNavigation a {
	display: block;
	float: left;
	background: #7ac4e2;
	width: 13px;
	height: 13px;
	font-size: 1px;
	margin: 0 0 0 5px;
	padding: 0;
	text-indent: -9999px;
}

div#intro div#slideNavigation a.activeSlide {
	background: #faf9f6;
}

/* banner homepage */
div#banner {
    border: 5px solid #e0e0e0;
    height: 113px;
    min-width: 280px;
    max-width: 500px;
    position: relative;
    z-index: 5;
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
}

div#banner div#bannerImage {
    position: absolute;
    top: 0;
    left: 0;
}

div#banner a {
	color: #fff;
	text-decoration: underline;
}

div#banner a:hover {
	text-decoration: none;
}

div#banner div.bannerContents {
    background:transparent url(../images/introOverlay.png) no-repeat scroll 500px 0;
    height: 200px !important;
    padding:1.75em 0 1.75em 530px;
    width: 55%;
    position: absolute;
    top: 0;
    right: 0;
    height: 113px;
}

div#banner span.callToAction {
	display: block;
	height: 32px;
	width: 20px;
	background: #f90;
	float: right;
	background: transparent url(/fileadmin/images/icons/arrowRightWhiteOnBlue.gif) no-repeat 0 0;
	text-indent: -9999px;
}

div#intro div.slide {
    height: 246px;
    width: 100%;
    min-width: 950px;
    max-width: 1150px;
    position: relative;
    z-index: 5;
    margin: 0 auto;
    overflow: hidden;
}

div#intro div.slide div.image,
div#intro div.slide span.image {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    
}

div#intro div.slide div.slideContents  {
    background:transparent url(../images/introOverlay.png) no-repeat scroll 475px 0;
    xheight:200px !important;
    height: 100%;
    padding:1.75em 20px 1.75em 495px;
    position: absolute;
    top: 0;
    right: 0;
}

/* Subpage intro */

div#intro div.subpageBanner {
	height: 145px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	z-index: 0;
}

div#intro div.subpageBanner a {
    display: none;
}

/* Logo */

#logoImage {
	display: none;
}

div#logo h2 {
	position: absolute;
	top: 46px;
	left: 0;
	width: 256px;
	height: 54px;
	margin-left: -42px;
	text-indent: -9999px;
}

div#logo h2.logo {
	display: block;
	width: 100%;
	height: 100%;
	background: url("/fileadmin/images/logo.gif") 0 0 no-repeat;
}

div#logo h2 a.logo {
	display: block;
	width: 100%;
	height: 100%;
	background: url("/fileadmin/images/logo.gif") 0 0 no-repeat;
}

/* Navigation */
/* Service navigation */

div#serviceNavigation {
	background: #e0e0e0;
	font-size: 84.6%;
	height: 28px;
}

div#serviceNavigation ul {
	padding: 0.5em 1em;
	margin: 0;
}

div#serviceNavigation ul li {
	display: inline;
}

div#serviceNavigation ul li.hidden {
	display: none;
}

div#serviceNavigation ul li.notAvailable {
        font-weight: normal;
	color: #333;
	padding: 0 0.75em 0 1.6em;
}

div#serviceNavigation ul li.notAvailable langDutch {
    background: url("/fileadmin/images/icons/flag-nl_na.gif") 0 center no-repeat;
}
div#serviceNavigation ul li.notAvailable langEnglish {
    background: url("/fileadmin/images/icons/flag-gb_na.gif") 0 center no-repeat;
}

div#serviceNavigation ul li a {
	font-weight: normal;
	color: #333;
	text-decoration: none;
	border-right: 1px solid #ccc;
	padding: 0 0.8em 0 0;
	margin: 0 0.4em 0 0;
}

div#serviceNavigation ul li a.language {
	padding-left: 1.7em;
        border: 0;
}

div#serviceNavigation ul li a.langDutch { background: url("/fileadmin/images/icons/flag-nl.gif") 0 center no-repeat; }
div#serviceNavigation ul li a.langEnglish { background: url("/fileadmin/images/icons/flag-gb.gif") 0 center no-repeat; }

div#serviceNavigation ul li a:hover {
	text-decoration: underline;
}

/* Main navigation */

div#mainNavigation {
	position: absolute;
	right: 0;
	bottom: 0;
}

div#mainNavigation ul {
	padding: 0;
	margin: 0;
	float: right;
}

div#mainNavigation ul li {
	float: left;
	width: auto;
	font-size: 123%;
}

div#mainNavigation ul li a,
div#mainNavigation ul li strong {
	display: block;
	width: auto;
	margin: 0;
	color: #999;
	text-decoration: none;
	padding: 0.75em 1em;
	line-height: 1.5em;
}

div#mainNavigation ul li a:hover,
div#mainNavigation ul li:hover a {
	border: 0 !important;
	text-decoration: none !important;
}

div#mainNavigation ul li.home a,
div#mainNavigation ul li.homeActive a {
	width: 30px;
	text-indent: -9999px;
}

div#mainNavigation ul li.home a,
div#mainNavigation ul li.home strong {
	background-image: url("/fileadmin/images/house.gif");
	background-repeat: no-repeat;
	background-position: center center;
	color: #f8f8f8;
}

div#mainNavigation ul li.home a:hover,
div#mainNavigation ul li.homeActive a:hover,
div#mainNavigation ul li.homeActive a {
	background-color: #333 !important;
	background-image: url("/fileadmin/images/houseWhite.gif") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

div#mainNavigation ul li a:hover,
div#mainNavigation ul li.active a,
div#mainNavigation ul li strong,
div#mainNavigation ul li:hover a {
	background-color: #333;
	color: #faf9f6;
}

/* Main sub navigation */

div#mainNavigation ul li ul {
	font-size: 66.15%;
}

div#mainNavigation ul li ul {
	position: absolute;
	display: none;
	width: auto;
	background: #333;
	margin: 0;
	z-index: 20;
}

div#mainNavigation ul li.last ul {
	right: 0;
}

div#mainNavigation ul ul,
div#mainNavigation ul ul li a {
	margin: 0;
}

div#mainNavigation ul ul li a {
	padding: 0 0.7em 0 0.2em;
	color: #fff !important;
	text-decoration: none !important;
}

div#mainNavigation ul ul li a:hover {
	color: #fff !important;
	text-decoration: underline !important;
}

div#mainNavigation ul li:hover a,
div#mainNavigation ul li.showSubNavigation a {
	color: #fff;
	text-decoration: underline;
}

div#mainNavigation ul li:hover ul,
div#mainNavigation ul li.showSubNavigation ul {
	display: block;
}

div#mainNavigation ul li:hover ul li a,
div#mainNavigation ul li.showSubNavigation a,
div#mainNavigation ul li.showSubNavigation ul li a {
	background: #333 !important;
	color: #fff !important;
}

div#mainNavigation ul li ul li {
	margin: 0.33em 0 0 0;
	padding: 0 0 0.33em 0.5em;
	border-bottom: 1px dotted #666;
	float: none;
}

div#mainNavigation ul li ul li.last {
	border: 0;
}

/* Sub navigation */

div#subNavigation ul {
	margin-right: 0;
}

div#subNavigation ul li a {
	display: block;
	padding: 0.25em 0;
	border-bottom: 1px solid #ccc;
}

div#subNavigation ul li a,
div#subNavigation ul li ul li {
	padding-left: 13px;
}

div#subNavigation ul li ul li {
	font-size: 92.3%;
}

div#subNavigation ul li ul li ul li {
	font-size: 100%;
}

div#subNavigation ul li ul li a {
	border: 0;
}

div#subNavigation ul li.active ul {
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.5em;
}

div#subNavigation ul li.active ul li ul {
	border: 0;
	padding-bottom: 0;
}

div#subNavigation ul li ul li ul li a {
	line-height: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: normal;
}

div#subNavigation ul li a,
div#subNavigation ul li.active ul li a,
div#subNavigation ul li.active ul li.active ul li a {
	color: #0093d0;
	background: none;
}

div#subNavigation ul li.hassubmenu a,
div#subNavigation ul li.active ul li.hassubmenu a {
	background: url("/fileadmin/images/icons/arrowheadRightBlue.gif") -5px 0.4em no-repeat;
}

div#subNavigation ul li.open a,
div#subNavigation ul li.active ul li.open a {
	background: url("/fileadmin/images/icons/arrowheadDownBlack.gif") -5px 0.4em no-repeat;
	border: 0;
}

div#subNavigation ul li.active ul li.hassubmenu a,
div#subNavigation ul li.active ul li.open a {
	background-position: -5px 0.25em;
}

div#subNavigation ul li.active a,
div#subNavigation ul li.active ul li.active a,
div#subNavigation ul li.active ul li.active ul li.active a {
	color: #333;
}

/* Crumbtrail */

div#crumbtrail {
	font-size: 85.6%;
}

div#crumbtrail div.container {
	background: #333;
	position: relative;
}

div#crumbtrail ul {
	margin: 0;
	color: #faf9f6;
	border-bottom: 3px solid #333;
	padding: 0.2em 0 0.4em 1em;
	width: 90%;
}

div#crumbtrail ul li {
	display: inline;
	padding: 0 0 0 20px;
	background: url("/fileadmin/images/icons/arrowRightWhiteOnBlack.gif") 0.3em 0.3em no-repeat;
}

div#crumbtrail ul li.first {
	padding: 0;
	background: none;
}

div#crumbtrail ul li strong {
	font-weight: normal;
}

a#printIcon {
	background: transparent url(/fileadmin/images/icons/print.gif) center center no-repeat;
	display: block;
	height: 23px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 0;
	width: 35px;
	z-index: 1000;
}

/* Page navigation */

/*
.pagebrowser p {
	display: none;
}
*/

.pagebrowser,
.browsebox,
.roqnbic-browsebox {
	overflow: hidden;
	width: 100%;
}

.pagebrowser li,
.browsebox li,
.roqnbic-browsebox li {
	float: left;
	padding: 0 0.4em 0 0 !important;
	background: none !important;
}

.pagebrowser li a,
.browsebox li a,
.roqnbic-browsebox li a {
	background: #e3e3e3;
	padding: 0.15em 0.5em;
}

.pagebrowser li a:hover,
.browsebox li a:hover,
.roqnbic-browsebox li a:hover {
	background: #ccc;
}

.pagebrowser strong a,
.browsebox strong a,
.roqnbic-browsebox strong a {
	color: #333;
}

/* Search */

div#search form {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 220px;
	height: 20px;
}

div#search form label {
	color: #666;
	float: left;
	font-size: 84.6%;
	font-weight: normal;
	line-height: 2em;
	margin-left: 1.25em;
}

div#search form fieldset {
	position: relative;
}

div#search label#labelSearch,
div#search select#freeUidIndex,
div#search label#labelFor,
div#search form input.searchBox {
	position: absolute;
	right: 0;
	top: 0;
}

div#search label#labelSearch,
div#search label#labelFor {
	line-height: 1.75em;
}

div#search label#labelSearch {
	right: 320px;
}

div#search select#freeUidIndex {
	width: 100px;
	height: 20px;
	right: 210px;
	margin: 0;
}

div#search label#labelFor {
	right: 190px;
}

div#search form input.searchBox {
	width: 162px;
	height: 16px;
	/*float: right;*/
	right: 19px;
	color: #333;
	background: #fff;
	border: 0;
	font-size: 87.5%;
	margin: 0;
	padding: 3px 0 0 0;
	line-height: 1.25em;
	overflow: visible;
}

div#search form input.searchBox:focus {
	outline: 0;
}

div#search form button {
	width: 19px;
	height: 19px;
	background: url("/fileadmin/images/go.gif") center center no-repeat #858585;
	font-size: 76.9%;
	font-weight: bold;
	line-height: 1em;
	padding: 0.25em 0;
	position: absolute;
	top: 0;
	right: 0;
}

div#search form button span {
	display: none;
}


/* Content
------------------------------------------------------------------------------*/

div#content div.container {
	background: #fff;
	padding: 1.5em 0;
}

div#mainContentFooter {
    border-top: 1px solid #ccc;
    padding-top: 1em;
    margin-top: 1em;
}
/* Tabbed menu */

ul.tabMenu {
	margin: 1.5em 0 0 0;
	border-bottom: 1px solid #ccc;
}

ul.tabMenu li {
	display: inline;
	line-height: 2em;
}

ul.tabMenu li a,
ul.tabMenu li strong {
	padding: 0.3em 0.5em 0.5em 0.5em;
}

ul.tabMenu li a {
	color: #9f9f9f;
}

ul.tabMenu li.ui-state-active a {
	border: 1px solid #ccc;
	border-bottom: 0;
	background: #fff;
	color: #333;
}

div.tabbedContent div.ui-tabs-hide {
	display: none;
}

div.tabbedContent a.tabs-more-link {
	display: block;
	padding-left: 22px !important;
	background: transparent url(/fileadmin/images/icons/arrowRightBlue.gif) left center no-repeat;
}

div.tabContent li {
	width: 100%;
}


/* Social bookmark icon */

div.socialBookmarks {
	float: left;
}

div.socialBookmarks h4,
div.socialBookmarks ul,
div.socialBookmarks ul li {
	display: inline;
}

div.socialBookmarks h4 {
	float: left;
	margin: 0 0.4em 0 0;
}

div.socialBookmarks ul li {
	padding: 0;
	background: none;
}

div.socialBookmarks ul li a {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 4px 0 0;
}

div.socialBookmarks ul li a.faviconBlogger     { background-image: url("/fileadmin/images/icons/favicon/blogger.ico"); }
div.socialBookmarks ul li a.faviconDelicious   { background-image: url("/fileadmin/images/icons/favicon/delicious.ico"); }
div.socialBookmarks ul li a.faviconReddit      { background-image: url("/fileadmin/images/icons/favicon/reddit.ico"); }
div.socialBookmarks ul li a.faviconDigg        { background-image: url("/fileadmin/images/icons/favicon/digg.ico"); }
div.socialBookmarks ul li a.faviconStumbleupon { background-image: url("/fileadmin/images/icons/favicon/stumbleupon.ico"); }

div.tipafriend {
	float: right;
}

/* Sidebar */

div#sidebar ul li {
	display: block;
	padding: 0.25em 0;
	border-bottom: 1px solid #ccc;
}

/* Footer
------------------------------------------------------------------------------*/

div#footer {
	font-size: 84.6%;
}

div#footer div.container {
	background: #e0e0e0;
	color: #fff;
}

/* Colophon */

div#footer div#colophon {
	background: #333;
	padding: 0.65em 1em;
}

div#footer div#colophon strong,
div#footer div#colophon ul,
div#footer div#colophon ul li {
	display: inline;
	font-weight: normal;
}

div#footer div#colophon a {
	color: #e0e0e0;
}

div#footer div#colophon li a {
	border-left: 1px solid #e0e0e0;
	padding-left: 1em;
	margin-left: 0.75em;
}

/* Link list */

div#footer div.linkList {
	width: 20%;
	float: left;
	margin: 1.5em 0 0 0;
}

div#footer div.linkList h4 {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 10px;
	margin: 0;
}

div#footer div.linkList ul {
	padding: 0 10px;
}

div#footer div.linkList ul li a {
	color: #333;
	font-weight: normal;
}

/* Socal Media Links */

#social-media-links {
	float: right;
	margin: -2px 0 0 0;
}

#social-media-links li {
	float: left;
	margin-left: 5px;
}

div#footer ul#social-media-links li a {
	background: url("/fileadmin/images/icons/icons-socialmedia.gif") no-repeat 0 0;
	border-left: none;
	display: block;
	height: 22px;
	margin-left: 0;
	padding-left: 0;
	text-indent: -9999px;
	width: 22px;
}

div#footer ul#social-media-links .social-media-twitter a	{ background-position: 0 0;}
div#footer ul#social-media-links .social-media-vimeo a		{ background-position: -22px 0; }
div#footer ul#social-media-links .social-media-facebook a	{ background-position: -44px 0; }
div#footer ul#social-media-links .social-media-linkedin a	{ background-position: -66px 0; }
div#footer ul#social-media-links .social-media-rss a		{ background-position: -88px 0; }

div#footer ul#social-media-links .social-media-twitter a:hover	{ background-position: 0 -22px;}
div#footer ul#social-media-links .social-media-vimeo a:hover	{ background-position: -22px -22px; }
div#footer ul#social-media-links .social-media-facebook a:hover	{ background-position: -44px -22px; }
div#footer ul#social-media-links .social-media-linkedin a:hover	{ background-position: -66px -22px; }
div#footer ul#social-media-links .social-media-rss a:hover		{ background-position: -88px -22px; }


/* Tagcloud
------------------------------------------------------------------------------*/
#tagcloud {
	line-height: 2.6em;
	padding: 10px 0;
	text-align: center;
}

#tagcloud .tagcloudline span {
	margin: 0 0.2em;
}

#tagcloud span.size1 {
	font-size: 1.18em; /* 13px */
}

#tagcloud span.size2 {
	font-size: 1.45em; /* 16px */
}

#tagcloud span.size3 {
	font-size: 1.73em; /* 19px */
}

#tagcloud span.size4 {
	font-size: 2em; /* 22px */
}

#tagcloud a {
	color: #666;
	font-weight: normal;
}

#tagcloud a:hover {
	color: #e60e63;
	text-decoration: none;
}


/* Tip a friend
------------------------------------------------------------------------------*/
.tipafriend-field-and-label {
	margin-bottom: 10px;
	overflow: auto;
	position: relative;
	}
	
.tipafriend-field-and-label label {
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 30px;
	width: 170px;
	}
	
.tipafriend-field-and-label input {
	padding: 1px;
	}
	
.tipafriend-field-and-label #tipform_html_message {
	float: left;
	height: 14px;
	margin: 1px 6px 1px 1px;
	padding: 0;
	width: 18px;
	}
	
.tipafriend-captcha-image,
.tipafriend-submit {
	margin: 0 0 1.5em 200px;
	}
	
	
/* Sitemap
------------------------------------------------------------------------------*/

.csc-sitemap ul li,
.csc-sitemap ul li ul li,
.csc-sitemap ul li ul li ul li {
	margin: 0;
	text-transform: capitalize;
}

.csc-sitemap ul li a,
.csc-sitemap ul li ul li a,
.csc-sitemap ul li ul li ul li a {
	font-weight: normal;
}

.csc-sitemap ul li {
	margin-bottom: 1em;
	text-transform: uppercase;
}

.csc-sitemap ul li a {
	font-weight: bold;
}

.csc-sitemap ul li ul li a {
	font-weight: bold;
}

	
/* Backlinks
------------------------------------------------------------------------------*/

.news-single-backlink a,
span.backLink a {
	padding-left: 16px;
	background: transparent url(/fileadmin/images/icons/arrowLeftBlue.gif) left center no-repeat;
}

/* FE Login
------------------------------------------------------------------------------*/
.tx-felogin-pi1 form {
	margin-bottom: 0.8em;
	}

.login-field {
	margin-bottom: 10px;
	overflow: auto;
	width: 100%;
	}
	
.login-field label {
	display: block;
	float: left;
	padding-right: 10px;
	padding-top: 2px;
	width: 110px;
	}

.login-field input {
	width: 150px;
	}
	
.login-submit {
	margin-left: 120px;
	}
	

/* Google maps
------------------------------------------------------------------------------*/

div.tx_lumogooglemaps_pi1_infobox ul.info {
	margin: 0.75em 0 0 0;
}

div.tx_lumogooglemaps_pi1_infobox ul.noBullets li {
	padding: 0 !important;
	background: none !important;
}


/* Lightbox
------------------------------------------------------------------------------*/

#lightbox {
	z-index: 9999 !important;
}

/*Media
------------------------------------------------------------------------------*/

.tx-flvplayer2-pi1,
object {
	margin-bottom: 1em;
}