@charset "utf-8";

* {
margin:0;
padding:0;
}
body {
color:#000;
font-family: 'Arial Narrow',Arial,Helvetica,sans-serif;
font-size:12px;
line-height:18px;
background: #fff url(http://www.jugendhotel-aicher.com/pix/bg_aicher_big2.jpg);
}
:active, :focus {
outline:medium none;
}
a:link {
color:#333;
}
img {
vertical-align:middle;
}
.clear {
clear:both;
font-size:0;
height:0;
}
#wrap {
margin:20px auto;
width:815px;
padding: 0;
background:#fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#header {
display:none;
/*overflow:hidden;
padding: 10px 10px 25px 20px;*/
}
#header h1 {
background:url(img/topfive_markushof.gif) top left no-repeat;
width:200px;
height:49px;
display:block;
text-indent:-9999px;
float: left;
}
#header h2 {
margin-left:210px;
margin-top:5px;
}
.filter {
padding:10px 0;
text-align:left;
line-height:22px;
}
.open_all, .close_all {
margin:0 10px 0 0;
}
#kategorie_select, #year_select, #saison_select {
margin-right: 10px;
}
#auswahl {
margin-bottom:1em;
float:left;
list-style:none outside none;
}
#auswahl li {
float:left;
width:auto;
margin-left:0;
margin-right:5px;
margin-top:5px;
}
#auswahl a {
color:#333;
text-decoration:none;
display:block;
padding:2px 10px 2px 10px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#auswahl a:hover {
text-decoration:underline;
}
#content {
padding:20px;
background:#EDEBE1;
}
.category {
clear:both;
}
.category h2 {
background:none repeat scroll 0 0 #002866;
font-size:14px;
margin:2px 0;
position:relative;
}
.category h2.winter {
background:none repeat scroll 0 0 #8DD5F6;
}
.category .activity_box {
border-left:none;
border-right:none;
}
#Ausflüge .activity_box {
border-left:none;
border-right:none;
}
#Bikesport .activity_box, #Bergsport .activity_box, #Wassersport .activity_box, #Reiten .activity_box, #Funsport .activity_box, #Ballsport .activity_box, #Bogenschiessen .activity_box, #Kreativität .activity_box, #PädagogikTanz .activity_box {
border-left:none;
border-right:none;
}
#WinterAktivprogramm .activity_box {
border-left:none;
border-right:none;
}
.category h2 a.toggle {
background:url("img/aicher_mais.png") no-repeat scroll 20px center transparent;
color:#FFFFFF;
display:block;
padding:15px 45px;
text-decoration:none;
}
.category h2 a.opened {
background:url("img/aicher_menos.png") no-repeat scroll 20px center transparent;
}
.category h2 .top {
color:#FFFFFF;
font-size:10px;
position:absolute;
right:5px;
text-decoration:none;
top:2px;
background:url(img/top.png) no-repeat left center;
padding-left: 14px;
}
.category h2 .top:hover {
text-decoration:underline;
}
.activity {
background:none;
}
.activity h3 {
font-size:14px;
font-weight:normal;
padding:5px 20px;
}
.youtube .video_symbol {
	line-height: 16px;
	font-weight: normal;
	margin-left: 5px;
	padding-left: 16px;
	background: url(img/clapboard.png) no-repeat center;
}
.activity_title {
background:url("img/aicher_bullet_toggle_plus.png") no-repeat scroll 0 50% transparent;
padding-left:25px;
text-decoration:none;
}
.activity_title:hover, .active .activity_title {
color:#333;
}
.activity.active .activity_title {
background:url("img/aicher_bullet_toggle_minus.png") no-repeat scroll 0 50% transparent;
color:#333;
font-size:14px;
font-weight:bold;
}
.active {
margin:5px 0;
background:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.activity_details {
padding:0 15px;
}
.activity_details.open {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.details_bild {
float:left;
margin-right:15px;
overflow: hidden;
width:277px;
}
.details_datum {
display:none;
}
.details_beschreibung {
margin:0 0 15px 0;
}
.details_werte {
border-spacing:2px;
margin:10px 0;
width:745px;
}
.details_anzahl, .details_alter, .details_dauer {
height:32px;
padding:2px 2px 2px 30px;
vertical-align:middle;
background-position:5px 50%;
}
/*
.details_anzahl {
background:url("img/icon_gruppen.gif") no-repeat scroll 2px 2px #C8D300;
}
.details_alter {
background:url("img/icon_kinder.gif") no-repeat scroll 2px 2px #FCB900;
}
.details_dauer {
background:url("img/icon_dauer.gif") no-repeat scroll 2px 2px #31C6FB;
}*/
.details_zahl {
background:none repeat scroll 0 0 #DAD7D2;
font-size:120%;
font-weight:bold;
text-align:center;
vertical-align:middle;
width:50px;
}
.details_preise {
border-spacing:2px;
margin-bottom:10px;
width:453px;
}
.details_preise thead th {
background:none repeat scroll 0 0 #DAD7D2;
font-weight:bold;
padding:5px;
text-align:left;
}
.details_preise tbody td {
padding:4px 5px;
}
.details_preise .gruppe1 td {
background:none repeat scroll 0 0 #CE8C74;
}
.details_preise .gruppe1:nth-child(2n+1) td {
background:none repeat scroll 0 0 #DEBCA3;
}
.details_preise .gruppe2 td {
background:none repeat scroll 0 0 #E2E8CE;
}
.details_preise .gruppe2:nth-child(2n+1) td {
background:none repeat scroll 0 0 #F4F2E3;
}