/* ===========================================================================
//	content_zf.css
// ======================================================================== */


#largeContentBox {
	width:930px;
	font-size:12px;
	text-align:center;
	color:#333333;
}

#innerContentBox {
	float:left;
	width:655px;
	font-size:18px;
	text-align:left;
	color:#333333;
}

#innerContentBox td {
	color:#333333;
}


/* ---------------------------------------------------
//	generell stuff
// ------------------------------------------------ */

.IsOpened { display:block; }
.IsClosed { display:none; }


dk			{ font-weight:bold; }
div.cl		{ clear:both; }
div.clear	{ clear:both; }
.isHidden	{ display:none; }


.spacerT   { margin-top:10px; }
.spacerT5  { margin-top:5px; }
.spacerT10 { margin-top:10px; }
.spacerT15 { margin-top:15px; }


h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-family:Helvetica,Arial,Geneva,sans-serif;
	font-weight:bold;
	color:#333333;
}
h1 {
	margin:20px 0 10px 0;
	font-size:24px;
}
h2 {
	margin:10px 0;
	font-size:18px;
}
h3 {
	margin:10px 0 5px 0;
	font-size:14px;
}
h4 {
	padding:4px 4px 2px 4px;
	height:12px;
	line-height:12px;
	font-size:11px;
	color:#ffffff;
	background-color: #cbcbcb;
	text-transform:uppercase;
}
h5 {
	font-size:12px;
}
h6 {
	margin:0 0 10px 0;
	font-size:36px;
	line-height:100%;
}

p,ul,li,form {
	margin:0;
	padding:0;
}

.smallText {
	font-size:10px;
}
.biggerText {
	font-size:14px;
}
.grayText {
	color:#9a9a9a;
}
.orangeText {
	color:#ffaa02;
}

/* captions */
.caption {
	font-size:11px;
	margin:3px 0;
}
.copyLeftIcon {
	text-indent:14px;
	background-repeat:no-repeat;
	background-position:0 2px;
	background-image:url('../images/icons/copyleft_platform.gif');
}




/* ---------------------------------------------------
//	form stuff
// ------------------------------------------------ */
select,input,textarea {
	font-family:Helvetica,Arial,Geneva,sans-serif;
	font-size:11px;
	color:#333333;
	background-color:#ffffff;
}

.innerBoxFrame {
	border-top:   1px solid #bdc1bd;
	border-right: 1px solid #f1f4f1;
	border-bottom:1px solid #f3f6f3;
	border-left:  1px solid #cacdca;
}

input {
	height:18px;
}



/* ---------------------------------------------------
//	lists
// ------------------------------------------------ */

ul li.headline {
	color:#9a9a9a;
	font-weight:bold;
	text-transform:uppercase;
}

/* ordinary link list */
ul.link {
	list-style-type:none;
}
ul.link li {
	padding-bottom:5px;
}
ul.link li a {
	text-decoration:none;
	color:#900101;
}
ul.link li a:hover {
	text-decoration:underline;
	color:#900101;
}

/* ordinary download list */
ul.download {
	list-style-type:none;
}
ul.download li {
	padding-bottom:5px;
}
ul.download li a {
	text-decoration:none;
	color:#900101;
}
ul.download li a:hover {
	text-decoration:underline;
	color:#900101;
}

/* ordinary text list */
ul.text {
	list-style-type:none;
}
ul.text li {
	padding-bottom:5px;
}
ul.text li a {
	text-decoration:none;
	color:#900101;
}
ul.text li a:hover {
	text-decoration:underline;
	color:#900101;
}

ul.thankyou {
	list-style-type:none;
	margin-bottom:30px;
}
ul.thankyou li {
	font-weight:bold;
	padding-bottom:5px;
}
ul.thankyou .forwhat {
	font-weight:normal;
	color:#9a9a9a;
}

/* box with a label (fix width) */
ul.label {
	list-style-type:none;
}
ul.label li {
	clear:both;
	margin-bottom:7px;
}
ul.label li span.label {
	display:block;
	float:left;
	width:108px;
	font-weight:bold;
	text-transform:uppercase;
	color:#9a9a9a;
}




/* ---------------------------------------------------
//	content columns
// ------------------------------------------------ */
.columnBox2 {}
.columnBox2 .left {
	float:left;
}
.columnBox2 .right {
	float:right;
}


