/*_________________________________*/
/*___CONTENT_______________________*/
/*___Relaunch_Kreisel_Dresden______*/
/*___zistel@webit.de_______________*/
/*___Mai_2009_-_19.11.2009_17:36___*/
/*_________________________________*/


/*
- TYPO
  LINKS
  LISTS
- IMAGE
- COLUMN
- FORM
  ERROR
- VEHICLE
*/


body, input, textarea, button {
	color: #373535;
	font: 12px Arial, Helvetica, FreeSans, sans-serif;
	}
body {
	background-color: White;
	}

* { margin: 0; padding: 0; }
img { border: 0 none; }

.ignore { position: absolute; left: -500em; }
.disabled { opacity: .3; }
	body.ie6 .disabled { filter: alpha(opacity=30); }

/*_________________________________________________________________________________________TYPO___*/

h1 {
	font-size: 21px;
	margin-top: 18px;
	}

#first-content h2 {
clear: both;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 6px;
	border-bottom: 1px solid;
	margin-top: 21px;
	margin-bottom: -6px;
	}
#first-content .wrapper h2 {
	font-size: 14px;
	font-weight: bold;
	border-bottom-color: #B8386E;
	}
#first-content li h2 {
	line-height: normal;
	padding-bottom: 0;
	border-bottom: 0 none;
	margin-bottom: 6px;
	}
#first-content form h2 {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0;
	}
#second-content h2 {
	font-size: 14px;
	text-transform: uppercase;
	/* padding-top: 14px;
	border-top: 1px solid #B8386E;
	margin-top: 12px; */
	margin-top: 14px;
	}

#content h3 {
	font-size: 100%;
	margin-top: 21px;
	}

#content p {
	line-height: 1.5;
	margin-top: 12px;
	}
#content p.link-item {
	display: list-item;
	margin-top: 6px;
	}
#content li p,
#content dd p:first-child {
	margin-top: 0;
	}

/* PDF; … */
#content ul.link-list span,
#content p.link-item span {
	color: #878686;
	}

#content big {
	font-size: 21px;
	font-weight: bold;
	}

#content dfn {
	color: #B8386E;
	}
#content p dfn {
	vertical-align: middle;
	margin-right: -2px;
	}
	html >/**/body #content p dfn {
		position: relative;
		top: 2px;
		}

/*___LINKS_________________________*/

#content a {
	color: #B8386E;
	}
#content a:visited {
	color: #CF759B;
	/* color: #D489A8; */
	}
#content a:hover,
#content a:active,
#content a:focus {
	color: #B8386E;
	text-decoration: none;
	}

#content p.link-item a,
#content ul.link-list a {
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	}
#content p.link-item a:hover,
#content p.link-item a:active,
#content p.link-item a:focus,
#content ul.link-list a:hover,
#content ul.link-list a:active,
#content ul.link-list a:focus {
	text-decoration: underline;
	}

/*___LISTS_________________________*/

#content ul {
	margin-left: 15px;
	margin-top: 12px;
	}
body.ie #content ul {
	margin-left: 17px;
	}
@media screen {
	#content ul,
	body.ie #content ul {
		margin-left: 1px;
		}
	}
#content dd ul {
	margin-top: 0;
	}
#content ul ul,
#content ol ul {
	margin-top: 3px;
	margin-bottom: 6px;
	}

#content ul.link-list {
	margin-left: 16px;
	}
body.ie #content ul.link-list,
#content p.link-item {
	margin-left: 17px;
	}
@media screen {
	#content ul.link-list {
		margin-left: 0;
		}
	body.ie #content ul.link-list,
	#content p.link-item {
		margin-left: 1px;
		}
	}

#content ol {
	margin-left: 25px;
	margin-top: 12px;
	}
	body.ie #content ol {
		margin-left: 30px;
		}
#content form ol,
body.ie #content form ol {
	margin-left: 0;
	}

#content li {
	line-height: 1.5;
	}
#content ul li {
	list-style-image: url(../img/bas/list-item.gif);
	}
@media screen {
	#content ul li {
		list-style: none none;
		padding-left: 14px;
		background: url(../img/bas/list-item.gif) no-repeat 0 .58em;
		}
	}
#content form ol li {
	display: block;
	overflow: hidden;
	}
	body.ie6 #content form ol li {
		display: inline-block;
		list-style-type: none;
		}

#content ul.link-list li,
#content p.link-item {
	list-style-image: url(../img/bas/link-item.gif);
	}
#content ul.link-list li {
	margin-top: 6px;
	}
@media screen {
	#content ul.link-list li,
	#content p.link-item {
		list-style: none none;
		padding-left: 14px !important;
		background: url(../img/bas/link-item.gif) no-repeat 0 .25em;
		}
	body.ie #content ul.link-list li,
	body.ie #content p.link-item {
		background-position: 0 .35em;
		}
	}

dl {
	line-height: 1.5;
	}
dt {
	font-weight: bold;
	margin-top: 12px;
	}

/*________________________________________________________________________________________IMAGE___*/

#content p.image {
	margin-top: 16px;
	}
#content p.image.floatleft,
#content p.image.floatright {
	width: 187px;
	}
#content p.image.floatleft {
	float: left;
	margin: 14px 21px 12px 0;
	}
#content p.image.floatright {
	text-align: center;
	float: right;
	margin: 15px 0 12px 15px;
	}

#content .wrapper.ratio7030 .second-col p.image.floatleft,
#content .wrapper.ratio7030 .second-col p.image.floatright,
#content .wrapper.ratio3070 .first-col p.image.floatleft,
#content .wrapper.ratio3070 .first-col p.image.floatright {
	float: none;
	margin-bottom: 0;
	}
