/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
-------------------------------------------------------------- */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
    background:#fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }


/* Default font settings.
 * Vertical rhythm - base font-size: 13px - line-height: 21px
-------------------------------------------------------------- */

html {
    height: 100%;
    margin-bottom: 1px;
}
 
body {
  height: 100%;
  font-size: 14px;
  color: #212121; 
  background: #fff;
  font-family: Arial, Verdana, sans-serif;
}

html>body {
	font-size: 14px; 
}


/* Headings 13/21px
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
    font-family: Geneva,Arial,sans-serif;
    font-weight: normal;
    color: #222;
}

/*h1 {
	font-size: 2em;
	line-height: 0.807692em;
	margin-top: 0em;
	margin-bottom: 0.403846em;
}

h2 {
	font-size: 1.615385em;
	line-height: 1em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 1.384615em;
	line-height: 1.166667em;
	margin-top: 1.75em;
	margin-bottom: 0.583333em;
}

.post h3 {
    margin-top: 3.5em;
}

h4,h5,h6 {
	font-size: 1.230769em;
	line-height: 1.3125em;
	margin-top: 1.96875em;
	margin-bottom: 0.65625em;
}

.post h4, .post h5, .post h6 {
    margin-top: 2.953125em;
}*/

h1 {
    color: #006666;
    font-size: 26px;
    font-weight: bold;
}

h2 {
    color: #006666;
	font-size: 23px;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 0.5em;
}

h3 {
    color: #006666;
	font-size: 19px;
	line-height: 1.166667em;
	margin-top: 1.75em;
	margin-bottom: 0.583333em;
}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}

.post-header h2,
.post-header h3 {
    margin-top: 0;
}

p+h2,
.p-h2 {
    margin-top: 25px;
}

p.clear {
    margin-top: 25px;
}

.imgHeading {
    width: 660px;
    height: 61px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0 0 45px 0;
}

.imgHeadingFront {
    height: 92px;
}

.imgHeading span {
    display: none;
}

.imageGallery h1 {
    font-size: 20px;
    margin: 0 0 20px 0;
}

.footline {
    clear: both;
    width: 600px;
    height: 61px;
    margin: 0 auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.footline span {
    display: none;
}




span.heading {
    display: none;
}


/* Text elements 13/21px
-------------------------------------------------------------- */

p, ul, ol, dl, blockquote, pre, address, table {
	font-size: 14px;
	line-height: 21px;
    margin: 14px 0;
}

a {
    color: #136873;
    text-decoration: underline;
    border: none;
}

a:hover {
    color: #88c800;
    border-color: #999;
}

a:hover img {
    border: 1px solid #959595;
    background: #ddd;
}

blockquote  {
	margin-top: 1.615385em;
	margin-bottom: 1.615385em;
    color: #666;
    font-style: italic;
}

strong {
    font-weight: bold;
}

em,dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 0;
}

abbr, 
acronym {
    border-bottom: 1px dotted #666;
}

address {
	margin: 1.615385em;
    color: #666;
    font-style: italic;
}

del {
    color:#666;
}

pre, code, tt, kbd {
	font-size: 0.923077em;
	line-height: 1.75em;
    font-family: 'andale mono', 'lucida console', monospace;
    overflow: auto;
    color: #444;
    background: #f1f1f3;
}

pre {
    display: block;
    white-space: pre;
    margin: -0.875em 0 1.75em 0;
    padding: 0.875em 1.25em;
    background: #f1f1f3;
}

pre.block {
	margin: 1.75em;
}

pre.shell {
    background: #484848;
    color: #fff;
}

pre.standalone {
	margin-top: 1.75em;
}

pre.bottommargin {
    margin-bottom: 2.625em;
}

li pre {
    margin: .4375em 0 .875em 0;
}

h2 + pre, h3 + pre, h4 + pre, h5 + pre, h6 + pre {
	margin-top: 1.75em;
}

code,
kbd {
    display: inline;
    background: #f1f1f3;
    border-bottom: 1px solid #e1e1e1;
}


/* Lists
-------------------------------------------------------------- */

ul, ol      {
    margin: 0 1.615385em 1.615385em 3em;
}

li ul, 
li ol {
    margin: 0 0 0 1.615385em;
}

h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol {
    margin: 0 1.615385em 1.615385em 1.615385em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0.8076925em 0 1.615385em 0;
}

dl dt  {
    font-weight: bold;
}

dd {
    margin-left: 1.615385em;
}

ul dl {
    margin-left: 0;
}

.flat dt {
    display: block;
    float: left;
    width: 120px;
}

.flat dd {
    display: block;
    margin-left: 130px;
}

.wide dt {
    width: 200px;
}

