/* reset.css */
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, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:middle;}

body {font-size:12px;color:#222;background:#ffffff;font-family:Verdana,Arial,Helvetica,sans-serif; line-height:1.4; margin:0.5em;}

.headline1 {color:#FF7200; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; margin-left:10px; margin-top:21px; text-transform:uppercase;}
.headline1_right {color:#FF7200; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; margin-left:0px; line-height:2.0; margin-top:10px; text-transform:uppercase;}
.headline2 {color:#585858; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:11px; margin-left:0px; line-height:1.4;}
.headline_fotogallery {color:#585858; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; margin-left:40px;}

a.textlink, a.textlink:visited {background:#ffffff; color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; text-decoration:none;}
a.textlink:hover {background:#ffffff; color:#000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; text-decoration:underline;}


.container {width:1000px; height:540px; margin:0 auto;}
.container-foto {width:1000px; height:563px; margin:0 auto;}
.container-foto08 {width:1000px; height:928px; margin:0 auto;}
.container-blog {width:1000px; height:1376px; margin:0 auto;}
.container-disclaimer {width:1000px; height:650px; margin:0 auto;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8 {float:left;}
div.last {margin-right:0;}
div.borderheader {padding-right:0px;margin-right:0px;border-right:0px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
div.borderfooter {padding-right:0px;margin-right:0px;border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
div.content {margin-left:20px;}
div.content_disclaimer {font-size:11px; margin-left:20px; margin-right:20px;}
div.center {text-align:center;}
div.left {vertical-align:left;}
div.right {vertical-align:right;}

.span-1 {width:1000px;}
.span-2 {width:1000px; background: url(../pics/other/verlauf_orange_small.gif); font-family:verdana; font-size:10px; color:#FFFFFF;}
.span-5 {width:150px; height:100%; background: url(../pics/other/bg_menu.gif) repeat-y; background-position:0px; margin-top:0px;}
.span-6 {width:640px;}
.span-7 {width:210px; height:100%; background: url(../pics/other/verlauf_green_right2.gif) repeat-y; background-position:202px;}
.span-8 {width:1000px; height:14px; background: url(../pics/other/verlauf_orange_small4.gif);}

.prepend-1 {padding-left:0px;}
.prepend-2 {padding-left:0px;}
.prepend-3 {padding-left:0px;}
.prepend-4 {padding-left:0px;}
.prepend-5 {padding-left:0px;}
.prepend-6 {padding-left:0px;}
.prepend-7 {padding-left:0px;}
.prepend-8 {padding-left:0px;}

.append-1 {padding-right:0px;}
.append-2 {padding-right:0px;}
.append-3 {padding-right:0px;}
.append-4 {padding-right:0px;}
.append-5 {padding-right:0px;}
.append-6 {padding-right:0px;}
.append-7 {padding-right:0px;}
.append-8 {padding-right:0px;}



/* needed for IE to make :active state work first time */
a, a:visited {color:#FFF;} 

/* styling for index gallery */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#FFF; text-decoration:none; border:0px solid #FFF; width:39px; height:15px; float:left; margin:4px; z-index:50;}

a.indexa {background:url(../pics/index/thumb1982.gif) no-repeat;}
a.indexb {background:url(../pics/index/thumb1989.gif) no-repeat;}
a.indexc {background:url(../pics/index/thumb1999.gif) no-repeat;}
a.indexd {background:url(../pics/index/thumb2002.gif) no-repeat;}
a.indexe {background:url(../pics/index/thumb2003.gif) no-repeat;}
a.indexf {background:url(../pics/index/thumb2004.gif) no-repeat;}
a.indexg {background:url(../pics/index/thumb2005.gif) no-repeat;}
a.indexh {background:url(../pics/index/thumb2006.gif) no-repeat;}
a.indexi {background:url(../pics/index/thumb2007.gif) no-repeat;}
a.indexj {background:url(../pics/index/thumb2008.gif) no-repeat;}
a.indexk {background:url(../pics/index/thumb2009.gif) no-repeat;}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

a.indexa em {background:url(../pics/index/1982.jpg) 0px 0px no-repeat;}
a.indexb em {background:url(../pics/index/1989.jpg) no-repeat;}
a.indexc em {background:url(../pics/index/1999.jpg) no-repeat;}
a.indexd em {background:url(../pics/index/2002.jpg) no-repeat;}
a.indexe em {background:url(../pics/index/2003.jpg) no-repeat;}
a.indexf em {background:url(../pics/index/2004.jpg) no-repeat;}
a.indexg em {background:url(../pics/index/2005.jpg) no-repeat;}
a.indexh em {background:url(../pics/index/sightseeing_2006.jpg) no-repeat;}
a.indexi em {background:url(../pics/index/sightseeing_2007.jpg) no-repeat;}
a.indexj em {background:url(../pics/index/2008.jpg) no-repeat;}
a.indexk em {background:url(../pics/index/2009-2.jpg) no-repeat;}

#container_index {position:relative; width:600px; height:250px; background:url(../pics/index/verlauf_container.jpg); border:0px solid #D2D2D2; margin:1em auto; margin-left:20px;}
#container_index img {border:0;}
#container_index .thumbs {position:absolute; left:0; top:0;}
#container_index a.gallery:hover span {display:block; position:absolute; width:300px; height:50px; top:30px; left:282px; padding:5px; font-style:normal; color:#fff; font-size:1.0em;}
#container_index a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#fff;}
#container_index a.gallery:hover, #container_index a.gallery:focus {border:1px solid #fff;}
#container_index a.gallery:hover em, #container_index a.gallery:focus em {display:block; position:absolute; width:268px; height:200px; top:30px; left:5px; color:#FFF;}
#container_index h1 {clear:both; margin:5px; padding-top:10px; text-align:left; font-family: verdana, arial; font-size:1.0em; font-weight:bold; color:#fff; width:265px;}
#container_index h2 {clear:both; margin:5px; padding-top:10px; text-align:left; font-family: verdana, arial; font-size:1.0em; font-weight:normal; color:#fff; width:265px; height:30px;}


/* styling for my life gallery */
a.gallery2, a.gallery2:visited {display:block; display:inline-block; color:#FFF; text-decoration:none; border:0px solid #FFF; height:15px; float:left; margin:4px; z-index:50;}

#container_mylife {position:relative; width:600px; height:250px; background:url(../pics/index/verlauf_container.jpg); border:0px solid #D2D2D2; margin:1em auto; margin-left:20px;}
#container_mylife img {border:0;}
#container_mylife .thumbs {position:absolute; left:0; top:0;}
#container_mylife a.gallery2:hover span {display:block; position:absolute; width:300px; height:50px; top:30px; left:282px; padding:5px; font-style:normal; color:#fff; font-size:1.0em;}
#container_mylife a.gallery2:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#fff;}
#container_mylife a.gallery2:hover, #container_mylife a.gallery2:focus {border:1px solid #fff;}
#container_mylife a.gallery2:hover em, #container_mylife a.gallery2:focus em {display:block; position:absolute; width:268px; height:200px; top:30px; left:5px; color:#FFF;}
#container_mylife h1 {clear:both; margin:5px; padding-top:10px; text-align:left; font-family: verdana, arial; font-size:1.0em; font-weight:bold; color:#fff; width:265px;}
#container_mylife h2 {clear:both; margin:5px; padding-top:10px; text-align:left; font-family: verdana, arial; font-size:1.0em; font-weight:normal; color:#fff; width:265px; height:30px;}

a.mylifea {background:url(../pics/my_life/thumb1989.gif) no-repeat; width:82px;}
a.mylifeb {background:url(../pics/my_life/thumb1999.gif) no-repeat; width:95px;}
a.mylifec {background:url(../pics/my_life/thumb2003.gif) no-repeat; width:116px;}
a.mylifed {background:url(../pics/my_life/thumb2004.gif) no-repeat; width:116px;}
a.mylifee {background:url(../pics/my_life/thumb2007.gif) no-repeat; width:77px;}
a.gallery2 em, a.gallery2 span {display:none;}
a.gallery2:hover {border:1px solid #fff;}


/* styling for running gallery */
a.gallery3, a.gallery3:visited {display:block; display:inline-block; color:#FFF; text-decoration:none; border:0px solid #FFF; height:15px; float:left; margin:4px; z-index:50;}

#container_running {position:relative; width:600px; height:250px; background:url(../pics/index/verlauf_container.jpg); border:0px solid #D2D2D2; margin:1em auto; margin-left:20px;}
#container_running img {border:0;}
#container_running .thumbs {position:absolute; left:0; top:0;}
#container_running a.gallery3:hover span {display:block; position:absolute; width:300px; height:50px; top:20px; left:282px; padding:5px; font-style:normal; color:#fff; font-size:1.0em;}
#container_running a.gallery3:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#fff;}
#container_running a.gallery3:hover, #container_running a.gallery3:focus {border:1px solid #fff;}
#container_running a.gallery3:hover em, #container_running a.gallery3:focus em {display:block; position:absolute; width:268px; height:200px; top:30px; left:5px; color:#FFF;}
#container_running h1 {clear:both; margin:5px; padding-top:10px; text-align:left; font-family: verdana, arial; font-size:1.0em; font-weight:bold; color:#fff; width:265px;}
#container_running h2 {clear:both; margin:5px; padding-top:10px; text-align:left; font-family: verdana, arial; font-size:1.0em; font-weight:normal; color:#fff; width:265px; height:30px;}
#container_running table {clear:both; margin:0px; padding-top:0px; text-align:right; font-family: verdana, arial; font-size:0.7em; font-weight:normal; color:#fff; width:265px; height:100%;}

a.runninga {background:url(../pics/sports/thumbbest.gif) no-repeat; width:71px;}
a.runningb {background:url(../pics/sports/thumberfolge.gif) no-repeat; width:49px;}
a.runningc {background:url(../pics/sports/thumbevents.gif) no-repeat; width:119px;}
a.runningd {background:url(../pics/sports/thumbplatz.gif) no-repeat; width:92px;}
a.gallery3 em, a.gallery3 span {display:none;}
a.gallery3:hover {border:1px solid #fff;}


/* styling for biking gallery */
a.gallery4, a.gallery4:visited {display:block; display:inline-block; color:#FFF; text-decoration:none; border:0px solid #FFF; height:15px; float:left; margin:4px; z-index:50;}

#container_biking {position:relative; width:600px; height:250px; background:url(../pics/index/verlauf_container.jpg); border:0px solid #D2D2D2; margin:1em auto; margin-left:20px;}
#container_biking img {border:0;}
#container_biking .thumbs {position:absolute; left:0; top:0;}
#container_biking a.gallery4:hover span {display:block; position:absolute; width:300px; height:50px; top:20px; left:282px; padding:5px; font-style:normal; color:#fff; font-size:1.0em;}
#container_biking a.gallery4:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#fff;}
#container_biking a.gallery4:hover, #container_biking a.gallery4:focus {border:1px solid #fff;}
#container_biking a.gallery4:hover em, #container_biking a.gallery4:focus em {display:block; position:absolute; width:300px; height:200px; top:30px; left:280px; color:#FFF;}
#container_biking h1 {clear:both; margin:5px; padding-top:10px; text-align:left; font-family: verdana, arial; font-size:1.0em; font-weight:bold; color:#fff; width:265px;}
#container_biking h2 {clear:both; margin:5px; padding-top:10px; text-align:left; font-family: verdana, arial; font-size:1.0em; font-weight:normal; color:#fff; width:265px; height:30px;}

a.bikinga {background:url(../pics/sports/thumbmtb.gif) no-repeat; width:92px;}
a.bikingb {background:url(../pics/sports/thumbrennrad.gif) no-repeat; width:57px;}
a.gallery4 em, a.gallery4 span {display:none;}
a.gallery4:hover {border:1px solid #fff;}

a.bikinga em {background:url(../pics/sports/mtb.jpg) 0px 0px no-repeat;}
a.bikingb em {background:url(../pics/sports/rennrad.jpg) no-repeat;}


/* forms.css */
input.text, input.title, textarea, select {margin:0.1em 0;border:1px solid #b1b1b1;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title, textarea {width:250px; padding:1px; font-size:1.1em; font-family:verdana,arial;}
input.submit {background-color:#FF7200; color:#ffffff; border:1px solid #b1b1b1; font-family:verdana,arial; font-weight:bold; vertical-align:right;}
.align-top {vertical-align:top;}





/* not in use */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8 {float:left;position:relative;}

.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8 {float:right;position:relative;}