/* ---------------------------------------------------
//	paragraphs
// ------------------------------------------------ */
#innerContentBox p {
	padding-right:30px;
	margin-bottom:10px;
	/* old : line-height:150%; */
	
	/* clear close and for the eye */
	line-height:100%;
	font-size: 18px;
}
#innerContentBox.close p {
	padding-right:30px;
	margin-bottom:10px;
}
#innerContentBox p.marg {
	margin-left:10px;
}



/* ---------------------------------------------------
//	right column boxes (rcBox)
// ------------------------------------------------ */
.rcBox {
	margin-bottom:1px;
	padding-bottom:1px;
	text-align:left;
	background-color:#eeeeee;
}

.rcFormBox {
	background-color:#d7d7d7;
}

.rcFormBox .innerRcBox {
	text-align:right;
}
.rcBox .innerRcBox {
	margin:6px 10px;
}

.rcBox .innerRcBox table {
	margin:0;
	padding:0;
	border-spacing:0;
	width:250px;
}
.rcBox .innerRcBox table td {
	margin:0;
	padding:0;
}

.rcBox .innerRcBox textarea {
	width:248px;
	height:50px;
}

/**	rcMenu */
.rcMenu {
	padding-bottom: 0px;
}
.rcMenu div {
	background-color: white;
	color: #900101;
	padding-left: 5px;
}
.rcMenu div + div {
	border-top: 1px solid #900101;
}
.rcMenu .selected {
	background: #900101;
	color: white;
}
.rcMenu a:link,
.rcMenu a:visited {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	padding: 2px 10px;
	background: white;
	color: #900101;
}
.rcMenu a:hover {
	background: white url(../images/pfeil_hover.gif) no-repeat left center;
	color: #900101;

	text-decoration: none;
}
.rcMenu .selected a:link,
.rcMenu .selected a:visited {
	background: #900101 url(../images/pfeil_active.gif) no-repeat left center;
	color: white;
}
.rcMenu a span {
	padding: 2px 4px;
}
.rcMenu .selected a span {
	/*border-left: 1px solid white;*/
}
.rcMenu a:hover span {
	text-decoration: underline;
}

.rcBox .innerRcBox input.full {
	width:248px;
}

.rcBox .innerRcBox .button {
	margin-top:3px;
}

/* second level */
.rcMenu .secondLevel {
	padding-left: 15px;
}
.rcMenu .secondLevel a:link, 
.rcMenu .secondLevel a:visited {
	text-transform: none;
}

/* lists */
.rcBox .innerRcBox ul {
	padding:3px 0;
	list-style-type:none;
}
.rcBox .innerRcBox ul li {
	padding-bottom:8px;
	font-size:12px;
	color:#9a9a9a;
	line-height:18px;
}
.rcBox .innerRcBox ul li a.subject {
	display:block;
	color:#333333;
	font-weight:bold;
}

#rcBoxMostActiveUsers .subject {
	font-size:14px;
	color:#900101;
}
#rcBoxSupportUs {
	position:relative;
	height:140px;
}
#rcBoxSupportUs div.star {
	position:absolute;
	top:-10px;
	right:10px;
}



/* ---------------------------------------------------
//	(advanced) search box
// ------------------------------------------------ */
#advSearchBox {
	width:655px;
	margin-bottom:30px;
}

#advSearchBox .bar {
	margin-bottom:1px;
	padding:5px 10px;
	border:1px solid #e3e3e3;
	background-color:#eeeeee;
}

#advSearchBox .bar .reg1c {
	width:207px;
}

#advSearchBox .bar table.innerBar {
	width:633px;
}

#advSearchBox .bar table.innerBar td.reg-c50p {
	width:316px;
	font-size:12px;
}

#advSearchBox .bar table.innerBar td.reg-c1 {
	width:213px;
}
#advSearchBox .bar table.innerBar td.reg-c2 {
	width:376px;
}
#advSearchBox .bar table.innerBar td.reg-c3 {
	width:50px;
}
#advSearchBox .bar td.messagebox label {
	float:left;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#9a9a9a;
}
#advSearchBox .bar td.messagebox #charsLeft {
	float:right;
	font-size:10px;
	color:#9a9a9a;
}
#advSearchBox .bar td.messagebox .question {
	clear:both;
	width:316px;
	height:100px;
}

