/*
Theme Name: Rheinzicken
Theme URI: http://www.rheinzicken.de/
Description: Rheinzicken-Template
Version: 1.0
Author: Sina Jung
Author URI: http://www.rheinzicken.de/
*/

@import url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/global.css);
@import url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/front.css);
@import url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/navigation.css);
@import url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/timeline.css);
@import url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/screenmessage.css);

/*
	Basic colors
*/

BODY #logo {border-bottom-color: #888;}
BODY #logo H1 A {background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/logo/neutral.png) no-repeat 0 0;}
BODY #navigation UL LI.active A {color: #888; background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/navigation/active-neutral.gif) no-repeat 50% 0;}
BODY #navigation UL LI.active A:hover {color: #888;}
BODY #copyright {border-top-color: #888;}

/*
	Overwrite existing styles depending on the chosen city
	Current: none -> neutral
*/

BODY.neutral #columns {background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/backgrounds/column-neutral-cccccc.png) repeat-y 0 0;}

/*
	Overwrite existing styles depending on the chosen city
	Current: koeln
*/

BODY.koeln #logo {border-bottom-color: #c00;}
BODY.koeln #logo H1 A {background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/logo/koeln.png) no-repeat 0 0;}
BODY.koeln #navigation UL LI.active A {color: #c00; background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/navigation/active-koeln.gif) no-repeat 50% 0;}
BODY.koeln #navigation UL LI.active A:hover {color: #c00;}
BODY.koeln #columns {background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/backgrounds/column-koeln.png) repeat-y 0 0;}
BODY.koeln .column.koeln {color: #fff;}
BODY.koeln .column.koeln A {color: #fff;}
BODY.koeln .column.duesseldorf {color: #777;}
BODY.koeln .column.koeln .overlay {display: none;}
BODY.koeln .column.duesseldorf .overlay {width: 460px; position: absolute; top: 0; left: 0;}
BODY.koeln .column.duesseldorf .overlay-top {width: 460px; background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/overlay-koeln.png) no-repeat 50% 0;}
BODY.koeln .column.duesseldorf .overlay-bottom {width: 460px; background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/overlay-fill.png);}
BODY.koeln #copyright {border-top-color: #c00;}
BODY.koeln.home #columns {background: #c00;}
BODY.koeln.home .column {color: #fff;}
BODY.koeln.home .column A {color: #fff;}
BODY.koeln.home .column P A {font-size: 11px;}

BODY.koeln UL.timeline LI DIV.timeline-left P,
BODY.koeln UL.timeline LI DIV.timeline-left H1,
BODY.koeln UL.timeline LI DIV.timeline-left H3,
BODY.koeln UL.timeline LI DIV.timeline-left H4 {
	color: #000;
}
BODY.koeln UL.timeline LI DIV.timeline-right P,
BODY.koeln UL.timeline LI DIV.timeline-right H1,
BODY.koeln UL.timeline LI DIV.timeline-right H3,
BODY.koeln UL.timeline LI DIV.timeline-right H4 {
	color: #555555;
}

BODY.koeln UL.timeline LI DIV.timeline-left.prioA P,
BODY.koeln UL.timeline LI DIV.timeline-right.prioA P {
	font-size: 15px;
	line-height: 18px;
}
BODY.koeln UL.timeline LI DIV.timeline-left.prioA H3,
BODY.koeln UL.timeline LI DIV.timeline-right.prioA H3 {
	font-size: 20px;
	font-weight: normal;
}
BODY.koeln.timeline #columns {background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/backgrounds/column-koeln-timeline.png) repeat-y 0 0;}

/*
	Overwrite existing styles depending on the chosen city
	Current: duesseldorf
*/

BODY.duesseldorf #logo {border-bottom-color: #fb0;}
BODY.duesseldorf #logo H1 A {background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/logo/duesseldorf.png) no-repeat 0 0;}
BODY.duesseldorf #navigation UL LI.active A {color: #fb0; background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/navigation/active-duesseldorf.gif) no-repeat 50% 0;}
BODY.duesseldorf #navigation UL LI.active A:hover {color: #fb0;}
BODY.duesseldorf #columns {background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/backgrounds/column-duesseldorf.png) repeat-y 0 0;}
BODY.duesseldorf .column.duesseldorf {color: #000;}
BODY.duesseldorf .column.duesseldorf A {color: #000;}
BODY.duesseldorf .column.koeln {color: #777;}
BODY.duesseldorf .column.duesseldorf .overlay {display: none;}
BODY.duesseldorf .column.koeln .overlay {width: 460px; position: absolute; top: 0; left: 0;}
BODY.duesseldorf .column.koeln .overlay-top {width: 460px; background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/overlay-duesseldorf.png) no-repeat 50% 0;}
BODY.duesseldorf .column.koeln .overlay-bottom {width: 460px; background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/overlay-fill.png);}
BODY.duesseldorf #copyright {border-top-color: #fb0;}
BODY.duesseldorf.home #columns {background: #fb0;}
BODY.duesseldorf.home .column {color: #000;}
BODY.duesseldorf.home .column A {color: #000;}
BODY.duesseldorf.home .column P A {font-size: 11px;}

BODY.duesseldorf UL.timeline LI DIV.timeline-left P,
BODY.duesseldorf UL.timeline LI DIV.timeline-left H1,
BODY.duesseldorf UL.timeline LI DIV.timeline-left H3,
BODY.duesseldorf UL.timeline LI DIV.timeline-left H4 {	
	color: #555555;
}
BODY.duesseldorf UL.timeline LI DIV.timeline-right P,
BODY.duesseldorf UL.timeline LI DIV.timeline-right H1,
BODY.duesseldorf UL.timeline LI DIV.timeline-right H3,
BODY.duesseldorf UL.timeline LI DIV.timeline-right H4 {
	color: #000;
}

BODY.duesseldorf UL.timeline LI DIV.timeline-left.prioA P,
BODY.duesseldorf UL.timeline LI DIV.timeline-right.prioA P {
	font-size: 15px;
	line-height: 20px;
}
BODY.duesseldorf UL.timeline LI DIV.timeline-left.prioA H3,
BODY.duesseldorf UL.timeline LI DIV.timeline-right.prioA H3 {
	font-size: 20px;
	font-weight: normal;
}
BODY.duesseldorf.timeline #columns {background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/backgrounds/column-duesseldorf-timeline.png) repeat-y 0 0;}

/*
	Switch neutral style to city stye when moving the mouse over the link
*/

BODY.koelnover #logo {border-bottom-color: #c00;}
BODY.koelnover #logo H1 A {background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/logo/koeln.png) no-repeat 0 0;}
BODY.koelnover P.city-select.koeln {color: #c00;}
/*BODY.koelnover #copyright {border-top-color: #c00;}*/

BODY.duesseldorfover #logo {border-bottom-color: #fb0;}
BODY.duesseldorfover #logo H1 A {background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/logo/duesseldorf.png) no-repeat 0 0;}
BODY.duesseldorfover P.city-select.duesseldorf {color: #fb0;}
/*BODY.duesseldorfover #copyright {border-top-color: #fb0;}*/

/*
	Overwrite wordpress settings
	Context: Widgets
*/

UL#widgets, UL#widgets LI {
	margin: 0;
	padding: 0;
}
UL#widgets LI.widget UL, UL#widgets LI.widget UL LI {
	margin: 0;
	padding: 0;	
}
LI.widget {
	margin: 0 0 20px 0;
}
LI.recentcomments {
	line-height: 1.384615em;
}
LI.cat-item {
	line-height: 1.384615em;
}

/*
	Overwrite wordpress settings
	Context: Posts
*/
DIV.description .ratingblock {
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
	color: red;
}


.post .ratingblock {
	margin: 20px 0 0 0;
}

.post IMG {
	margin: 0 0 0 0;
}

.post .postmetadata {
	margin: 20px 0 0 0;
}

/*
	Overwrite wordpress settings
	Context: Comments
*/

H2#comments {
	margin-top: 40px;
}
OL.commentlist, OL.commentlist LI {
	margin: 0;
	padding: 0;
}
OL.commentlist {
	margin: 0 0 10px 0;	
}
OL.commentlist LI {
	margin: 0 0 10px 0;
	list-style: none;
}
OL.commentlist LI .authorcomm {
	padding: 8px 0 5px 0;
}
OL.commentlist LI .authorcomm H3 {
	margin: 0;
	line-height: 1em;
}
OL.commentlist LI.koeln {
	background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/avatar/koeln.png) no-repeat 100% 5px;
}
OL.commentlist LI.duesseldorf {
	background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/avatar/duesseldorf.png) no-repeat 100% 5px;
}

BODY.koeln OL.commentlist {
	border-bottom: 1px dotted #e68080;		
}

BODY.duesseldorf OL.commentlist {
	border-bottom: 1px dotted #7f5d00;
}

BODY.koeln OL.commentlist .authorcomm {
	border-top: 1px dotted #e68080;	
}
BODY.duesseldorf OL.commentlist .authorcomm {
	border-top: 1px dotted #7f5d00;
}
OL.commentlist .meta {
	margin: 0 0 20px 0;
	font-size: 0.769231em;
}
OL.commentlist .ratingblock {
	margin: 20px 0 0 0;
}

/*
	Overwrite wordpress settings
	Context: Pagination
*/

BODY.koeln .wp-paged-comments,
BODY.duesseldorf .wp-paged-comments {
	margin: 0 0 10px 0;	
	height: 0px;
}

BODY.koeln .wp-paged-comments .current,
BODY.duesseldorf .wp-paged-comments .current {
	font-weight: bold;
}

BODY.koeln .wp-paged-comments A,
BODY.koeln .wp-paged-comments .current,
BODY.koeln .wp-paged-comments .extend {
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
	border-left: 1px dotted #e68080;
}

BODY.duesseldorf .wp-paged-comments A, 
BODY.duesseldorf .wp-paged-comments .current,
BODY.duesseldorf .wp-paged-comments .extend {
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
	border-left: 1px dotted #7f5d00;
}

/*
	Overwrite wordpress settings
	Context: Commentform
*/

#respond {
	margin: 50px 0 0 0;
}

#respond H3{  /*Überschrift normal und näher an h1 */
	margin: -4px 0 10px 0;
	font-weight: normal
}

#commentdiv {
	padding: 5px 0 0 0;	
}

