@charset 'utf-8';
@import url(css/reset.css);
@import url(css/defaults.css);
/*

	Projekt: Altstadtfest Wertheim
	Datei: style.css
	Author: Carolin Schwank

*/

/* Allgemeines */
body { 
	background: url(images/bgPage.gif) repeat-x 0 1px #FFF;
	font-size: 11px;line-height: 18px;
	color: #000;
	font-family: verdana,tahoma,helvetica,geneva,arial,sans-serif;
	text-align: center;
}


#main a, a:link, a:active, a:visited{color:#2D5554;text-decoration:none;}
#main a:hover{color:#A21B26;text-decoration:underline;}

strong {color: #444; font-weight: bold;}
em {font-style: italic;}

/* Absaetze */
p {line-height:18px;margin: 0 0 12px 0;}
ul {line-height: 18px;clear: both;}
ol li {list-style-type: decimal;margin-left: 20px;}
blockquote {margin-left: 35px;margin-bottom: 15px;}

/* kleinerer Text */
.s {font-size: 10px;}
.xs {font-size: 10px;}

/* roter Text */
.red {color: #A21B26;}

/* Links- bzw. Rechtsausrichtung für Elemente */
.leftalign {float: left;margin: 0 0.5em 0 0;width: 260px;}
.rightalign {float: right;margin: 0 0 0 0.5em;width: 250px;}

/* Überschriften */

h1 {font-size: 16px; color: #A21B26; line-height: 22px;}
h2 {font-size: 14px;font-weight:bold; color: #000; margin: 20px 0 0 0;}
h3 {font-size: 13px;font-weight:bold; color: #000; margin: 20px 0 0 0;}
h4 {font-size: 12px;font-weight:bold; color: #000; margin: 20px 0 6px 0;}

h2 {color: #2D5554;font-size: 14px;font-weight: bold;font-family: verdana,tahoma,helvetica,geneva,arial,sans-serif;margin: 0 10px 0 0;}
h2 a:hover {color: #2D5554;}
h2.staticContent {color: #A21B26;font-size:16px;font-weight: bold;margin: 0 0 8px 0;}

.sticky h2 {color: #A21B26;font-size: 20px;font-family:Georgia, serif;font-weight: normal;line-height: 20px;margin: 0 0 8px 0;}
.sticky .date {display:none}
/* Struktur */

#wrapper {width: 933px;text-align: left;margin: auto;}

#topNav {height: 24px; text-align: right;}
#topNav ul li {display: inline;}
#topNav li {font-size: 10px;font-weight: bold;line-height:24px;margin: 0 0 0 1.2em;padding: 0 0 0 .5em;}
#topNav a {color: #52121c;text-decoration: none;text-transform: uppercase;	}
#topNav a:hover {color: #851c2c;}
#topNav #active_menu-nav {color:#851c2c;}
#topNav .current_page_item a {color: #851c2c}

#logoArea {background: url(images/headFotos.jpg) no-repeat right top transparent;border-right: 1px solid #FFF;height: 114px;}
#logoArea img {margin-top:-19px;position: relative;}
#boxContent {margin: 30px 0 0 33px;width: 900px;}
#main {float: left;margin: 0 0 0 0;width: 520px;}
#twoCols {float: right;width: 705px;}
#navCol {float: left;font-size: 11px;width: 170px;}

/* Partner */

#bannerCol h3 {
	background: url(images/bgHeadline3.gif) repeat-x left bottom;
	color: #A21B26;
	text-transform: uppercase;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
}

/* Navigation in der Sidebar */

#navCol h3 {
	background: url(images/bgHeadline3.gif) repeat-x left bottom;
	color: #A21B26;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
}

#navCol ul.normal {
	margin-bottom: 26px;
}

#navCol ul.normal li {
	background: url(images/bgNav.gif) left bottom repeat-x;
	padding: 4px 0 5px 0;
}

#navCol .normal a {
	background: url(images/liNormal.gif) no-repeat 0 4px;
	color: #2f3539;
	padding: 0 0 0 10px;
	text-decoration: none;
}

#navCol .normal a:hover, #navCol .normal li#current a {
	background: url(images/liHover.gif) no-repeat 0 4px;
	color: #A21B26;
}

#navCol .normal li.current-cat a, #navCol .normal li.current_page_item {
	color: #000;
	font-weight:bold;
}

#bannerCol {float: right;text-align: right;width: 155px;}
#bannerCol img {padding-bottom: 25px;}

/* Footer */

#boxFooter {background-color: #EEEBE4;margin: 50px 0 0 0;position: relative;}
#footerContent {border-right: 1px solid #FFF;border-left: 1px solid #FFF;font-size: 11px;margin: 0 auto;text-align: left;width: 933px;}
#footerContent p {padding: 5px 0 20px 20px;margin:0;}

/* Contentstyles */

#main img {
	border: 1px solid #85837E;
	padding: 3px;
}

#main .post {
	margin-bottom: 30px;
}

#main .feedback {
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 2px;
	text-align: right;
}

