@charset "UTF-8";
@import url(reset.css);
@import url(iconize.css);
@import url(lightbox.css);
@import url(superfish.css);
@import url(jtip.css);


/* ----------------------------------------------------- An alle Browser */

html {
	font-size: 62.5%;
}

body {
	background: #d2d6d8 url(/images/layout/beton_bg.jpg) repeat fixed;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
}

br.clear {
	clear: both;
	display: block;
}

strong {
	font-weight: bold;
}

hr {
	border: 0;
	border-top: 1px solid #3b3b3b;
	margin: .8em 0;
}

/* Success, notice and error boxes
------------------------------------------------------------- */
.error,
.notice, 
.success    { display: block; padding: 10px; margin: 5px 0 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }

.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }



#wrapper {
	margin: 30px auto 0;
	padding-bottom: 2em;
	width: 960px;
}

#head_top {
	float: left;
	padding: 0 10px 10px;
	position: relative;
	width: 940px;
}

#content_body {
	background: white;
	border-bottom: 5px solid #a80230;
	clear: both;
	display: inline-block;
	padding: 10px 10px 25px;
	width: 940px;
}

#content,
#content_2col {
	color: #3b3b3b;
	float: left;
	margin-left: 80px;
}

#content {
	width: 580px;
}

#content_2col {
	width: 100%;
}

#sidebar {
	color: #3b3b3b;
	margin-left: 720px;
	margin-right: 30px;
	padding-top: 1.9em;
}

#sidebar ul#termine li {
	line-height: 1.15em;
	margin-bottom: 1em;
}

#sidebar ul#termine p.datum {
	color: #68696a;
	margin-bottom: .15em;
}

#sidebar ul#termine p.cat_type {
	color: #a80230;
	margin-bottom: .2em;
}

#footer_copy {
	color: #3b3b3b;
	font-size: .9em;
	margin-top: .5em;
	text-align: center;
}

ul.topmenu {
	bottom: 10px;
	list-style-type: none;
	position: absolute;
	right: 10px;
}

.topmenu li {
	display: inline;
	margin-left: .75em;
}

.topmenu a {
	color: #3b3b3b;
	text-decoration: none;
}

.mainmenu {
	background: #a80230;
	clear: left;
	font-size: 1.2em;
	height: 2.6em;
	margin-bottom: 3em;
	padding-left: 70px;
}

.mainmenu a {
	border-left: 1px solid #fff;
	font-weight: bold;
	padding: .75em 1em;
	text-decoration:none;
}

.mainmenu a, .mainmenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: white;
}

.mainmenu li,
.mainmenu li li,
.mainmenu li li li {
	background: #a80230;
}

.mainmenu li a {	
	border-top: 1px solid #a80230;
}

.mainmenu li li a {
	border-left: 0;
	border-top: 1px solid #fff;
	padding: .6em 1em;
}

.mainmenu li:hover, .mainmenu li.sfHover,
.mainmenu a:focus, .mainmenu a:hover, .mainmenu a:active {
	background: #a80230;
	outline: 0;
}

.mainmenu li li:hover, .mainmenu li li.sfHover,
.mainmenu li li a:focus, .mainmenu li li a:hover, .mainmenu li li a:active {
	background: #c3ae6e;
	outline: 0;
}

img#rac_aischgrund {
	float: left;
	height: 40px;
	width: 320px;
}

img#rac {
	float: left;
	height: 40px;
	margin: 0 10px;
}

img#teaser_img {
	border-bottom: 5px solid #c3ae6e;
	clear: both;
	float: left;
	height: 169px;
	margin-bottom: 1px;
	padding-bottom: 1px;
	width: 940px;
}

h1 {
	color: #a80230;
	clear: both;
	font-family: Arial, sans-serif;
	font-size: 1.7em;
	margin: 1em 0 .8em;
}

h2 {
	color: #a80230;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	line-height: 1.1em;
	margin: .15em 0 .3em;
}

h2 a {
	color: #a80230;
	text-decoration: none;
}

h3 {
	color: #68696a;
	font-size: 1.1em;
}

ul.backAndNext {
	clear: right;
	list-style-type: none;
	padding: .5em 0;
}

.mehr {
	float: right;
	padding-top: .5em;
}