#commentform P {
	margin: 5px 0 0 0;
}
BODY.koeln #commentform INPUT, BODY.koeln #commentform TEXTAREA {
	padding: .2em;
	border: 1px solid #8e0000;
	background: #f0b2b2;	
	width: 152px;
	height: 17px;
}
BODY.koeln #commentform TEXTAREA {
	margin: 8px 0 0 0;
	width: 395px;
	height: 120px;
}
BODY.koeln #commentform INPUT[type=submit] {
	font-weight: bold;
	color: #c00; 
	border: 1px solid #8e0000;
	background: #fff;
	width: 110px;	
	height: 25px;
}
BODY.duesseldorf #commentform INPUT, BODY.duesseldorf #commentform TEXTAREA {
	padding: .2em;
	border: 1px solid #b28300;
	background: #ffeab2;
	width: 152px;
	height: 17px;
}
BODY.duesseldorf #commentform TEXTAREA {
	margin: 8px 0 0 0;
	width:395px;
	height: 120px;
}
BODY.duesseldorf #commentform INPUT[type=submit] {
	font-weight: bold;
	color: #000; 
	border: 1px solid #b28300;
	background: #ffeab2;
	width: 110px;
	height: 25px;
}

/* Workaround for Bug 0000004 (Durchsuchen Button ohne Funktion) */
BODY.duesseldorf #commentform INPUT[type=file], BODY.koeln #commentform INPUT[type=file]{	
	width: 292px;
	height: 25px
}	

