/*   
Theme Name: CDU Kandidat
Description: Offizielles Theme fuer CDU-Kandidaten.
Author: smit und partner, designer
Author URI: http://smit-und-partner.de
Version: 1.0
.
General comments/License Statement if any.
.
*/

* { /* Remove default rules */
	border: 0;
	list-style: none;
    margin: 0;
    padding: 0;
}

body {
    background: #FCE8CC url(images/wrapper_bg.png) repeat-y center top;
    color: #000;
    font: 62.5%/1.5  Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* Center Wrapper in IE 5+6 */
} 

* html body {
    font: 55%/1.5  Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	color: #CA260F;
    font-size: 2.2em;
	line-height: 1;
}
    
h2  {
	color: #F08A00;
    font-size: 1.3em;
	margin: 0.5em 0 0.3em 0;
}
    
h3 {
	color: #CA260F;
    font-size: 1.3em;
	margin-bottom: 0.6em;
}
    
h4 {
    font-size: 1.6em;    
}
    
h5 {
    font-size: 1.4em;    
}
    
p {
    font-size: 1.2em;
	margin-bottom: 1em;
} 


/* 1=Scaffolding
-----------------------------------------------------------------------------*/
#wrapper {
	background: url(images/wrapper_bg.png) repeat-y left top;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	text-align: left;
	width: 925px;
}

#head {
	background: #CA260F url(images/head_bg.png) repeat-x;
	color: #FFF;
	height: 130px;
	position: relative;
}

#content {
	background: url(images/top_bg.png) no-repeat;
	position: relative;
}

#left {
	float: left;
	margin-top: 27px;
	position: relative;
	width: 195px;
	z-index: 500;
}

#main {
	float: left;
	margin-top: 27px;
	padding: 15px;
	position: relative;
	width: 480px;
	z-index: 500;
}

#right {
	float: right;
	position: relative;
	width: 220px;
	z-index: 500;
}


/* 2=Head
-----------------------------------------------------------------------------*/
#head h1 {
	font-family: "CDU Kievit Tab", Arial, Helvetica, sans-serif;
	font-size: 3em;
	line-height: 1;
	padding: 0.8em 20px 0 20px;
}

#head h2 {
	color: #FFF;
	font-size: 1.1em;
	margin: 0;
	padding: 0 20px;
}

.sIFR-active #head h2 {
	margin-top: -1em;
}

#head a {
	color: #FFF;
	text-decoration: none;
}

#head #logo {
	position: absolute;
	right: 0;
	top: 20px;
}

/* X=Navigation
-----------------------------------------------------------------------------*/
#navigation {
	font-size: 1.1em;
	margin-bottom: 2em;
	position: relative;
	width: 100%;
}

#navigation li {
 	display: inline;
}

#navigation a {
	background: #F08A00;
	color: #FFF;
	display: block;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1px;
	padding: 7px 20px;
	position: relative;
	text-decoration: none;
}

#navigation a:hover {
	text-decoration: underline;
}

#navigation .active {
	background: #CA260F;
}

#navigation ul {
	margin: 0;
}

#navigation li li a {
	background: #E95D0F url(images/navigation_sub_bg.png) repeat-y;
	position: relative;
}

#navigation li li a.active {
	background: #E95D0F url(images/navigation_sub_bg_active.png) repeat-y;
}


/* X=Left
-----------------------------------------------------------------------------*/
#left .ad {
	color: #AEAEAE;
	display: block;
	padding: 0.2em 0.5em;
	margin: 0 6px;
}

#sidebar ul {
	position: relative;
}

#sidebar li {
	background: #F4F6F7;
	border: 1px solid #E69200;
	margin: 0 0 15px 10px; 
	padding: 0;
	position: relative;
}

#sidebar li a {
	padding: 0 3px 3px 3px;
}

#sidebar li a img {
	margin: 0 -3px -15px -3px;
}

#sidebar li a, #sidebar li a img {
	display: block;
}

#sidebar h3 {
	background: #D1D6E2;
	color: #374861;
	font-size: 1.2em;
	padding: 0.1em 0.5em;
}

#sidebar p {
	color: #374861;
	font-size: 1.1em;
	line-height: 1.4;
	margin: 0.4em 0.5em 0.6em 0.5em;
}


/* X=Main
-----------------------------------------------------------------------------*/
#main ul li {
	background: url(images/bullet.png) no-repeat 0 0.3em;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding-left: 12px;
	position: relative;
}

#main ul.plain li {
	background: transparent;
	padding: 0;
	position: relative;
}

#breadcrumbs {
	background: url(images/breadcrumbs_bg.png) right bottom no-repeat;
	color: #E95D0F;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.5em;
	text-align: right;
}