.wide dd {
    margin-left: 210px;
}


/* Tables
-------------------------------------------------------------- */

table {
    width: 100%;
    border: 1px solid #ccc;
    border-width: 1px 0;
    margin: 0 0 1.615385em 0;
    text-align: left;
}

th {
    font-weight: bold;
    vertical-align: top;
}

tr th {
    width: 300px;
}

thead th {
    width: auto;
    background-color: #c3d9ff;
}

th,
td,
caption {
    padding: 4px 10px 4px 5px;
}

tr.even td {
    background-color: #e5ecf9;
}

td.heading {
    font-weight: bold;
}

td.short {
    width: 80px;
}

tfoot {
    font-style: italic;
}

caption {
    background-color: #eee;
}


/* Misc classes
-------------------------------------------------------------- */

.note {
    background: #dfd;
    border: 1px solid #bdb;
}

.important {
    background: #ffd;
    border: 1px solid #ddb;
}

.warning {
    background: #fdd;
    border: 1px solid #dbb;
}

.note,
.important,
.warning {
    padding: 1.2114em;
    border-width: 1px;
}

.small {
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
}

.large {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
}

.hide,
.hidden {
    display: none;
}

.quiet {
    color: #666;
}

.loud {
    color: #000;
}

.highlight {
    background-color: #ff0;
}

.added {
    background-color: #060;
    color: #fff;
}

.removed {
    background-color: #900;
    color: #fff;
}

.bold {
    font-weight: bold;
}

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

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

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

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

.required-marker {
    color: #d83b2a;
    font-family: monospace;
	font-size: 0.923077em;
    font-weight: bold;
}

.hspacer {
    display: block;
    width: 100%;
    height: 0.605769375em;
    margin: 1.615385em 0;
    border: solid #e1e1e1;
    border-width: 1px 0 0 0;
    background: #f5f5f5;    
}

.hspacer-bottom {
    border-width: 0 0 1px 0;
}

.stdmargin {
    margin: 1.615385em 0;
    
}

.nomargin {
    margin: 0;
}

.margin-top {
    margin-top: 1.615385em;
}

.margin-bottom {
    margin-bottom: 1.615385em;
}

.unIntended {
    margin-left: 0;
}

.lengthInfo {
    font-size: 12px;
    margin: -10px 0 -4px 0;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.615385em; 
  margin-bottom: 1.615385em; 
  background-color: #e5ecf9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background-color: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.615385em;
  border: none; 
}

hr.space {
  background-color: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

.entry-content img {
    margin-bottom: 1.615385em;
}


/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}


/* Default styles for Images
-------------------------------------------------------------- */ 

p img.left  { float: left; margin: 0 1em .75em 0; }
p img.right { float: right; margin: 0 0 .75em 1em; }

a img {
    display: block;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
}

.alignleft,
img.alignleft {
	float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
    margin-bottom: 20px;
}

.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}

.caption {
    border: 1px solid #e1e1e1;
    background: #f6f6f6;
    padding: 5px;
    padding-bottom: 0;
    text-align: center;
}

.caption img {
    display: block;
    margin: 0 auto;
}

.caption p {
    margin: 0;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
}

.imageblock img {
    margin: 0;
}

.imageblock .blockcaption {
    text-align: center;
    clear: left;
    color: #006666;
    margin: 20px 0 10px 0;
}

  
/* Layout
-------------------------------------------------------------- */ 

body {
    background: #fff;
}

#wrapper {
    width: 900px;
    border: 1px solid #000;
    margin: 15px auto;
    position: relative;
}

#branding,
#branding-home {
    display: none;
}

#header-banner {
    display: block;
    margin: 15px auto 0 auto;
    padding: 0;
}

#header-banner img {
    margin: 0;
    padding: 0;
    display: block;
    border: none;
    background: transparent;
}

#breadcrumbs {
    height: 30px;
    position: absolute;
    top: 180px;
    left: 10px;
}

#main {
    padding: 40px 0 20px 0;
	overflow: hidden;
    width: 100%;
}

#sidebar {
    width: 200px;
    float: right;
}

#sidebar-inner {
    padding: 0 0 0 10px;
}

#content {
    min-height: 10px;
    width: 700px;
    float: right;
    background: transparent url(../img/cankick_logo_sticker.jpg) no-repeat 580px bottom;
    padding: 0 0 120px 0;
}

#content a {
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

#content-inner {
    padding: 0 20px;
	overflow: hidden;
    width: 660px;
}

#footer {
    margin: 0;
    padding: 2px 0;
    font-size: 11px;
    background: #bad5d0;
    text-align: center;
}

#footer a {
    border: none;
    color: #000;
}



/* Main Menu
-------------------------------------------------------------- */ 

