@charset "utf-8";
/* CSS Document */

*	{padding:0; margin:0;}

body	{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:16px;
		font-weight:normal;
		background-color:#999;
		}
		
html	{
		height:101%;
		}
		
#wrapper{
		height:100%;
		width:100%;
		}

#page	{
		width:1000px;
		margin:30px auto;
		background-color:#F0F0F0;
		box-shadow: 1px 1px 10px #666;
		border:solid 2px #666;
		}
		
#navi	{
		height:50px;
		text-align:center;
		line-height:50px;
		vertical-align:middle;
		background-image:url(../images/navibar_gradient.png);
		background-repeat:repeat-x;
		}
		
#text	{
		float:left;
		padding:10px 30px;
		width:738px;
		border-right:solid 2px #666;
		text-align:justify;
		}
		
#rechteleiste	{
				float:left;
				}
				
#footer	{
		clear:both;
		background-color:#999;
		font-size:10px;
		text-align:right;
		border-top:solid 1px #666;
		}
		
div.player	{
			width:620px;
			margin:50px auto;
			display:block;
			}
		
p.footer	{
			margin-right:15px;
			}
		
ul.navi	{
		text-decoration:none;
		}
		
li.navi	{
		display:inline;
		margin-left:2em;
		font-size:24px;
		color:white;
		letter-spacing:0.1em;
		}
		
li.navi1	{
			display:inline;
			font-size:24px;
			color:white;
			}
			
a.navi	{
		text-decoration:none;
		color:white;
		}
		
a.navi:hover	{
				color:#CCC;
				}
				
p.text	{
		margin-top:1em;
		}
			
h1, h2, h3, h4	{
				text-align:center;
				margin:1em auto;
				color:#900;
				}
				
p.frage	{
		font-style:italic;
		color:#900;
		margin-top:15px;
		}
		
img.eindruecke	{
				width:600px;
				margin-left:69px;
				margin-top:20px;
				}
				
p.button	{
			margin-top:5px;
			margin-bottom:10px;
			}
			
p.gb_eintrag	{
				margin-top:5px;
				}
				
/* ################################################## Rechte Leiste ########################################################## */

p.rechts	{
			margin-top:20px;
			margin-left:20px;
			font-size:18px;
			color:#900;
			}
			
p.rechts_ohne	{
				margin-left:20px;
				margin-top:10px;
				font-size:16px;
				margin-bottom:20px;
				}
			
p.beschreibung	{
				margin-left:20px;
				margin-top:5px;
				}
			
ul.monate	{
			position:relative;
			left:20px;
			margin-top:10px;
			}
			
ul.monate li	{
				list-style:none;
				}
				
/* ############################################# Galerie ################################ */

.imageRow {
  *zoom: 1;
  margin: 20px 0;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.imageRow:after {
  content: "";
  display: table;
  clear: both;
}
/* line 321, ../sass/screen.sass */
.imageRow .single {
  float: left;
}
/* line 323, ../sass/screen.sass */
.imageRow .single a {
  float: left;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  padding: 7px;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 40px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 333, ../sass/screen.sass */
.imageRow .single a img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
/* line 336, ../sass/screen.sass */
.imageRow .single a:hover {
  background-color: #900;
}
/* line 338, ../sass/screen.sass */
.imageRow .set {
  float: left;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 344, ../sass/screen.sass */
.imageRow .set:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* line 347, ../sass/screen.sass */
.imageRow .set .single a {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 0;
}
/* line 352, ../sass/screen.sass */
.imageRow .set .single a:hover {
  background-color: #900;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
/* line 356, ../sass/screen.sass */
.imageRow .set .single.first a {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 359, ../sass/screen.sass */
.imageRow .set .single.last a {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.blog_eintrag {
    margin-bottom: 2em;
}

p.datum {
    color: #666;
    font-size: 14px;
    font-style: italic;
    margin-top: -0.5em;
}

hr.trennlinie {
    border: none;
    border-top: 1px dashed #999;
    margin: 2em 0;
}

/* Video page styling */
.video_container {
    max-width: 640px;
}

.video_container h3 {
    margin-top: 2em;
    margin-bottom: 0.5em;
    text-align: left;
}

.video_container iframe {
    display: block;
    margin: 1em 0 2em 0;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}