#main .date {
	font-size: 11px;
	margin: 3px 0 0 0;
	text-align: left;
}

#main .meta {
	font-size: 11px;
}

#main .article_row {
	margin-bottom: 25px;
}

ul.content {margin: 10px 0;}
ul.content li {
	background: url(images/liNormal.gif) 0 10px no-repeat;
	padding: 0 0 0 10px;
	line-height: 22px;
}

/* Fahrpreis-Tabelle */

table.fahrpreise {width: 400px;border-left: 1px solid #85837E;margin: 15px 0;}
table.fahrpreise td {padding: 5px 10px 5px 3px;background: #F7F6F2;border-bottom: 1px solid #85837E;border-right: 1px solid #85837E;}
table.fahrpreise td, table.fahrpreise th {text-align: right;}
table.fahrpreise td.normal {text-align: left;padding: 5px 3px 5px 3px;}
table.fahrpreise th {font-weight: bold;background-color: #85837E;border-left: 1px solid #FFF;color: #FFF;padding: 5px 10px 5px 3px;}

/* Programm */

dl.programm {margin-top:20px;}
dl.programm dt {
	font-weight: bold;
	float: left;
	width: 90px
}

dl.programm dd {
	margin: 0 0 20px 90px;
	line-height: 18px;
}


/* Kommentare */

#comments {font-size:11px;}
#comments h2 {color: #A21B26;font-size:16px;font-weight: bold;margin: 0 0 8px 0;}
#comments ul {margin:0 0 0 0;}
#comments li {background: url(images/bgNav.gif) left bottom repeat-x;margin-bottom:18px;padding-bottom:5px;}
#comments li p {padding:0 0 10px 0; margin:0}
#comments fieldset {padding: 10px;background-color: #F7F6F2;border: 1px solid #E9E8E5;}

* html #comments .header {height:19px;} /* IEWin */

#comments .header {margin:0;padding:0}
#comments .hinweis {background: url(images/hinweis.gif) no-repeat 0 4px;color: #A21B26;padding-left: 15px;}
#comments h4.comments {padding: 5px 10px;background-color: #F7F6F2;border: 1px solid #E9E8E5;font-size: 12px;font-weight:bold; color: #000; margin: 0 0 15px 0;}

/* Gästebuch */

h3#respond {
	margin-top: -12px;
}

h3#comments {
	background: #DBE7E7;
	color: #2D5554;
	padding: 3px 2px;
	margin-bottom: 15px;
}

#main img.wp-smiley {
	border: 0px solid #FFF;
	padding: 0;
}

#main .commentlist li {
	border-bottom: 1px dotted #DBE7E7;
}

/* form
--------------------------------------------------*/
form {}

form#commentform {
	background-color: #f5fafa;
	border: 1px solid #dbe7e7;
	margin: 10px 0 0 0;
	padding: 5px 10px;
}

#commentform, #contactform {margin-bottom:8px;}

form fieldset {border: 0 solid;} /* Opera */

form p {font-size: 11px; padding:6px 0 0 0;}

form label {
	background: url(images/bgNav.gif) left bottom repeat-x;
	display:block;
	float:left;
	padding-bottom: 5px;
	width:80px;
}

#commentform label {margin:0 8px 0 0;}
#contactform label {margin:0 8px 0 0;}

form em {
	color: #A21B26;
	margin-left:5px;
	font-size:10px;
	font-style:normal;
}

form input, form textarea {
  border:1px solid #85837E;
  padding: 3px;
}

form textarea {overflow:auto;}

#commentform input {width:380px;}
#commentform textarea {width:470px;}
#contactform textarea, #contactform #bx_subject {width:465px;}

* html #commentform textarea {width:320px;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* IE WIN; but why? */

form .submit {
	background-color: #85837E; 
	border: 1px solid #A3A09A;
	color: #FFF;  
	width:150px !important;
	font-weight:bold;
	font-size: 10px;
	text-transform: uppercase;
	padding: 2px;
}

#commentform .button {margin-left:90px;}
form .hiddenfield {display:none;}
form .info {padding-left:90px;}

/* Specials */

.linkcat h2 {display: none;}

/* Pagebar */

.pagebar {font-size:11px;margin: 20px 0 10px 0;padding: 5px 2px 5px 2px;text-align: right;}
.pagebar a, .pagebar span {padding: 3px;}
.pagebar .this-page {background-color: #FFF;color: #E2001A;font-weight: bold;}
.pagebar a:link {background-color: #FFF; color:#CCC;text-decoration: none;}
.pagebar a:hover {background-color: #FFF;text-decoration: none;}

.ngg-singlepic {
	background-color:#F9F9F9;
	border: 1px solid #E6e6e6;
	display:block;  
	padding:4px;
	margin: 10px 5px 0 0;
}

.ngg-left {
	float: left;
	margin-right:10px;
	margin-top: 5px;
}