/******************************** 

    RESET

 ********************************/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption
{
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	outline: none;
}

table
{
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td
{
	text-align: left;
	font-weight: normal;
}

table,
td,
th
{
	vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}

blockquote,
q
{
	quotes: "" "";
}

a img
{
	border: none;
}

img
{
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

pre,
code,
kbd,
samp,
var,
output
{
	white-space: pre;
}

mark
{
	background: #ffffd9;
}

ul,
ol,
dl
{
	list-style-type: none;
}

nav,
section,
article,
header,
aside,
footer,
figure,
dialog
{
	display: block;
}

time,
progress,
mark,
output
{
	display: inline;
}

/******************************** 

    INCLUDES

 ********************************/
/* --------------------------------------------------------------



   typography.css

   * Sets up some sensible default typography.



-------------------------------------------------------------- */
@font-face
{
	font-family: Gillsans;
	src: url(/reitarena/styles/GillSansStd.eot);
	src: local('Gillsans light'), url(/reitarena/styles/GillSansStd.otf) format('opentype');
}

/* Default font settings.

   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html
{
	font-size: 100.01%;
}

body
{
	font-size: 80%;
	color: #FFFFFF;
	font-family: Gillsans, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}

/* Headings

-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: normal;
}

h1
{
	font-size: 3em;
	line-height: 1;
	margin-bottom: 0.5em;
}

h2
{
	font-size: 2em;
	margin-bottom: 0.75em;
}

h3
{
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
}

h4
{
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}

h5
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

h6
{
	font-size: 1em;
	font-weight: bold;
}

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

/* Text elements

-------------------------------------------------------------- */
p img.left
{
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}

p img.right
{
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}

blockquote
{
	margin: 1.5em;
	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: 0 0 1.5em;
	font-style: italic;
}

del
{
	color: #666;
}

pre
{
	margin: 1.5em 0;
	white-space: pre;
}

pre,
code,
tt
{
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}

/* Tables

-------------------------------------------------------------- */
table
{
	margin-bottom: 1.4em;
	width: 100%;
}

th
{
	font-weight: bold;
}

thead th
{
	background: #c3d9ff;
}

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

tr.even td
{
	background: #e5ecf9;
}

tfoot
{
	font-style: italic;
}

caption
{
	background: #eee;
}

/* Misc classes

-------------------------------------------------------------- */
.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
{
	display: none;
}

.quiet
{
	color: #666;
}

.loud
{
	color: #000;
}

.highlight
{
	background: #ff0;
}

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

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

.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;
}

/******************************** 

    LAYOUT - 1 column

 ********************************/
body #header
{
	width: 960px;
	position: relative;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
}

body #content
{
	width: 960px;
	position: relative;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
}

body #footer
{
	width: 960px;
	position: relative;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
}

#wrapper
{
	width: 960px;
	margin: 0 auto;
	position: relative;
	min-height: 400px;
}

/******************************** 

    GRID

 ********************************/
/******************************** 

    CONSTANTS

 ********************************/
/******************************** 

    MIXINS

 ********************************/
/******************************** 

    STYLES

 ********************************/
a,
a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

a:hover, a:focus
{
	text-decoration: underline;
}

a.active:hover, a.active:focus
{
	text-decoration: none;
}

html
{
	height: 101%;
}

body
{
	background: #E15F3D;
}

body.kidsclub
{
	background: #333333;
}

#wrapper
{
	background: #333333;
	margin: 50px auto;
}

#header,
#content,
#footer
{
	position: relative;
	background: #333333 no-repeat right 5px;
}

.kidsclub.green #header,
.kidsclub.green #content,
.kidsclub.green #footer
{
	background-color: #85AA1C;
}

.kidsclub.blue #header,
.kidsclub.blue #content,
.kidsclub.blue #footer
{
	background-color: #119DB5;
}

.kidsclub.yellow #header,
.kidsclub.yellow #content,
.kidsclub.yellow #footer,
.kidsclub.yellow #header blockquote,
.kidsclub.yellow #footer a
{
	background-color: #FEA023;
	color: #333333;
}

.kidsclub.yellow #header a
{
	color: #333333;
}

.kidsclub.orange #header,
.kidsclub.orange #content,
.kidsclub.orange #footer
{
	background-color: #E15F3D;
}

/*--- header ---*/
#header
{
	height: 104px;
}

#header h1 a
{
	text-indent: -9999em;
	display: block;
	width: 110px;
	height: 85px;
	background: url(/reitarena/images/logo_reitarena.png) no-repeat;
	margin: 20px;
	float: left;
	width: 200px;
	position: absolute;
}

.kidsclub #header h1 a
{
	background: url(/reitarena/images/kidsclub_logo.png) no-repeat;
}

.kidsclub.green #header h1 a
{
	background-position: 0 -3px;
}

.kidsclub.blue #header h1 a
{
	background-position: 0 -94px;
}

.kidsclub.yellow #header h1 a
{
	background-position: 0 -185px;
}

.kidsclub.orange #header h1 a
{
	background-position: 0 -276px;
}

.reitunterricht #header h1 a
{
	background: url(/reitarena/images/logo_christiane.png) no-repeat 0 -2px;
}

#header #lang
{
	position: absolute;
	right: 20px;
	top: 10px;
}

#header #lang li
{
	display: inline;
}

#header #lang li a
{
	display: inline-block;
	padding: 10px 15px;
}

#header blockquote
{
	font-size: 2.3em;
	font-weight: 100;
	position: absolute;
	right: 50px;
	top: 15px;
	color: #999999;
	display: none;
}

.kidsclub #header blockquote
{
	color: #FFFFFF;
}

/*--- content ---*/
#content
{
	min-height: 400px;
}

#content div#nav
{
	overflow: hidden !important;
	height: 486px;
	width: 806px;
	margin: 20px auto;
	position: relative;
}

#content ul#navigation
{
	width: 800px;
	margin: 20px auto;
}

#content ul#navigation li
{
	display: inline;
	margin: 0 5px;
}

#content ul#navigation li a
{
	display: inline-block;
	height: 352px;
	width: 252px;
	position: relative;
	text-align: center;
	background-position: bottom center;
}

#content ul#navigation li a.active
{
	opacity: 1;
	color: #E15F3D;
}

#content ul#navigation li a:hover, #content ul li a:focus
{
	text-decoration: none;
}

#content ul#navigation li a.kidsclub
{
	background: url(/reitarena/images/home_kidsclub.png) no-repeat;
	text-align: center;
}

#content ul#navigation li a.reitanlage
{
	background: url(/reitarena/images/home_reitanlage.png) no-repeat;
	text-align: center;
}

#content ul#navigation li a.reitunterricht
{
	background: url(/reitarena/images/home_reitunterricht.png) no-repeat;
	text-align: center;
}

#content ul#navigation li a span
{
	position: absolute;
	bottom: 2px;
	font-size: 1.3em;
	display: inline-block;
	width: 100%;
}

.page #content ul#navigation
{
	height: 50px;
	overflow: hidden;
	position: absolute;
	margin: 3px;
	z-index: 10;
}

.page #content ul#navigation li
{
	margin: 0 5px;
}

.page #content ul#navigation li a
{
	top: -320px;
}

.impressum #content
{
	width: 860px;
	padding: 0 50px;
}

#content ul#slideshow
{
	width: 800px;
	height: 480px;
	margin: 0 auto;
	border: 3px solid  #FFFFFF;
}

#content ul#slideshow li
{
	position: absolute;
}

#content ul#subnavigation
{
	position: absolute;
	left: 20px;
	bottom: 5px;
	z-index: 10;
}

#content ul#subnavigation li
{
	display: inline;
}

#content ul#subnavigation li a
{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	padding: 10px 15px 5px 15px;
	font-size: 1.2em;
	background: #333333 url(/reitarena/images/subnavi_bg.png) repeat-x 0 2px;
	border-bottom: 3px solid  #FFFFFF;
}

#content ul#subnavigation li a.green
{
	background-color: #85AA1C;
}

#content ul#subnavigation li a.blue
{
	background-color: #119DB5;
}

#content ul#subnavigation li a.yellow
{
	background-color: #FEA023;
}

#content ul#subnavigation li a.orange
{
	background-color: #E15F3D;
}

#content ul#subnavigation li a.active
{
	border-bottom: 3px solid  #333333;
	color: #E15F3D;
	background: #333333;
}

.green #content ul#subnavigation li a.active
{
	background: #85AA1C;
	border-bottom: 3px solid  #85AA1C;
	color: #333333;
}

.blue #content ul#subnavigation li a.active
{
	background: #119DB5;
	border-bottom: 3px solid  #119DB5;
	color: #333333;
}

.yellow #content ul#subnavigation li a.active
{
	background: #FEA023;
	border-bottom: 3px solid  #FEA023;
	color: #333333;
}

.orange #content ul#subnavigation li a.active
{
	background: #E15F3D;
	border-bottom: 3px solid  #E15F3D;
	color: #333333;
}

#content a#anmelden
{
	display: block;
	position: absolute;
	right: 100px;
	width: 105px;
	height: 105px;
	background: url(/reitarena/images/button_anmelden.png) no-repeat;
}

#content a#anmelden span
{
	font-size: 1.5em;
	position: absolute;
	display: block;
	top: 45px;
	left: 8px;
	width: 90px;
	text-align: center;
}

#content #tabs
{
	position: relative;
}

#content div.tab
{
	margin: 30px 80px;
	display: none;
	min-height: 100px;
	width: 600px;
}

#content div.tab a,
#content div.tab a:visited
{
	color: #E15F3D;
}

.kidsclub #content div.tab a,
.kidsclub #content div.tab a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}

#content div.tab img
{
	border: 3px solid  #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content div.tab img.left
{
	float: left;
	margin: 10px 20px 5px 0;
}

#content div.tab img.right
{
	float: right;
	margin: 10px 0 5px 20px;
}

#content div.tab img.center
{
	display: block;
	margin: 10px auto;
}

/*--- footer ---*/
#footer
{
	height: 80px;
	padding: 20px 0;
}

.kidsclub.green #footer,
.kidsclub.blue #footer,
.kidsclub.yellow #footer,
.kidsclub.orange #footer
{
	background-image: url(/reitarena/images/kidsclub_bg.png);
}

#footer div
{
	position: absolute;
	left: 20px;
	bottom: 20px;
}

#footer div a#logosolito img
{
	margin: 0 0 -25px 0;
	width: 60px;
}

#footer a#unterkunft
{
	display: block;
	height: 163px;
	width: 163px;
	background: url(/reitarena/images/button_unterkunft.png) no-repeat;
	position: absolute;
	left: 399px;
	bottom: -40px;
	text-align: center;
}

.kidsclub #footer a#unterkunft
{
	background: url(/reitarena/images/button_unterkunft_yellow.png) no-repeat;
	color: #333333;
}

#footer a#unterkunft span
{
	font-size: 1.8em;
	font-weight: 100;
	font-style: italic;
	position: absolute;
	top: 70px;
	left: 0;
	width: 163px;
	text-align: center;
}

#footer ul
{
	position: absolute;
	bottom: 10px;
	right: 25px;
}

.kidsclub #footer ul
{
	right: 180px;
}

#footer ul li
{
	display: inline;
}

#footer ul li a
{
	display: inline-block;
	display: inline-block;
	padding: 10px 15px;
}

.grid-overlay
{
	background: url('/reitarena/styles/scaffold/cache/Layout/0_60_0_18_grid.png');
}

.columns-1
{
	width: 60px;
}

.push-1
{
	left: 60px;
	margin-right: 60px;
}

.pull-1
{
	left: -60px;
	margin-right: -60px;
}

.append-1
{
	padding-right: 60px;
}

.prepend-1
{
	padding-left: 60px;
}

.baseline-1
{
	height: 18px;
}

.baseline-up-1
{
	top: -18px;
}

.baseline-down-1
{
	top: 18px;
}

.columns-2
{
	width: 120px;
}

.push-2
{
	left: 120px;
	margin-right: 120px;
}

.pull-2
{
	left: -120px;
	margin-right: -120px;
}

.append-2
{
	padding-right: 120px;
}

.prepend-2
{
	padding-left: 120px;
}

.baseline-2
{
	height: 36px;
}

.baseline-up-2
{
	top: -36px;
}

.baseline-down-2
{
	top: 36px;
}

.columns-3
{
	width: 180px;
}

.push-3
{
	left: 180px;
	margin-right: 180px;
}

.pull-3
{
	left: -180px;
	margin-right: -180px;
}

.append-3
{
	padding-right: 180px;
}

.prepend-3
{
	padding-left: 180px;
}

.baseline-3
{
	height: 54px;
}

.baseline-up-3
{
	top: -54px;
}

.baseline-down-3
{
	top: 54px;
}

.columns-4
{
	width: 240px;
}

.push-4
{
	left: 240px;
	margin-right: 240px;
}

.pull-4
{
	left: -240px;
	margin-right: -240px;
}

.append-4
{
	padding-right: 240px;
}

.prepend-4
{
	padding-left: 240px;
}

.baseline-4
{
	height: 72px;
}

.baseline-up-4
{
	top: -72px;
}

.baseline-down-4
{
	top: 72px;
}

.columns-5
{
	width: 300px;
}

.push-5
{
	left: 300px;
	margin-right: 300px;
}

.pull-5
{
	left: -300px;
	margin-right: -300px;
}

.append-5
{
	padding-right: 300px;
}

.prepend-5
{
	padding-left: 300px;
}

.baseline-5
{
	height: 90px;
}

.baseline-up-5
{
	top: -90px;
}

.baseline-down-5
{
	top: 90px;
}

.columns-6
{
	width: 360px;
}

.push-6
{
	left: 360px;
	margin-right: 360px;
}

.pull-6
{
	left: -360px;
	margin-right: -360px;
}

.append-6
{
	padding-right: 360px;
}

.prepend-6
{
	padding-left: 360px;
}

.baseline-6
{
	height: 108px;
}

.baseline-up-6
{
	top: -108px;
}

.baseline-down-6
{
	top: 108px;
}

.columns-7
{
	width: 420px;
}

.push-7
{
	left: 420px;
	margin-right: 420px;
}

.pull-7
{
	left: -420px;
	margin-right: -420px;
}

.append-7
{
	padding-right: 420px;
}

.prepend-7
{
	padding-left: 420px;
}

.baseline-7
{
	height: 126px;
}

.baseline-up-7
{
	top: -126px;
}

.baseline-down-7
{
	top: 126px;
}

.columns-8
{
	width: 480px;
}

.push-8
{
	left: 480px;
	margin-right: 480px;
}

.pull-8
{
	left: -480px;
	margin-right: -480px;
}

.append-8
{
	padding-right: 480px;
}

.prepend-8
{
	padding-left: 480px;
}

.baseline-8
{
	height: 144px;
}

.baseline-up-8
{
	top: -144px;
}

.baseline-down-8
{
	top: 144px;
}

.columns-9
{
	width: 540px;
}

.push-9
{
	left: 540px;
	margin-right: 540px;
}

.pull-9
{
	left: -540px;
	margin-right: -540px;
}

.append-9
{
	padding-right: 540px;
}

.prepend-9
{
	padding-left: 540px;
}

.baseline-9
{
	height: 162px;
}

.baseline-up-9
{
	top: -162px;
}

.baseline-down-9
{
	top: 162px;
}

.columns-10
{
	width: 600px;
}

.push-10
{
	left: 600px;
	margin-right: 600px;
}

.pull-10
{
	left: -600px;
	margin-right: -600px;
}

.append-10
{
	padding-right: 600px;
}

.prepend-10
{
	padding-left: 600px;
}

.baseline-10
{
	height: 180px;
}

.baseline-up-10
{
	top: -180px;
}

.baseline-down-10
{
	top: 180px;
}

.columns-11
{
	width: 660px;
}

.push-11
{
	left: 660px;
	margin-right: 660px;
}

.pull-11
{
	left: -660px;
	margin-right: -660px;
}

.append-11
{
	padding-right: 660px;
}

.prepend-11
{
	padding-left: 660px;
}

.baseline-11
{
	height: 198px;
}

.baseline-up-11
{
	top: -198px;
}

.baseline-down-11
{
	top: 198px;
}

.columns-12
{
	width: 720px;
}

.push-12
{
	left: 720px;
	margin-right: 720px;
}

.pull-12
{
	left: -720px;
	margin-right: -720px;
}

.append-12
{
	padding-right: 720px;
}

.prepend-12
{
	padding-left: 720px;
}

.baseline-12
{
	height: 216px;
}

.baseline-up-12
{
	top: -216px;
}

.baseline-down-12
{
	top: 216px;
}

.columns-13
{
	width: 780px;
}

.push-13
{
	left: 780px;
	margin-right: 780px;
}

.pull-13
{
	left: -780px;
	margin-right: -780px;
}

.append-13
{
	padding-right: 780px;
}

.prepend-13
{
	padding-left: 780px;
}

.baseline-13
{
	height: 234px;
}

.baseline-up-13
{
	top: -234px;
}

.baseline-down-13
{
	top: 234px;
}

.columns-14
{
	width: 840px;
}

.push-14
{
	left: 840px;
	margin-right: 840px;
}

.pull-14
{
	left: -840px;
	margin-right: -840px;
}

.append-14
{
	padding-right: 840px;
}

.prepend-14
{
	padding-left: 840px;
}

.baseline-14
{
	height: 252px;
}

.baseline-up-14
{
	top: -252px;
}

.baseline-down-14
{
	top: 252px;
}

.columns-15
{
	width: 900px;
}

.push-15
{
	left: 900px;
	margin-right: 900px;
}

.pull-15
{
	left: -900px;
	margin-right: -900px;
}

.append-15
{
	padding-right: 900px;
}

.prepend-15
{
	padding-left: 900px;
}

.baseline-15
{
	height: 270px;
}

.baseline-up-15
{
	top: -270px;
}

.baseline-down-15
{
	top: 270px;
}

.columns-16
{
	width: 960px;
}

.push-16
{
	left: 960px;
	margin-right: 960px;
}

.pull-16
{
	left: -960px;
	margin-right: -960px;
}

.append-16
{
	padding-right: 960px;
}

.prepend-16
{
	padding-left: 960px;
}

.baseline-16
{
	height: 288px;
}

.baseline-up-16
{
	top: -288px;
}

.baseline-down-16
{
	top: 288px;
}

.columns-1,
.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-6,
.columns-7,
.columns-8,
.columns-9,
.columns-10,
.columns-11,
.columns-12,
.columns-13,
.columns-14,
.columns-15,
.columns-16
{
	position: relative;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
}