#advSearchBox .bar input.checkbox {
	margin:0;
	padding:0;
	border:0;
	background-color:#eeeeee;
}
#advSearchBox .bar label.checkbox {
	margin-left:3px;
	margin-right:13px;
	font-size:11px;
}

#advSearchBox .bar input.date {
	margin:0 6px;
	width:75px;
}

#advSearchBox .bar table.plusminus td {
	padding-left:6px;
}

#advSearchBox .bar .themeFinderBox {
	clear:both;
	margin-top:10px;
}
#advSearchBox .bar .themeFinderBox div.themeBox {
	float:left;
	width:213px;
}
#advSearchBox .bar .themeFinderBox div.last {
	width:207px;
}
#advSearchBox .bar .themeFinderBox div.themeBox select {
	width:207px;
	height:132px;
	border:0;
}

#advSearchBox .bar .themeFinderNavigation {
	clear:both;
}
#advSearchBox .bar .themeFinderNavigation td {
	font-size:12px;
}


/* ---------------------------------------------------
//	enter question | comment | answer box
// ------------------------------------------------ */
#askQuestionBox {
	width:650px;
	margin-bottom:30px;
}

#askQuestionBox .bar {
	margin-bottom:1px;
	padding:10px 10px;
	border:1px solid #e3e3e3;
	background-color:#eeeeee;
}
#askQuestionBox .thin {
	padding:5px 10px;
}

#askQuestionBox .bar table {
	width:413px;
}
#askQuestionBox tr.spacerT td {
	padding-top:10px;
}
#askQuestionBox .bar label {
	display:block;
	padding-bottom:2px;
	font-size:12px;
	font-weight:bold;
	color:#9a9a9a;
	text-transform:uppercase;
}
#askQuestionBox .bar span.hint {
	font-size:11px;
	font-weight:normal;
	color:#9a9a9a;
	text-transform:none;
}
#askQuestionBox .bar #charsLeft {
	font-weight:bold;
}
#askQuestionBox .bar input {
	width:413px;
}
#askQuestionBox .bar textarea {
	width:413px;
	height:100px;
}


/* ---------------------------------------------------
//	login box
// ------------------------------------------------ */
#loginBox {
	width:435px;
	margin-bottom:30px;
}

#loginBox .bar {
	margin-bottom:1px;
	padding:10px 10px;
	border:1px solid #e3e3e3;
	background-color:#eeeeee;
}
#loginBox .thin {
	padding:5px 10px;
}

#loginBox .bar table {
	width:413px;
}
#loginBox tr.spacerT td {
	padding-top:10px;
}
#loginBox .bar label {
	display:block;
	padding-bottom:2px;
	font-size:12px;
	font-weight:bold;
	color:#9a9a9a;
	text-transform:uppercase;
}
#loginBox .bar span.hint {
	font-size:11px;
	font-weight:normal;
	color:#9a9a9a;
	text-transform:none;
}
#loginBox .bar input {
	width:413px;
}
#loginBox .bar input.checkbox {
	width:14px;
	border:none;
	background:none;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	visual browser
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#visualbrowser {
	margin-bottom:10px;
	/*width:930px;*/
	text-align:center;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	messageBox (dk_header)
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#messageBox {
	margin:60px 0;
	width:930px;
	text-align:left;
}
#messageBox .message {
	font-size:14px;
	font-weight:bold;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	page browser (e.g. search results)
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.pageBrowser {
	padding:10px 0;
	font-size:11px;
}

.pageBrowser ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.pageBrowser ul li {
	float:left;
	margin:0 1px 0 0;
	padding:0 7px;
	background:#e3e3e3;
}

.pageBrowser ul li a {}
.pageBrowser ul li.active {
	background:#900101;
	color:#ffffff;
}
.pageBrowser ul li.active a {
	color:#ffffff;
}
.pageBrowser ul li.active a:HOVER {
	color:#990000;
}

.pageBrowser ul li.prne {
	background:#ffffff;
	margin:0;
	font-weight:bold;
	text-transform:uppercase;
}
.pageBrowser ul li.prev {
	padding-left:0;
	padding-right:10px;
}
.pageBrowser ul li.next {
	padding-left:10px;
	padding-right:0;
}

/*	the table */
#seResultTable {
	margin:10px 0;
	padding:0;
	width:655px;
	empty-cells:show;
	table-layout:fixed;
}