#content .wrapper.ratio7030 .second-col p.image.floatleft,
#content .wrapper.ratio3070 .first-col p.image.floatleft {
	margin-right: 0;
	}
#content .wrapper.ratio7030 .second-col p.image.floatright,
#content .wrapper.ratio3070 .first-col p.image.floatright {
	margin-left: 0;
	}

#content p.image span {/* Bildunterschrift */
	display: block;
	font-size: 10px;
	margin-top: 4px;
	}

/*_______________________________________________________________________________________COLUMN___*/

.wrapper {
	overflow: hidden;
	margin-bottom: 12px;
	}
	body.ie6 .wrapper {
		overflow: visible;
		height: 1%;
		}

.first-col,
.second-col {
	width: 48%;
	}
.first-col {
	float: left;
	}
.second-col {
	float: right;
	}

.wrapper.ratio7030 .first-col { width: 63%; }
.wrapper.ratio7030 .second-col { width: 33%; }

.wrapper.ratio3070 .first-col { width: 33%; }
.wrapper.ratio3070 .second-col { width: 63%; }

/*_________________________________________________________________________________________FORM___*/

form {
	text-align: right;
	margin-top: 21px;
	}

fieldset {
	border: 0 none;
	text-align: left;
	padding-top: 16px;
	margin-bottom: 11px;
	}

legend {
	display: none;
	}

fieldset label,
fieldset span.label {
position: relative;
top: 1px;
	display: block;
	width: 138px;
	float: left;
	font-weight: bold;
	text-align: right;
	padding-right: 24px;
	}
fieldset div label,
fieldset span.label label {
	display: inline;
	width: auto;
	float: none;
	text-align: left;
	padding-right: 0;
	}
fieldset div label {
top: 0;
	font-weight: normal;
	margin-right: 2px;
	}
	body.ie fieldset div label {
	top: -2px;
		}
fieldset div label#label-datumhin,
fieldset div label#label-datumre {
	margin-left: 22px;
	}
fieldset div label#label-zielort {
	margin-left: 25px;
	}
fieldset span.label label {
position: static;
	}

fieldset label dfn,
fieldset span.label dfn {
	position: absolute;
	right: 1px;
	top: 0;
	}
	body.ie fieldset label dfn,
	body.ie fieldset span.label dfn {
		top: 1px;
		}
	body.ie6 fieldset label dfn,
	body.ie6 fieldset span.label dfn {
		right: -2px;
		}

#content form div {
	margin-bottom: 12px;
	margin-left: 162px;
	}

input,
textarea {
	border-width: 1px;
	border-style: solid;
	border-color: #3C1225 #D589A9 #D589A9 #3C1225;
	width: 387px;
	padding: 1px 0 2px 2px;
	background-color: #F8EBF0;
	}
body.ie input,
body.ie textarea {
	width: 386px;
	padding-left: 3px;
	}
input:focus,
input.focus,
textarea:focus,
textarea.focus {
	background-color: White !important;
	}
textarea {
	padding-top: 2px;
	overflow: auto;
	}

input#abfahrtsort,
input#zielort { width: 320px; }
input#personenzahl { width: 30px; }
input#plz { width: 73px; margin-right: 7px; }
input#datumhin,
input#datumre { width: 80px; margin-right: 14px; }
input#zeithin,
input#zeitre { width: 50px; }
input#ort { width: 300px; }
	body.ie input#ort { width: 298px; }

button {
	border: 0 none;
	color: #B8386E;
	font-size: 14px;
	font-weight: bold;
	padding-left: 11px;
	background: transparent url(../img/bas/link-item.gif) no-repeat left center;
	margin-right: 22px;
	width: auto;
	overflow: visible;
	cursor: pointer;
	position: relative;
	right: -3px;
	}
	body.ie button {
		padding-left: 13px;
		}
	body.ie7 button {
		position: static;
		}

/*___ERROR_________________________*/

#content form p.error {
	color: #B8386E;
	font-weight: bold;
	text-align: left;
	padding: 5px 6px;
	padding-bottom: 4px;
	border: 1px solid;
	margin: 0 21px 11px 161px;
	}
@media screen {
	#content form p.error {
		color: white;
		background-color: #B8386E;
		}
	}
	body.ie6 #content form p.error {
		margin-right: 26px;
		margin-left: 156px;
		}
#content form p.error em {
	font-style: normal;
	}

.error label,
.error span.label,
label.error {
	color: #B8386E;
	}

.error input,
.error textarea,
input.error {
	background-color: #EDCDDB;
	}

/*______________________________________________________________________________________VEHICLE___*/

.vehicle {
position: relative;
	overflow: hidden;
	padding-top: 29px;
	margin-top: 12px;
	}
	body.ie6 .vehicle {
		display: inline-block;
		}

#first-content .vehicle h2 {
	font-size: 14px;
	font-weight: bold;
	padding-right: 8em;
	border-bottom-color: #B8386E;
	margin-top: 0;
	}

#content .vehicle p.image.floatright {
	text-align: left;
	margin-left: 36px;
	}

.vehicle dl {
	margin-top: 12px;
	}
.vehicle dt {
	font-weight: normal;
	float: left;
	width: auto;
	margin-top: 0;
	margin-right: 12px;
	}
.vehicle dd {
	margin-bottom: 6px;
	margin-left: 7.35em;
	}
	body.ie6 .vehicle dd {
		height: 1%;
		}

#content .vehicle p.capacity {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	position: absolute;
	right: -4px;
	top: 0;
	}
	body.ie6 #content .vehicle p.capacity {
		right: -5px;
		}
#content .vehicle p.capacity img {
	position: relative;
	bottom: -2px;
	left: -3px;
	cursor: help;
	}