#breadcrumbs a {
	color: #E95D0F;
	text-decoration: none;
}


/* X=Right
-----------------------------------------------------------------------------*/
#right h2 {
	color: #FFF;
	font-size: 1em;
	margin-top: 190px;
	padding: 5px 20px;
	position: relative;
	z-index: 50;
}

#right a {
	color: #767676;
	text-decoration: underline;
}

#right a:hover {
	text-decoration: none;
}

#right p {
	color: #767676;
	font-size: 1.1em;
	line-height: 1.3;
}

#right #candidate {
	background: url(images/kandidat.png) no-repeat right bottom;
	height: 215px;
	position: absolute;
	right: 0;
	top: 0;
	width: 215px;
	z-index: 10;
}

* html #right #candidate {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdukandidat/wp-content/themes/cdukandidat/images/kandidat.png', sizingMethod='crop');
}

#right .feed {
	background: url(images/right_feed_bg.png) no-repeat left center;
	display: block;
	margin: 5px 20px;
	padding: 0.6em 1em 0.6em 2.8em;
}

#right .whatsrss {
	display: block;
	margin: 5px 25px;
	position: relative;
}

ul#newsflash {
	margin-bottom: 2em;
	padding: 0 20px;
}

ul#newsflash li {
	padding: 0.7em 0;
	position: relative;
}

ul#newsflash h3 {
	color: #F08A00;
	font-size: 1.1em;
	margin: 0;
}

ul#newsflash a {
	font-weight: bold;
}


/* X=Anchors
-----------------------------------------------------------------------------*/
h2 a {
	color: inherit;
	text-decoration: none;
}

a {
	color: #1E4CA8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.more {
	background: url(images/bullet_more.png) no-repeat 0 0.2em;
	padding-left: 12px;
}

a.readon {
	color: #7D7D7D;
	font-weight: bold;
	text-decoration: underline;
}

a.readon:hover {
	text-decoration: none;
}


/* X=Forms
-----------------------------------------------------------------------------*/
form {
	margin-bottom: 1.5em;
}

button, input.sendbutton {
	background: #F08A00;
	color: #FFF;
	border: 2px solid #CA260F;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0.5em 2em;
	width: auto;
}

label {
	font-size: 1.1em;
}

label.radio {
	margin-right: 2em;
	vertical-align: middle;
}

input, textarea {
	border: 2px inset #C3C3C3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 0.2em;
	width: 330px;
}

input.radio {
	border: none;
	padding: 0;
	vertical-align: middle;
	width: auto;
}

#main ul.form li {
	background: transparent;
	margin-bottom: 0.4em;
	padding: 0;
}

ul.form .left {
	width: 95px;
}

ul.form .right {
	width: 380px;
}


/* X=Homepage
-----------------------------------------------------------------------------*/
#intro {
	margin-bottom: 2.5em;
	position: relative;
	height: 1%;
}

#intro .right {
	bottom: 0.2em;
	float: none;
	position: absolute;
	right: 0;
	width: 210px;
}

#intro .info p {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
	margin: 0;
}


/* X=News
-----------------------------------------------------------------------------*/
#main #news li {
	background: transparent;
	font-size: 1em;
	padding: 1em;
	position: relative;
}

ul#news h2 {
	margin: 0;
}

ul#news p {
	font-size: 1.1em;
}

ul#news img {
	position: absolute;
	top: 1em;
	right: 1em;
}

#main #news .odd {
	background: #FFECD0;
}

#news .created {
	color: #F08A00;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}

#news .more-link {
	color: #7D7D7D;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
	text-decoration: underline;
	margin: 0;
}

ul#news h2, ul#news p, ul#news .created, ul#news .readon {
	width: 340px;
}

/* X=Comments
-----------------------------------------------------------------------------*/
h3#comments {
	margin: 3em 0 0 0;
}

#commentlist {
	margin-bottom: 3em;
}

#commentlist li {
	background: transparent;
	border-bottom: 1px solid #F49700;
	font-size: 1em;
	padding-top: 1em;
}

#commentlist li.last {
	border: none;
}

#commentlist .meta {
	background: #FDEFDE;
	font-size: 0.9em;
	margin-bottom: 0.5em;
	padding: 0.5em;
}

#commentlist .meta p {
	margin: 0;
}

#commentlist .meta a {
	color: #F08A00;
	font-weight: bold;
	text-decoration: underline;
}

/* X=Events
-----------------------------------------------------------------------------*/
.events {
	border-collapse: collapse;
	margin-bottom: 2em;
	width: 100%;
}