/*
	Overwrite wordpress settings
	Context: Quiz
	
*/

DIV.quiz {
	margin-bottom: 80px;
	border: none;
}
DIV.quiz .question-content{
	margin-bottom: 5px;
	margin-top: 0;
}

.quiz input[type=radio] {
display: block;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.quiz label {
display :block;
margin: -2px 0 0 20px;
padding: 0 0 0 0;
}

BODY.koeln .quiz INPUT[type=submit],
BODY.koeln .quiz INPUT[type=button] {
	font-weight: bold;
	color: #c00; 
	border: 1px solid #8e0000;
	background: #fff;
}

BODY.duesseldorf .quiz INPUT[type=submit],
BODY.duesseldorf .quiz INPUT[type=button] {
	font-weight: bold;
	color: #000; 
	border: 1px solid #b28300;
	background: #ffeab2;
}

.rz-umfrage-result UL{
	margin: 0 0 10px 0;
	list-style-type:upper-alpha;
}
.rz-umfrage-result UL LI{
	margin: 0 0 0 0;	
}
.quiz-area H3{
	margin: 30px 0 10px 0;
}
.rz-umfrage-result H3{
	margin: 30px 0 10px 0;
}
.rz-umfrage-result H3 SMALL{
	font-size: 11px;
	font-weight: normal;
}
.rz-umfrage-result H1.special{
	margin: 35px 0 -10px 0;
}
/* Styling Input Type="file" */
/* http://www.with.de/twiki/pub/Zentrale/MortenWith/buttons.htm */
/* http://www.quirksmode.org/dom/inputfile.html */

#fileinputs {
	position: relative;
}

