/*
CSS Styles - Rohkost-Events.de
*/

/* ~~~~ CSS Reset ~~~~ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img,
fieldset {
	border: 0;
}

body,
select,
input,
textarea {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
}


/* ~~~~ CSS Basics ~~~~ */
body {
	background: #aedfe5 url(bg.jpg) repeat 0 0;
}

p {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
}

a {
	color: #227db0;
}

/* ~~~~ Headlines ~~~~ */
h1 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #5f891a;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 14px;
}

h2 {
	border-bottom: 1px dotted #227db0;
	color: #227db0;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 13px;
	padding-bottom: 3px;
	padding-top: 13px;
}

h3 {
	color: #82B333;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 13px;
	padding-bottom: 3px;
	padding-top: 13px;
}

/* ~~~~ Header ~~~~ */

img.logo {
	left: -24px;
	position: absolute;
	top: 31px;
}


ul.menue {
	left: 440px;
	list-style-type: none;
	position: absolute;
	top: 63px;
}

ul.menue li {
	float: left;
	margin-right: 15px;
}

a.events-anzeigen {
	background: url(button-events-anzeigen.png) no-repeat scroll 0 0;
	display: block;
	height: 29px;
	letter-spacing: -9999px;
	text-indent: -9999px; 
	width: 148px;
}

a.events-anzeigen:hover {
	background: url(button-events-anzeigen.png) 0 -29px no-repeat;
}

a.event-vorschlagen {
	background: url(button-event-vorschlagen.png) no-repeat scroll 0 0;
	display: block;
	height: 29px;
	letter-spacing: -9999px;
	text-indent: -9999px; 
	width: 164px;
}

a.event-vorschlagen:hover {
	background: url(button-event-vorschlagen.png) 0 -29px no-repeat;
}


img.partner-button {
	position: absolute;
	left: 785px;
}

/* ~~~~ Sortierer ~~~~ */

.sortierer ul {
	line-height: 22px;
	list-style-type: none;
}

.sortierer li.erklaerung {
	font-weight: bold;
}

.sortierer li {
	font-size: 13px;
	display: inline;
	margin-right: 10px;
}

/* ~~~~ Events Vorschau Liste ~~~~ */
ul.events-vorschau {
	list-style-image: url(li-events-vorschau.gif);
	line-height: 19px;
	margin-left: 21px;
}

ul.events-vorschau li {
	margin-bottom: 7px;
}

#container {
	background: #ffffff url(container-bg.gif) repeat-y 0 0;
	border: 6px solid #83c2d8;
	width: 948px;
}

#main .inside {
	padding:25px;
}

/* ~~~~ Event Details ~~~~ */
div.event-details h1 {
	font-size: 20px;
}

div.event-details h2 {
	border: 0;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

div.event-details table tr {
	vertical-align: baseline;
}

div.event-details table td.spalte1 {
	width: 150px;
}

div.event-details table td.spalte2 {
	line-height: 22px;
	padding-bottom: 15px;
}

div.event-details p.zurueck-eventliste {
	border-top: 1px dotted #227db0;
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
}

/* ~~~~ Event vorschlagen ~~~~ */
span.mandatory {
	color: #c4002e;
	font-size: 12px;
}

span.captcha_text {
	font-size: 11px;
	font-weight: bold;
	margin-left: 3px;
}

div.event-vorschlagen p.error {
	color: #c4002e;
	font-weight: bold;
}

div.event-vorschlagen input,
div.event-vorschlagen textarea,
div.event-vorschlagen select {
	border: 1px solid #aaa;
	font-size: 12px;
	padding: 6px;
}

div.event-vorschlagen select {
	padding: 4px;
}

div.event-vorschlagen input {
	width: 250px;
}

div.event-vorschlagen input.captcha {
	width: 18px;
}

div.event-vorschlagen textarea {
	line-height: 17px;
	width: 370px;
}

div.event-vorschlagen table {
	width: 100%;
}

div.event-vorschlagen table tr {
	vertical-align: middle;
}

div.event-vorschlagen table td {
	padding: 10px 0;
}

div.event-vorschlagen table td.col_first {
	padding-left: 5px;
}

div.event-vorschlagen table tr.even {
	background-color: #eef9ff;
}

div.event-vorschlagen table td.colspan.headline {
	background-color: #fff;
}

div.event-vorschlagen table td.col_0 {
	font-size: 11px;
	line-height: 15px;
	width: 180px;
}

/* ~~~~ Event vorschlagen ~~~~ */
#impressum p {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
}

#impressum p.last {
	padding-bottom: 0px;
}

/* ~~~~ Code fuer eigene Webseite ~~~~ */

.code {
	font-size: 12px;
	line-height: 20px;
}

.code textarea {
	border: 1px solid #aaa;
	font-size: 12px;
	line-height: 17px;
	overflow: hidden;
	padding: 6px;
	width: 550px;
}

.code p {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
}

.code ul {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 10px;
	padding-bottom: 10px;
}

/* ~~~~ Rechte Spalte ~~~~ */
#right .inside {
	padding: 20px;
}

#right h2 {
	border: none;
	font-size: 15px;
	margin-bottom: 5px;
}

/* ~~~~ Bookmark ~~~~ */
.bookmark {
	margin-bottom: 10px;
}

/* ~~~~ Partner ~~~~ */
ul.partnerlinks  {
	margin-left: 16px;
	line-height: 22px;
	list-style-image: url(li-partner.gif);
}

/* ~~~~ Footer ~~~~ */

#footer {
	font-size: 12px;
}

/* ~~~~ Abstaende ~~~~ */

.first {
	margin-top: 0;
	padding-top: 0;
}

.last {
	margin-bottom: 0;
	padding-bottom: 0;
}