#seResultTable #colType 	{ width:auto; }
#seResultTable #colUser 	{ width:110px; }
#seResultTable #colActivity { width:75px; }
#seResultTable #colDate 	{ width:95px; }
#seResultTable #colRating 	{ width:90px; }

#seResultTable td {
	margin:0;
	padding:10px;
	vertical-align:top;
	line-height:16px;
	font-size:12px;
	border-collapse:collapse;
	border-right:1px solid #f6f6f6;
	border-bottom:1px solid #d7d7d7;
}
#seResultTable td.lastCol {
	border-collapse:collapse;
	border-right:0px;
	border-bottom:1px solid #d7d7d7;
}


#seResultTable div.thumbBorder {
/*	left:-9px;*/
}

.anCoQuBox div.thumb {
	float:left;
    margin-right:5px;
    margin-bottom:5px;
}

#seResultTable img.typeOfItemIcon {
	float:left;
	position:relative;
	top:4px;
	margin:0;
	margin-right:7px;
}

#seResultTable td.seResultTableHead {
	margin:0;
	padding:0;
	height:20px;
	line-height:18px;
	vertical-align:middle;

	border-collapse:collapse;
	border-right:1px solid #ffffff;
	border-bottom:0;

	background:#d7d7d7;
	font-weight:bold;
}
#seResultTable td.lastColHead {
	border-collapse:collapse;
	border-right:0px;
	border-bottom:0;
}

#seResultTable td.seResultTableHead a {
	display:block;
	position:relative;
	top:1px;
	padding-left:17px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#9a9a9a;
}
#seResultTable td.seResultTableHead .inactive {
	border-top:   1px solid #e7e7e7;
	border-right: 1px solid #b3b3b3;
	border-bottom:1px solid #b6b6b6;
	border-left:  1px solid #e8e8e8;
}
#seResultTable td.seResultTableHead .active {
	background-color:#bdbdbd;
	border-top:   1px solid #bebebe;
	border-right: 1px solid #8c8c8c;
	border-bottom:1px solid #919191;
	border-left:  1px solid #c0c0c0;
}
#seResultTable td.seResultTableHead .active a {
	color:#333333;
}
#seResultTable td.seResultTableHead a.down {
	background:url(../images/icons/iconArrowDown.gif);
	background-position:5px 7px;
	background-repeat:no-repeat;
}
#seResultTable td.seResultTableHead a.up {
	background:url(../images/icons/iconArrowUp.gif);
	background-position:5px 4px;
	background-repeat:no-repeat;
}
#seResultTable td.seResultTableHead .active a.down {
	background:url(../images/icons/iconArrowDown_active.gif);
	background-position:5px 7px;
	background-repeat:no-repeat;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	media container (e.g. livestream)
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mediaContainer {
	width:930px;
	text-align:center;
	background-color:#000000;
}