#fakefile {
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 1;
}
#fakebutton {
	position: absolute;
	top: 0px;
	left: 165px;
	z-index: 1;
}
#comment_image_text {
	position: absolute;
	top: 0px;
	left: 285px;
	width: 100px;
	z-index: 1;
}

#comment_button_text {
	font-weight: bold;
	position: absolute;
	top: -2px;
	left: 175px;
	width: 100px;
	z-index: 1;
} 
BODY.duesseldorf #comment_button_text{
	color: #000;
} 
BODY.koeln #comment_button_text{
	color: #c00;
}
#file {
	position: relative;
	text-align: left;
	-moz-opacity:0 ;
	filter:alpha(opacity:0);
	opacity: 0;
	z-index: 2;	
	margin-bottom: 6px;				
}

#fake {
	margin-bottom: 6px;
	color: #000000;				
}			

/*
	Overwrite wordpress settings
	Context: Poll
*/

.umfrage-hidden INPUT[type="button"].Buttons {
   	display: none; 
}
.umfrage-hidden A {
   	display: none; 
}

.umfrage-hidden .umfrage-show A {
   	display: inline; 
}

BODY.koeln .Buttons, BODY.koeln .rz-buttons {
	font-weight: bold;
	color: #c00;
	border: 1px solid #8e0000;
	background: #fff;
	margin: 10px 0 10px 0;
}

BODY.duesseldorf  .Buttons, BODY.duesseldorf .rz-buttons {
	font-weight: bold;
	color: #000;
	border: 1px solid #b28300;
	background: #ffeab2;
	margin: 5px 0 5px 0;
}
DIV .wp-polls-ans {
	margin: 15px 0 0 0;	
}

UL.wp-polls-ul{
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;	
}
UL.wp-polls-ul li{
	width: 180px;
	margin: 0 0 5px 0 !important;
	padding: 0 0 0 0 !important;
}
UL.wp-polls-ul li input[type=radio] {
	display: block;	
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
UL.wp-polls-ul li label {
	display :block;
	margin: -2px 0 0 20px;
	padding: 0 0 0 0;
}

/*
	Overwrite wordpress settings
	Context: GD Star Rating
*/

.voting-text-article {font-size: 11px;}
.voting-text-comment {font-size: 11px;}

BODY.koeln .voting-text-article {color : #fff;}
BODY.koeln .voting-text-comment {color : #fff;}

BODY.duesseldorf .voting-text-article {color : #000;}
BODY.duesseldorf .voting-text-comment {color : #000;}


.rz-rating-koeln .ratepost .starsbar .outer, .rz-rating-koeln .ratecmm .starsbar .outer {
  width: 60px;/* Anzahl Sterne x Breite */
  height: 12px;
  background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/votes/cgn12.png) repeat-x 0px 0px;
}
.rz-rating-koeln .ratepost .starsbar .inner, .rz-rating-koeln .ratecmm .starsbar .inner {
  width: 0;
  height: 12px;
  background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/votes/cgn12.png) repeat-x 0px -24px;
}
.rz-rating-koeln .ratepost .starsbar a:hover, .rz-rating-koeln .ratecmm .starsbar a:hover {
  background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/votes/cgn12.png) repeat-x 0px -12px;
}


.rz-rating-duesseldorf .ratepost .starsbar .outer, .rz-rating-duesseldorf .ratecmm .starsbar .outer {
  width: 60px;
  height: 12px;
  background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/votes/dus12.png) repeat-x 0px 0px;
}
.rz-rating-duesseldorf .ratepost .starsbar .inner, .rz-rating-duesseldorf .ratecmm .starsbar .inner {
  width: 0;
  height: 12px;
  background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/votes/dus12.png) repeat-x 0px -24px;
}
.rz-rating-duesseldorf .ratepost .starsbar a:hover, .rz-rating-duesseldorf .ratecmm .starsbar a:hover {
  background: url(http://www.rheinzicken.de/wp-content/themes/rheinzicken/img/votes/dus12.png) repeat-x 0px -12px;
}

/* disable voting if act_town != home_town */
.hidden .gdsr_rating_as {
display: none;
}

DIV.contest, DIV.ratingblock, SPAN.comments {
	float: left;
}

/*
	Overwrite wordpress settings
	Context: Contest
*/

DIV.contest {
	margin: 6px 0 0 0;
	font-size: 11px;
}

/*
	Context: News
*/

P.date{
	margin: 6px 0 0 0;
	font-size: 11px;
}