#sidebar ul,
#sidebar ul li,
#sidebar ul li a {
    margin: 0;
    padding: 0;
}

#sidebar ul {
    list-style: none;
}

#sidebar ul li {
    display: block;
    margin: 0 0 2px 0;
    padding: 0;
}

#sidebar ul li a {
    display: block;
    background: #167a87;
    color: #fff;
    border: 1px solid #000;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
    padding: 2px 5px;
}

#sidebar ul .active a {
    font-weight: bold;
}

#sidebar ul li a:hover {
    background: #0097ac;
}

#sidebar ul li ul {
    display: none;
    margin: 0;
    padding: 0;
}

#sidebar ul li ul li a {
    background: #bad5d0;
    color: #333;
    border: none;
    text-transform: none;
    padding: 2px 15px;
    margin: 0;
}

#sidebar ul .active ul {
    display: block;
    margin: 2px 0 0 0;
    padding: 0;
}

#sidebar ul .active ul li a {
    font-weight: normal;
}

#sidebar ul .active ul .active a,
#sidebar ul  li ul li a:hover {
    background: #bad5d0 url(../img/pfeilchen.gif) no-repeat 3px center;
}

#sidebar ul .active ul .active a {
    font-weight: bold;
}

#sidebar a img {
    margin: 0;
    padding: 0;
    border: none;
    padding: 0;
}


/* Activity list (frontpage)
-------------------------------------------------------------- */

.activityList {
}

.activityList .activity {
    display: block;
    width: 200px;
    margin: 0 10px 20px 10px;
    padding: 0 0 18px 0;
    float: left;
    background: transparent url(../../assets/images/teamfooter.png) no-repeat center bottom;
}

#content .activityList a {
    border: none;
    text-decoration: none;
}

.activityList .activity h2 {
    margin: 0;
    background: transparent url(../../assets/images/teamheader.png) no-repeat center top;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #fff;
}

.activityList .activity h2 a {
    color: #fff;
}

.activityList .activityImage a {
    display: block;
}

.activityList .activityImage a img {
    border: none;
    padding: 0;
    display: block;
}

/* Member list
-------------------------------------------------------------- */

.memberList .member {
    width: 29%;
    margin: 0 1% 30px 1%;
    padding: 0 0 18px 0;
    float: left;
    background: transparent url(../../assets/images/teamfooter.png) no-repeat center bottom;
}

.memberList .member h2 {
    margin: 0;
    background: transparent url(../../assets/images/teamheader.png) no-repeat center top;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #fff;
}

.memberList .memberContent {
    padding: 10px 5px;
    border: dotted #333;
    border-width: 0 1px;
    height: 400px;
}

.memberList .memberImage {
    margin: 0;
    padding: 0;
    text-align: center;
}

.memberList .memberDescription {
    margin: 0;
    padding: 0;
    text-align: center;
}

.memberList .memberDescription p {
    line-height: 1.2;
}


/* Wochenprogramm
-------------------------------------------------------------- */

.weekSchedule {
    border: 1px dotted #333;
    padding: 5px;
    margin: 0 0 20px 0;
	overflow: hidden;
    width: 648px;
}

.weekSchedule .day {
    font-size: 22px;
    color: #006666;
    margin: 5px 0 10px 0;
    
}

.weekSchedule .content {
}

.weekSchedule .content .image {
    height: 100%;
    width: 300px;
    float: left;
}

.weekSchedule .content h2 {
    font-size: 18px;
    margin: 0 0 10px 0;
}

.weekSchedule .content h3 {
    font-size: 14px;
    margin: 0 0 20px 0;
}

.weekSchedule .content .facts {
    margin-left: 20px;
    width: 320px;
    float: left;
}

.weekSchedule .content .facts  table {
    border: none;
    margin: 0;
}

.weekSchedule .content .facts  table th {
    width: 100px;
    padding: 0;
}


/* Unterkuenfte
-------------------------------------------------------------- */ 

.housing {
    border: 1px dotted #333;
    padding: 5px;
    margin: 0 0 20px 0;
	overflow: hidden;
    width: 648px;
}

.housing .content {
    width: 330px;
    float: left;
}

.housing .image {
    width: 300px;
    float: left;
    margin: 0 0 0 18px;
}

.housing .content h3 {
    margin: 0;
}

.housing .content p {
    margin: 5px 0;
}
.housing .content table {
    margin: 0;
    border: none;
    font-size: 13px;
}

.housing .content th {
    padding: 0;
    width: 85px;
}

.housing .content td {
    padding: 0;
}

/* Image galleries
-------------------------------------------------------------- */ 

.galleryBox {
    border: 1px dotted #333;
    padding: 5px;
    margin: 0 auto 20px auto;
    width: 80%;
}