ul.backAndNext li a,
ul.backAndNext li a:visited {
	background-color: #a80230;
	color: #FFF;
	display: block;
	padding: .2em .1em;
	text-align: center;
	text-decoration: none;
	width: 5em;
}

ul.backAndNext li a:hover {
	background-color: #c3ae6e;
	color: #FFF;
}

ul.backAndNext a.back {
	float: left;
}

ul.backAndNext a.next {
	float: right;
}

.listing-item {
	display: inline-block;
	line-height: 1.25em;
	margin-bottom: 2em;
	width: 100%;
}

.listing-item ul li {
	margin: .2em 0 .3em;
}

img.uebersicht {
	float: left;
	width: 218px;
}

.listing-details {
	margin-left: 240px;
}

.listing-mitglieder {
	display: inline-block;
	float: left;
	margin-bottom: 2em;
	margin-right: 30px;
	width: 400px;
}

table.anmeldungBuchung {
	border-collapse: collapse;
}


table.anmeldungBuchung caption {
	color: #a80230;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.1em;
	margin: .15em 0 .3em;
	text-align: left;
}

table.anmeldungBuchung th,
table.anmeldungBuchung td {
	padding: .25em 0;
}

table.anmeldungBuchung th {
	color: #a80230;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	width: 12em;
}


/* ----------------------------------------------------- Kalenderblatt */
table.CalendarMonthOverview {  
	border-collapse: collapse;  
	margin: 5px 0 5px 0;  
}

table.CalendarMonthOverview caption {
	color: #a80230;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	line-height: 1.1em;
	margin: .15em 0 .3em;
	text-align: center;
}

table.CalendarMonthOverview th {  
	background-color: #a80230;  
	color: #FFFFFF;
	white-space: nowrap;  
}  

table.CalendarMonthOverview th,  
table.CalendarMonthOverview td {
	border: 1px solid #68696a;   
	padding: 5px;  
	text-align: center; 
	vertical-align: top;  
}  

table.CalendarMonthOverview td.today {  
	background-color: #c3ae6e;  
	color: #FFFFFF;  
}

table.CalendarMonthOverview td.termin {   
	color: #a80230 !important;
	font-weight: bold;
}



/* ----------------------------------------------------- Forms */
form {
	width: 100%;
}

input.text, input.title,
textarea, select {
	border: 1px solid #a80230;
	font: .9em 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
}

input:focus,
textarea:focus,
select:focus {
	border: 1px solid #a80230;
	background: #f0f0f0;
}

input[type=submit],
input[type=reset],
button {
	background: #a80230;
	border: 1px solid #68696a;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	margin: .35em 5px .2em;
	padding: .15em;
}

fieldset legend {
	font-weight: bold;
}

form em {
	color: #a80230;
	font-style: normal;
	font-weight: bold;
	padding-left: .15em;
}

fieldset option {
	padding-right: 1em;
}


fieldset.formmail {
	border: 1px solid #ccc;
	margin: .5em 0 2em;
	padding: 1em 0;
}

.formmail legend {
	margin-left: .5em;
	padding: 0 .5em;
}

.formmail li {
	padding: .5em 1em .7em;
}

.formmail label {
	display: inline-block;
	line-height: 1.3em;
	vertical-align: top;
	width: 120px;
}

.formmail input.text,
.formmail textarea {
	padding: .25em;
	width: 180px;
}

.kontakt-buttons {
	margin-left: 13em;
}

#charterPakete {
	display: inline-block;
	width: 300px;
}

#charterRight{
	display: inline-block;
	float: right;
	width: 250px;
}


/* ----------------------------------------------------- Backend */
.listing-item .tbButtonWysiwygDefaultStyleiframe textarea,
.listing-item .tbButtonWysiwygDefaultStyleiframe iframe {
	font-family: Arial, sans-serif !important;
	font-size: 1.2em !important;
}


/* ----------------------------------------------------- IE7 und lter */

.ie7 div { }


/* ----------------------------------------------------- IE6 und lter */

.ie6 #content,
.ie6 #content_2col {
	margin-left: 0;
	margin-left: 40px;
}

.ie6 #content_2col {
	width: 830px;
}

.ie6 .listing-item {
	width: auto;
}

.ie6 .listing-mitglieder {
	background: black;
	width: 385px;
}