.mediaContainer .innerMediaContainer {
	padding:10px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	ToFV Archive
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tofv-archive {
	width:930px;
	text-align:center;
}
#tofv-archive p.bigText {
	width:930px;
	padding:12px 0;
	text-align:center;
	font-size:18px;
	color:#900101;
	border:1px solid #900101;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	dk magazine
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#dkmagazineBox {
	width:930px;
	padding:50px 0;
	text-align:center;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	Stream Box
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#streamBox {
	/*
	margin-left:auto;
	margin-right:auto;
	*/
	padding-top:60px;
	padding-bottom:60px;
	background-color:#000000;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	contact box (shows staff member as contact to site user)
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.contactBox {
	width:305px;
	margin-bottom:10px;
}
.contactBox .innerContactBox {
	padding:10px;
	line-height:150%;
	border:1px solid #e3e3e3;
}
.contactBox .box-label {
	padding-bottom:3px;
}
.contactBox .name {
	font-weight:bold;
}
.contactBox .function {
	color:#9a9a9a;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	download elements (pict + text)
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.downloadElement {
	width:635px;
	margin-bottom:30px;
}
.downloadElement .downloadThumb {
	width:200px;
	border:1px solid #e3e3e3;
}
.downloadElement .downloadThumb img {
	border:0;
	padding:0;
	margin:0;
}
.downloadElement .downloadDetails {
	padding-left:20px;
	font-size:12px;
}

.downloadElement h3 {
	margin-top:0;
	padding-top:0;
}



/* ---------------------------------------------------
//	boxes (e.g. Most active...)
// ------------------------------------------------ */
.duplicateBox {
	width: auto !important;
}
.listBox {
	margin-bottom:36px;
	width:325px;
	background-color:#f5f5f5;
}
.duplicateBox h4 {
	background-image:url(../images/corners/corner_white_duplicate.gif) !important;
}
.listBox h4 {
	background-repeat:no-repeat;
	background-position:250px 0;
	background-image:url(../images/corners/corner_white_1px_RT.gif);
}
.listBox .innerListBox {
	margin:10px;
}
.listBox select {
	margin:8px 0 10px 0;
	width:240px;
}

.listBox ul {
	padding:3px 0;
	list-style-type:none;
}
.listBox ul li {
	padding:0 0 8px 18px;

	font-size:12px;
	color:#9a9a9a;
	line-height:18px;
	background-repeat:no-repeat;
	background-position:0px 5px;
}
.listBox ul li.question {
	background-image:url(../images/icons/question_small_box.gif);
}
.listBox ul li.answer {
	background-image:url(../images/icons/answer_small_box.gif);
}
.listBox ul li.comment {
	background-image:url(../images/icons/comment_small_box.gif);
}
.listBox ul li a.subject {
	display:block;
	color:#333333;
	font-weight:bold;
}

/* e.g. Activist Kit */
.cBox {
	margin-bottom:30px;
	width:325px;
}
.cBox .innerBox {
	margin:0 10px 0 3px;
}
.cBox .participantBox {
	margin-bottom:30px;
}
.cBox .innerBox h6.inline {
	display:inline;
	/* padding-right:3px; */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	HoempageTeaser
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.homepageTeasers h4 {
	background-repeat:no-repeat;
	background-position: right 0;
	background-image:url(../images/corners/corner_1px_RT.gif);
	width: 250px;
	background-color: #cbcbcb;
	text-transform: uppercase;
	margin-right: 1px;
	padding-right: 1px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	supporterBox (about :: support :: our supporters )
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.supporterBox {
	margin-bottom:30px;
}
.supporterBox h2 .amount {
	font-size:14px;
	font-weight:bold;
	color:#9a9a9a;
}
.supporterBox .location {
	color:#9a9a9a;
}
.supporterBox ul {
	display:block;
	width:308px;
	list-style-type:none;
}
.supporterBox li {
	padding-bottom:5px;
}
.supporterBox ul.col-1 {
	float:left;
	margin-right:13px;
}
.supporterBox ul.col-2 {
	float:left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	teamBox (about :: team )
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.teamBox {
	margin-bottom:30px;
}
.teamBox .location {
	color:#9a9a9a;
}
.teamBox .title {
	color:#9a9a9a;
}
.teamBox ul {
	display:block;
	/*
	width:308px;
	*/
	list-style-type:none;
}
.teamBox li {
	padding-bottom:5px;
}
.teamBox ul.col-1 {
	float:left;
	margin-right:13px;
}
.teamBox ul.col-2 {
	float:left;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	reportBox (about :: press :: press reports )
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.reportBox {
	margin-bottom:30px;
}
.reportBox .location {
	color:#9a9a9a;
}
.reportBox .date {
	font-weight:bold;
	color:#9a9a9a;
}
.reportBox a {
	color:#900101;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	mediaBox (black box)
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mediaBox {
	background-color:#000000;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	mediaElement (question ads, video, films )
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mediaElement {
	margin-bottom:35px;
	padding-left:7px;
	width:643px;
}
.mediaElement table {
	width:636px;
}
.mediaElement table td {
	vertical-align:top;
}
.mediaElement h2 {
	margin-top:0;
	padding-top:0;
}

/* special: question ads */
.mediaElement table.questionAd td.thumb {
	width:164px; /* 147px + 17px space */
}
.mediaElement table.questionAd td.description {
	width:472px;
}
.mediaElement table.questionAd td.thumb a img {
	padding:5px 5px 21px 5px;
	width:135px;
	border:0;
}
.mediaElement table.questionAd td.thumb a {
	display:block;
	width:145px;
	border:1px solid #e3e3e3;
	background-repeat:no-repeat;
	background-position:right bottom;
	background-image:url('../images/icons/lupe_out.gif');
}
.mediaElement table.questionAd td.thumb a:hover {
	border:1px solid #900101;
	background-repeat:no-repeat;
	background-position:right bottom;
	background-image:url('../images/icons/lupe_over.gif');
}

/* special: films */
.mediaElement table.film td.thumb {
	width:217px; /* 200px + 17px space */
}
.mediaElement table.film td.description {
	width:419px;
}
.mediaElement table.film td.thumb a img {
	padding:0;
	width:198px;
	border:0;
}
.mediaElement table.film td.thumb a {
	display:block;
	width:200px;
	border:1px solid #e3e3e3;
}
.mediaElement table.film td.thumb a:hover {
	border:1px solid #900101;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	month browser
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.browseByMonthNavi {
	margin:20px 0 40px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
.browseByMonthNavi ul {
	height:20px;
	margin-bottom:7px;
	list-style-type:none;
}
.browseByMonthNavi ul li {
	float:left;
	width:33px;
	height:20px;
	margin-right:7px;

	line-height:20px;
	text-align:center;
	background:#e4ebe4;
	color:#333333;
}
.browseByMonthNavi ul li.year {
	width:60px;
	text-align:left;
	font-size:18px;
	background:none;
}
.browseByMonthNavi ul li.inactive {
	width:33px;
	height:20px;
	color:#d7d7d7;
	background:none;
}
.browseByMonthNavi ul li a {
	display:block;
	width:33px;
	height:20px;
	color:#9a9a9a;
	background-color:#e3e3e3;
}
.browseByMonthNavi ul li a:HOVER {
	color:#ffffff;
	background-color:#900101;
}
.browseByMonthNavi ul li a.selected {
	color:#ffffff;
	background-color:#ffaa02;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	posting in user profile
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.postElementInProfile {
	margin-bottom:30px;
}
.postElementInProfile h5 {
	padding-left:18px;
	background-repeat:no-repeat;
	background-position:3px 0;
}
.postElementInProfile h5.question {
	background-image:url('../images/icons/iconTypeQuestion.gif');
}
.postElementInProfile h5.answer {
	background-image:url('../images/icons/iconTypeAnswer.gif');
}
.postElementInProfile h5.comment {
	background-image:url('../images/icons/iconTypeComment.gif');
}
.postElementInProfile p.timestamp {
	margin:0;
	padding:0;
	line-height:110%;
	font-size:11px;
	color:#9a9a9a;
}
.postElementInProfile p.text {}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	profile box (Profile of...)
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.profile {
	margin-bottom:36px;
	width:655px;
	border:1px solid #e3e3e3;
}
table.profile td {
	width:50%;
	vertical-align:top;
}
table.profile table.info {
	color:#9a9a9a;
	background-color:#eeeeee;
}
table.profile table.info p {
	color:#9a9a9a;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	themefinder table
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.themefinder {
	width:613px;
}
table.themefinder td {
	vertical-align:top;
	width:210px;
}
table.themefinder td.spacer {
	width:5px;
}

table.themefinder select.themeBox {
	width:210px;
	height:100px;
}

/* horizontal navigation */
table.themeFinderNavigation {
	width:613px;
	height:20px;
}
table.themeFinderNavigation td {
	vertical-align:middle;
}
table.themeFinderNavigation td.navnavL {
	width:100px;
}
table.themeFinderNavigation td.navnavL {
	width:100px;
	text-align:right;
}
table.themeFinderNavigation td.display {
	width:413px;
	text-align:center;
}
table.themeFinderNavigation .navLink {
	margin-top:3px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	page browser (e.g. search results)
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.pageBrowser {
	padding:10px 0;
	font-size:11px;
}

.pageBrowser ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.pageBrowser ul li {
	float:left;
	margin:0 1px 0 0;
	padding:0 7px;
	background:#e3e3e3;
}

.pageBrowser ul li a {}
.pageBrowser ul li.active {
	background:#900101;
	color:#ffffff;
}
.pageBrowser ul li.active a {
	color:#ffffff;
}
.pageBrowser ul li.active a:HOVER {
	color:#990000;
}

.pageBrowser ul li.prne {
	background:#ffffff;
	margin:0;
	font-weight:bold;
	text-transform:uppercase;
}
.pageBrowser ul li.prev {
	padding-left:0;
	padding-right:10px;
}
.pageBrowser ul li.next {
	padding-left:10px;
	padding-right:0;
}





/* ===========================================================================
//	eof
// ======================================================================== */