.galleryBox h3 {
    margin: 20px 0 0 0;
    font-size: 18px;
}

.galleryBox p {
    margin: 5px 0 0 0;
}

.galleryBox .image {
    width: 100px;
    float: left;
}

.galleryBox .content {
    float: left;
    margin: 0 0 0 20px;
}

.imageGallery .gallery {
    list-style: none;
    margin: 0;
    padding: 0;
}

.imageGallery .gallery li {
    display: block;
    width: 33%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
}



/* Contact form
-------------------------------------------------------------- */ 

#anfrageForm {
    margin: -25px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #333;
    background: transparent url(../../assets/images/karabiner.jpg) no-repeat 400px 20px;
}

.errors {
    clear: both;
    margin: 25px 0 50px 0;
    line-height: 1.7;
}

#anfrageForm div {
    margin: 0 0 10px 0;
}

#anfrageForm div label {
    display: block;
    width: 150px;
    float: left;
    font-weight: boldd;
}

#anfrageForm div input,
#anfrageForm div select,
#anfrageForm div textarea {
    display: block;
    float: left;
    border: 1px solid #aaa;
}

#anfrageForm div input:focus,
#anfrageForm div select:focus,
#anfrageForm div textarea:focus {
    border-color: #333;
}

#anfrageForm div input,
#anfrageForm div textarea {
    padding: 2px 5px;
    background: transparent;
}

#anfrageForm div input {
    width: 200px;
}

#anfrageForm div textarea {
    width: 400px;
    height: 250px;
}

#anfrageForm .submit input {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0.5em 0 2em 150px;
    padding: 5px 8px;
    text-transform: uppercase;
    width: auto;
}


/* Search
-------------------------------------------------------------- */ 

#sidebarSearch {
    margin: 20px 0 20px 0;
}

#sidebarSearch #ajaxSearch_input {
    width: 178px;
    display: block;
    margin: 0 0 5px 0;
    padding: 3px 5px;
    border: 1px solid #aaa;
}

#sidebarSearch #ajaxSearch_input:focus {
    border-color: #333;
}

.ajaxSearch_result {
    margin: 20px 0 0 0;
}

/* Tour Info Tables
-------------------------------------------------------------- */ 

.tourInfoBox {
    padding: 0 0 50px 0;
    margin: -45px 0 30px 0;
    background: transparent url(../../assets/images/lines/DieTour.gif) no-repeat center bottom;
}

.tourInfo {
    margin: 0 0 20px 0;
    padding: 0;
    border: 1px dotted #222;
}

.tourInfo caption {
    margin: 10px 0 0 0;
    padding: 5px 0;
    background: none;
    color: #006666;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

.tourInfo th {
    color: #006666;
    font-weight: bold;
    width: 150px;
}

.tourInfo td table {
    border: none;
    margin: 0;
    padding: 0;
}

.tourInfo td table td,
.tourInfo td table th {
    margin: 0;
    padding: 0;
}

.tourInfo td table th {
    color: #212121;
    font-weight: normal;
    width: 200px;
}


/* Price table
-------------------------------------------------------------- */ 

.priceTable,
.priceTable table {
    border: none;
}

.priceTable th {
    width: 150px;
}

.priceTable .type {
    width: 50px;
}

.priceTable .price {
    width: 100px;
}

.priceTableSimple th {
    width: 500px;
}


/* vCard
-------------------------------------------------------------- */ 

.vcard {
    width: 80%;
    border: 1px dotted #333;
    margin: -30px auto 0 auto;
    padding: 15px;
}

.vcard .fn,
.vcard .org,
.vcard .street-address,
.vcard .country {
    margin-bottom: 5px;
}

.vcard .fn {
    margin-bottom: 10px;
    font-weight: bold;
}

.vcard table {
    margin: 15px 0 0 0;
    border: none;
}

.vcard table th {
    width: 220px;
    padding: 0;
}

.vcard-download {
    text-align: center;
}

#content .vcard-download a {
    font-weight: bold;
    padding: 0 0 0 28px;
    border: none;
    background: transparent url(../../assets/images/vcfcard.jpg) no-repeat left center;
}
























/* Clearfix
-------------------------------------------------------------- */ 

form:after,
#main:after,
.imageblock:after,
#anfrageForm div:after,
.weekSchedule .content:after,
.housing:after,
.activityList:after,
.imageGallery .gallery:after,
.galleryBox:after,
.memberList:after {
    content: ".";
    display: block;
    clear:both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

/* TinyMCE display
-------------------------------------------------------------- */ 

#tinymce {
    margin: 0;
    padding: 10px;
}

#tinymce p {
    margin: 0 0 10px 0;
}