/* *** styles copyright www.koelnzeit.de homepage *** */

@import url(koelnzeit_menue.css);
/* *** allgemeine Styles *** */
/* ****************************************************** */

html, ul, h1, h2 {
	margin: 0px;
	padding: 0px;
}

body {
	/* ### margin fr moz/ie || padding fr opera ### */
	margin: 0px;
	padding: 0px;	background-color: transparent;
	font: 10px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}

img, table {
	border: none; 
}

td {
	font: 10px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

h1 {
	font: bold 10px/0.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 17px;
}
h2 {
	font: bold 10px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: red;
}
a {
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}
a:active  {
	text-decoration : underline;
}
a:hover  {
	text-decoration : none;
}
/* ****************************************************** */


/* *** Side Styles *** */
/* ****************************************************** */
#container {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}
#head	{
	height: 94px;
	background: url(../images/head_bg.gif) repeat left top;
}

#logo	{
	width: 141px;
	height: 36px;
	margin-top: 20px;
	margin-left: 18px;
	float: left;
}
#skyline {
	width:135px;
	height:62px;
	margin-top: 32px;
	margin-right: 22px;
	float:right;
}
div#navmain {
	height: 50px;
}
div#langnav {
  text-align:right;
  padding: 10px 7px;
  border: 0px solid white;
  border-width: 7px 0px;
  background-color: #df7100;
}
#containercontent {
	clear: left;
	background: url(../images/cols_bg.gif) repeat-y 0px 100px;
	height: 100%;
}
#colleft {
	float: left;
	width: 156px;
	min-height: 434px;
}
#colcenter {
	margin-left: 165px;
	width: 466px;
	border-top: 1px solid #DF7100;
	min-height: 442px;
}
#colright {
	float: right;
	width: 160px;
	height: 100%;
}

#wildcard {
	height: 8px;
	width: 100%;
	background: url(../images/wildcard_bg.gif) repeat-y;
}

#footer {
	background-color: #BC040E;
	text-align: center;
	height: 22px;
	font-size: 12px;
	line-height: 1.7em;
	color: #fff;
	margin-bottom: 10px;
}
/* ****************************************************** */


/* *** Col Styles *** */
/* ****************************************************** */
#colleft #navsub_head {
	font-size: 12px;
	color: #fff;
	margin-top: 7px;
	margin-left: 15px;
	font-weight: bold;
}
#colcenter #p1 {
	padding: 8px;
}
#colcenter #p2 {
	padding: 16px;
}
#search {
	width: 100%;
	height: 85px;
}
#searchhead {
	height: 24px;
	background-color: #969696;
	text-align: center;
	line-height: 2.5em;
	font-weight: bold;
	color: #fff;
}
#searchcontent {
	height: 61px;
	background-color: #DCDCDC;
}
#highlights {
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	background-color: #BC040E;
	padding: 8px 0px 3px 14px;
}
#highlights p {
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding: 0px;
}
#highlights p#h1 {
	font-size: 16px;
	margin-top: 0.3em;
}
#highlights p#h2 {
	font-size: 30px;
	line-height: 0.4em;
	margin-top: 0.5em;
	margin-bottom: 5px;
}
#highlights p#h2 a#h3 {
	font-size: 9px;
	margin-left: 20px;
	color: #fff;
	text-decoration: none;
}
/* ****************************************************** */


/* *** Content Styles *** */
/* ****************************************************** */
#ch1 {
	border-right: 1px solid #BC040E;
	border-bottom: 1px solid #BC040E;
	padding: 7px;
	float: left;
	width: 136px;
	min-height: 150px;
}
#ch2 {
	border-left: 1px solid #BC040E;
	border-right: 1px solid #BC040E;
	border-bottom: 1px solid #BC040E;
	padding: 7px;
	width: 136px;
	margin-left: 157px;
	min-height: 150px;
}
#ch3 {
	border-left: 1px solid #BC040E;
	border-bottom: 1px solid #BC040E;
	padding: 7px;
	float: right;
	width: 136px;
	min-height: 150px;
}
#c1 {
	padding: 8px;
	width: 448px;
}
#c2 {
	padding: 16px;
	width: 432px;
}
#c2 #kl {
	float: left;
	width: 210px;
}
#c2 #kr {
	float: right;
	width: 210px;
}
#clear {
	clear: both;
}
.event {
	width: 100%;
	margin-bottom: 8px;
}

