/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child+html .clearfix {
    zoom: 1;
}
/* IE7 */
/*End Reset*/

@font-face {
    font-family: 'QuicksandBook';
    src: url('fonts/Quicksand_Book-webfont.eot');
	src: url('fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
		 font-weight: normal;
		 font-style: normal;
}
	
body {
    text-rendering: optimizeLegibility;
	font-family: QuicksandBook, Arial, Helvetica, sans-serif;
	color:#888888;
	margin: 0 auto;
	background: url(images/bg_main.png) repeat scroll 0% 0%;
	overflow: scroll;
}

.content-frame{
	margin: 0 auto;
	width: 1024px;
	min-height: 100%;
    }
	
.slide:hover{
	cursor:pointer;
	}
		

/* Header */
#top {
	position:fixed;
	font-family: QuicksandBook,sans-serif;
	list-style: none;
	width: 100%;
	height: 7%;
	z-index: 1;
	opacity: 0.3;
	filter: alpha(opacity= 30);
	background: #F00000;
}

#top ul{
	position:relative;
	float: left;
	width: 90%;
	top: 25%;
	left: 2%;
}

#top ul li{
	display:inline-block;
	height: 7%;
}

#top ul li.right{
	padding-top: 10px;
	float:right;
	height: 110%;
}

#top a img{
	position:relative;
    text-indent: -9999px;
	opacity: 0.8;
	filter: alpha(opacity= 80);
	float:right;
	width: 5%;
	top: 20%;
	right: 2%;

}
#top a img:hover{
	opacity: 1.0;
	filter: alpha(opacity= 100);
}

#top h1:hover{
	opacity: 0.8;
}
h1.oben a{
	position:relative;
	height: 100%;
	top: -20px;
	font-size:0.7em;
	color: #FFFFFF;
	text-decoration:underline;
	}
	
h1.donate a{
	position:relative;
	height: 100%;
	text-align: center;
	font-size: 2.5em;
	color: #FFFFFF;
	text-decoration:none;
	}
	
h1.fb a{
	position:relative;
	height: 100%;
	text-align: center;
	font-size: 1.5em;
	color: #FFFFFF;
	text-decoration:none;
	}
	
h1 ul li.left{
	float: left;
}
h1 ul li.right{
	float: right;
}
/* 1 Folie */

img.picture_frina{
	position: relative;
	top: 5%;
	left: 70%;
	height: 35%;
	}

.first{
	}
    
.first .content-frame .content{
    height: 600px;
	margin: auto;
	background: url(images/bg_page1.png) no-repeat scroll left top transparent;
    }


/* 2 Folie */

article.me{
	position: relative;
	display: block;
	top: 100px;
	margin: 0 auto;
	left: 100px;
}

p.text{
	font-family: QuicksandBook, sans-serif;
	display: block;
	font-size: 1.0em;
	color: #666666;
	text-decoration:none;
}

h1.text{
	font-family: QuicksandBook, sans-serif;
	display: block;
	font-size: 1.3em;
	color: #666666;
	text-decoration:none;
	text-transform: uppercase;
	}
	
p.text_me{
	position: relative;
	float:left;
	font-family: QuicksandBook, sans-serif;
	font-size: 1.0em;
	color: #666666;
	text-decoration:none;
	width: 400px;
	height: 400px;
	overflow:auto;
	}

img.picture_frina2{
	position: relative;
	float: left;
	height: 400px;
	left:100px;
	}

.second{
	}
	
.second .content-frame .content{
    height: 600px;
	background: url(images/about_me.png) no-repeat scroll left top transparent;
	background-size:250px;
	margin: auto;
    }
	
/* 3 Folie */

article.run{
	position: relative;
	display: block;
	left: 100px;
	width: 500px;
	float: left;
	
}

p.text_run{
	position: relative;
	float: left;
	font-family: QuicksandBook, sans-serif;
	font-size: 1.0em;
	color: #666666;
	text-decoration:none;
	overflow: auto;
	height: 500px;
}
	
img.picture_start_ziel{
	position: relative;
	float: left;
	height: 300px;
	top: 200px;
	}
	
.third{
	}
	
.third .content-frame .content{
    height: 600px;
	background: url(images/running.png) no-repeat scroll left top transparent;
	background-size: 35%;
	margin: auto;
    }
/* 4 Folie */

div.buddy{
	position: relative;
	float: left;
	top: -200px;
	width: 500px;
}

img.buddy{
	position:relative;
	float:left;
	opacity: 0.6;
	filter: alpha(opacity= 60);
	width: 150px;
	}
	
img.picture_muyu{
	position:relative;
	float:left;
	height: 200px;
}

p.buddy{
	position: relative;
	float: left;
	top: 10px;
	left: 20px;
	width: 300px;
	font-family: QuicksandBook, sans-serif;
	font-size: 1.0em;
	color: #666666;
	text-decoration:none;
	}
	
div.luya{
	position: relative;
	float: left;
	left: 200px;
	top: 100px;
	width: 400px;
}	
img.luyu{
	position: relative;
	float: left;
	top: 25px;
	left: 20px;
	opacity: 0.8;
	filter: alpha(opacity= 80);
	width: 150px;
	}
	
img.picture_luyu{
	position: relative;
	float: left;
	width: 180px;
	}

p.luya{
	position: relative;
	float: left;
	display: block;
	width: 450px;
	top: 20px;
	font-family: QuicksandBook, sans-serif;
	font-size: 1.0em;
	color: #666666;
	text-decoration:none;
	}

div.miemies{
	position:relative;
	float: right;
	left: 100px;
	width: 500px;
}

img.mrmie{
	position: relative;
	float: left;
	opacity: 0.8;
	filter: alpha(opacity= 80);
	width: 210px;
	}

img.mr_bebi{
	position:relative;
	float: left;
	left: 20px;
	opacity: 0.6;
	filter: alpha(opacity= 60);
	width: 150px;
	}

img.picture_mrmie{
	clear: both;
	position: relative;
	float: left;
	width: 180px;
	z-index: 1;
	}	
	
img.picture_bebi{
	position: relative;
	float: left;
	top: 20px;
	left: 0px;
	width: 180px;
}

p.miezen{
	clear: both;
	position: relative;
	top: 50px;
	width: 350px;
	display:block;
	font-family: QuicksandBook, sans-serif;
	font-size: 1.0em;
	color: #666666;
	text-decoration:none;
	}

.fourth{
	}
	
.fourth .content-frame .content{
    height: 600px;
	background: url(images/my_hearts.png) no-repeat scroll left top transparent;
	background-size: 135px;
	margin: 0 auto;
    }