#main .ec3_events li {
	background: transparent;
	margin-bottom: 1.5em;
	clear: both;
	position: relative;
}

#main .ec3_list .month {
	background: #F49700;
	border-bottom: 4px solid #E95D0F;
	color: #FFF;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.1em 0.3em 0 0.3em;
	text-align: left;
}

#main .ec3_list ul li {
	border-bottom: 1px solid #FFD18C;
	color: #000;
	height: 1.4em;
	margin: 0;
	padding: 0.2em;
	position: relative;
	clear: both;
}

#main .ec3_list .date {
	font-size: 0.9em;
	display: block;
	float: left;
	width: 13em;
}

#main .ec3_list .title {
	font-size: 0.9em;
	display: block;
	float: left;
}


.events col.date {
	width: 16%;
}

.events col.time {
	width: 24%;
}

.events col.desc {
	width: 60%;
}

.events .even {
	background: #FFD18C;
}


/* X=Gallery
-----------------------------------------------------------------------------*/
#main #gallery-navi {
	margin-bottom: 1em;
}

#main #gallery-navi li {
	background: transparent;
	float: left;
	margin-right: 2px;
	padding: 0;
}

#main #gallery-navi .thumb a {
	border: 1px solid #F49700;
	display: block;
	width: 108px;
	height: 67px;
	overflow: hidden;
}

#gallery-navi .back a, #gallery-navi .next a {
	display: block;
	height: 70px;
	outline: none;
	text-indent: -9999em;
	width: 15px;
}

#gallery-navi .back a {
	background: url(images/back.png) no-repeat right top;
}

#gallery-navi .next a {
	background: url(images/next.png) no-repeat left top;
}

#gallery-view {
	background: #FDF0D9;
	padding: 15px;
	overflow: hidden;
	width: 450px;
}

#gallery-view img {
	display: block;
	border: 1px solid #F49700;
	margin: 0 auto;
}

#gallery-view p {
	margin-top: 1em;
	font-size: 1em;
}


/* X=Contact and Comments
-----------------------------------------------------------------------------*/
#cformsform ul {
	margin-bottom: 1.5em;
}

.vcard .fn, .vcard .role {
	font-weight: bold;
}

.vcard .postal-code, .vcard .locality {
	display: inline;
}

#cformsform li, #main #commentform li {
	background: transparent;
	font-size: 1.1em;
	margin-bottom: 0.4em;
	padding: 0;
}

#cformsform label, #main #commentform label {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	vertical-align: top;
	width: 100px;
}

#sendbutton {
	margin-left: 100px;
}

.cf-box-a {
	width: auto;
}

.reqtxt, .emailreqtxt {
	color: #CC0000;
	font-weight: bold;
}

.error {
	border: 2px solid #CA260F;
}

.failure {
	background: #CA260F;
	color: #FFF;
	padding: 0.5em;
}

.success {
	color: #136400;
	font-weight: bold;
}

#main ul.contact {
	margin-bottom: 1.5em;
}

#main ul.contact li {
	background: transparent;
	padding: 0;
	margin-bottom: 0.2em;
}

ul.contact .right {
	width: 370px;
}

#main ul.contact .contact-tel, #main ul.contact .contact-cell, #main ul.contact .contact-fax, #main ul.contact .contact-email, .email {
	background-position: left 2px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#main ul.contact .contact-tel {
	background-image: url(images/icon_tel.png);
}

#main ul.contact .contact-cell {
	background-image: url(images/icon_mobile.png);
}

#main ul.contact .contact-fax {
	background-image: url(images/icon_fax.png);
}

#main ul.contact .contact-email, .email  {
	background-image: url(images/icon_email.png);
}

.email {
	color: #CA260F;
	font-weight: bold;
	text-decoration: underline;
}

#main ul.contact .contact-email .email {
	background: none;
	padding: 0;
}

.linklove {
	display: none;
}

/* X=Links
-----------------------------------------------------------------------------*/
.links {
	color: #000000;
	font-size: 1em;
	line-height: 1.3;
	margin: 1em 0;
}

#main .links li {
	background: transparent;
	margin-bottom: 0.8em;
	padding: 0;
}

.links a {
	color: #CA260F;
	display: block;
	font-weight: bold;
	text-decoration: underline;
}


/* X=Generic Classes
-----------------------------------------------------------------------------*/
.left {
	float: left;
}

.right {
	float: right;
}

.parent {
	position: relative;
}

.hide {
	display: none;
}

.frame {
	border: 1px solid #F1900E;
}

.bottom-right {
	bottom: 0;
	position: absolute;
	right: 0;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */

* html .clearfix {height: 1px;}