.evtitle {
	background-color: #646464;
	color: #fff;
	height: 24px;
	padding-left: 6px;
	line-height: 2.5em;
	font-weight: bold;
}
.evbody {
	border-left: 1px solid #D8DADC;
	border-right: 1px solid #D8DADC;
	border-bottom: 1px solid #D8DADC;
	padding: 14px 4px;
}
.evbody img {
	float: right;
	margin-left: 4px;
	margin-bottom: 4px;
}
.evbody table {
	margin-top: 14px;
	border-collapse: collapse;
	width: 100%;
	clear: right;
}
.evbody table td {
	border: 1px solid #D8DADC;
	padding: 0px 4px;
	width: 20%;
}
.evbody table td.grey {
	width: 30%;
}
.evbody table td a {
	text-decoration: none;
	color: #B80000;
}
.evbody table td a:hover {
	text-decoration: none;
	color: #000;
}
.evinfo p {
	margin:0px;
	padding:0px;
}

.grey {
	color: #666666;
}
.red {
	color: #A80019;
}
.bold {
	font-weight: bold;
}
td.button {
	text-align: right;
}
#fm table {
	border-collapse: collapse;
}
#fm table#vat_11 {
	width: 100%;
	margin-bottom: 40px;
}
#fm table#vat_11 .evtitle {
	border: 1px solid #646464;
}
#fm table#vat_11 td {
	border-right: 1px solid #D8DADC;
	border-bottom: 1px solid #D8DADC;
	border-left: 1px solid #D8DADC;
	padding: 0px 4px;
}
#fm table#vat_12 {
	width: 100%;
}

table#vat_12 td {
	padding: 4px 4px;
}

table#vat_12 td.c1 {
	width: 80px;
}

table#vat_12 td.c2 {
	width: 40px;
}

/* ****************************************************** */


/* *** Typo3 Content Styles *** */
/* ****************************************************** */

/* *** Kontaktformular *** */

form#mailform {
	display: block;
	margin: 0px;
	padding: 0px;
}

.csc-mailform {
	border: none;
	margin: 0px;
	padding: 0px;
}

.csc-mailform-field{
	min-height: 30px;
	display:block;
}
.csc-mailform-field label {
	float:left;
}

.csc-mailform-field input, .csc-mailform-field textarea {
	float:right;
	margin-left: 3px;
}
.formSubmit {
	clear: both;
	margin-top: 10px;
}
.csc-mailform-field select{
	margin-left: 49px;
}


/* *** Contentbereich Tabelle *** */

.contenttable {
	border-collapse: collapse;
}
.contenttable td.td-0 {
	padding-right:4px;
}
.tr-1 td {
 font: 5px/0.5em Verdana;
}


/* *** Suche *** */
.tx-indexedsearch-searchbox table td {
	padding-right: 10px;
	padding-bottom: 6px;
}


/* ****************************************************** */


/* *** Footer Styles *** */
/* ****************************************************** */

/* ################################################################################## */
/* end page_footer */
/* ################################################################################## */




/* forms */
input {
	background-color: #fff; 
	border: 1px solid #D8DADC;
	color: #000;
	width: 120px;
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

textarea {
	background-color: #fff; 
	border: 1px solid #D8DADC;
	color: #000;
	width: 120px;
	height: 100px;
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

input.button {
	background-color: #fff; 
	border: 1px solid #D8DADC;
	color: #000;
	width: 100px;
	margin-right: 8px;
}

input.checkbox {
	width: 20px;
	background-color: transparent;
	border: none;
}

select { 
	background-color: #fff; 
	border: 1px solid #D8DADC;
	color: #000;
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

/* form search */

#searchcontent input {
	background-color: #D8DADC;
	border: 2px solid #fff;
	padding: 1px;
	width: 125px;
	margin-top: 18px;
	margin-left: 14px;
}
#searchcontent input.submit {
	width: 25px;
	margin-top: 5px;
	margin-left: 119px;
	border: none;
}

/* Kontaktformular */

/* Verfügbarkeit anfragen */

#vat_11 input {
	width: 20px;
	float: right;
}

#vat_12 input.participants {
	width: 40px;
}

.va_zeitraum input {
	display:inline;
	width: 20px;
	margin-right:3px;
}

.va_zeitraum input.year {
	width: 40px;
}

td.va_absenden input {
	width: 80px;
	float:right;
}