<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
	<title>Stylesheet | Radfest.at</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <base href="http://www.radfest.at/" />
	<link rel="stylesheet" href="style.css.html" type="text/css" media="screen" />
	<link rel="stylesheet" href="assets/js/theme/jquery-ui-1.8rc3.custom.css" type="text/css" media="screen" />

	<script type="text/javascript" src="assets/js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="assets/js/jquery-ui-1.8rc3.custom.min.js"></script>
	<script type="text/javascript" src="assets/js/jquery.scrollfollow.js"></script>

	<script type="text/javascript">
		$(function() {
			$('#nav').draggable({cursor:'move',opacity:0.5});
			/*$('#nav').scrollFollow({
				speed: 1000,
				offset: 60,
			});*/
		});
	</script>
</head>
<body>
<div id="main">
	<div id="skiplinks" class="hidden">
		<p><a href="/style.css.html#nav">Zur Navigation</a></p>
		<p><a href="/style.css.html#content">Zum Inhalt</a></p>
	</div>
	<div id="wrapper">
	<div id="nav">
		<img src="assets/images/logo/logo-gruen.jpg" alt="Logo Radfest" />
		<h6 class="hidden">Navigation</h6>
		<ul><li><a href="http://www.radfest.at/" title="Start" >Start</a></li>
<li><a href="/helme-bestellen.html" title="Helme bestellen" >Helme bestellen</a></li>
<li><a href="/programm.html" title="Programm" >Programm</a></li>
<li><a href="/aktuelles.html" title="Aktuelles" >Aktuelles</a></li>
<li><a href="/plan.html" title="Plan" >Plan</a></li>
<li><a href="/schwerpunkte.html" title="Schwerpunkte" >Schwerpunkte</a></li>
<li><a href="/aussteller.html" title="Aussteller" >Aussteller</a></li>
<li><a href="/proved-green.html" title="Proved green" >Proved green</a></li>
<li><a href="/goldenes-steirerwadl.html" title="Steiererwadl" >Steiererwadl</a></li>
<li><a href="/emobility.html" title="E-Mobility" >E-Mobility</a></li>
<li><a href="/bilder.html" title="Bilder" >Bilder</a></li>
<li><a href="/medien.html" title="Medien" >Medien</a></li>
<li><a href="/twitter.html" title="Twitter" >Twitter</a></li>
<li class="last"><a href="/fans.html" title="Fans" >Fans</a></li>
</ul>
		<p style="text-align:center"><a href="http://www.facebook.com/radfestgraz" target="_blank"><img src="assets/images/template/facebook.png" alt="Facebook Fan Page" /></a> <a href="http://twitter.com/radfestgraz" target="_blank"><img src="assets/images/template/twitter.png" alt="Twitter" /></a><br />
<script type="text/javascript" src="http://static.ak.connect.facebook.com/connect.php/en_US"></script><script type="text/javascript">FB.init("577e3e391a2da191cc767ad74e5799fd");</script><fb:fan profile_id="326641681902" stream="0" connections="0" logobar="0" width="200"></fb:fan></p>
	</div>
<div id="page">
	<h6 class="hidden">Inhalt</h6>
	<div id="content" class="content">
		<h2></h2>
		/* Rot: #DC022A - Gruen #6CFE0C */

/* Reset */
* {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* Styles */
body, html {width:100%;height:100%;margin:0;padding:0;}
body {color:#222;font:16px Helvetica,Arial,Helvetica,sans-serif;background:white url(assets/images/template/back.jpg) repeat;overflow:hidden;}
/*body {color:#222;font:16px Helvetica,Arial,Helvetica,sans-serif;background:white url(assets/images/template/background.gif) fixed no-repeat top left;}*/
#main {width:100%;height:100%;margin:0;padding:0;overflow:auto;}
#wrapper {width:980px;margin:0 auto;padding:0;}
#nav {width:200px;float:right;background:white url(assets/images/template/back.png) repeat;margin:0;padding:0;}
#nav ul {margin:15px 0;padding:0;}
#nav li {display:block;margin:0;padding:3px 10px;}
#nav li a {color:black;text-decoration:none;font-size:110%;font-weight:bold;text-transform:uppercase}
#nav li.active a {color:#6CFE0C;}
#sponsoren {width:200px;background:white url(assets/images/template/back.png) repeat;margin:0;padding:0;}
#sponsoren h2 {font-size:150%;float:left;border-bottom:3px solid #222;padding:5px;}
#page {float:right;width:560px;margin:0 10px;padding:0;background-color:white;background:transparent url(assets/images/template/back.png) repeat;}
#content {}
.content {margin:0;padding:0;text-align:justify;}
h1, h2, h3, h4 {margin:0;padding:0;text-transform:uppercase;text-align:center;}
.content h2 {font-size:400%;border-top:7px solid #222;border-bottom:3px solid #222;padding:20px 5px;}
.content h3 {font-size:250%;border-bottom:1px dotted #222;padding:10px 5px;}
.content h4 {font-size:120%;padding:10px 5px;text-align:left;}
.content p {color:#222;padding:5px;line-height:1.5;}
.content ul {padding-right:45px;}
.content li {list-style:square;line-height:1.5;}
.content img {}
.iframe {width:100%;height:100%;}
#footer {border-top:5px solid #222;border-bottom:1px solid #222;}
#meta {padding:5px;border-bottom:7px solid #222;font-size:90%;}
#meta a {color:#222;}
.hidden {display:none;height:0;width:0;}
.clear {clear:both;}
.right {float:right;}
a img {border:none;text-decoration:none;outline:none;}
a {text-decoration:none;}
a:hover {color:#6CFE0C;border:none;}
a.ext {background:url(assets/images/template/external.png) 99% 40% no-repeat;padding-right: 20px;}

/* News */
.blog-post h4 a {color:#222;}
.blog-post {padding-bottom:18px;margin-bottom:15px;margin-top:15px;border-bottom:1px solid #222;}
.aussteller p {padding:0 5px;margin:0;}
.blog-posted{padding:2px 5px;margin-bottom:2px;font-size:90%;}
.imgleft{float:left;padding:5px}
.read-more{float:right;margin:2px 2px;}
.back {text-align:right}

/* Gallery */
.childscontainer li, .thumbscontainer li {width:130px;height:150px;}
.childscontainer p, .thumbscontainer p {margin:0;padding:5px;font-size:90%;}

	</div>
	<div id="footer">
		<div class="sponsoren"><p >
<a href="http://www.novapark.at/"                        target="_blank"><img src="./assets/images/1.png" alt="supporter"  /></a>
<a href="http://www.nova-spa.at/"                        target="_blank"><img src="./assets/images/2.png" alt="supporter"  /></a>
<a href="http://www.pfauengarten.com/"              target="_blank"><img src="./assets/images/3.png" alt="supporter"  /></a>
<a href="http://www.injoy-graz-ost.at/"                 target="_blank"><img src="./assets/images/4.png" alt="supporter"  /></a>
<a href="http://www.toptimes.at/cms/index.html"  target="_blank"><img src="./assets/images/5.png" alt="supporter"  /></a>
<a href="http://www.gigasport.at/"                        target="_blank"><img src="./assets/images/6.png" alt="supporter"  /></a>
<a href="http://www.veloblitz.at/"                          target="_blank"><img src="./assets/images/7.png" alt="supporter"  /></a>
</p></div>
	</div>
	<div id="meta">
		<span>Radfest Graz 2010 - <a href="impressum.html">Kontakt / Impressum</a></span>
		<span class="right"><img src="assets/images/template/digitalps-mini.gif" alt="Logo digitALPS" />&nbsp;<a href="http://digitalps.at" title="Webdesign &amp; Programmierung">digitALPS</a></span>
	</div>
</div>
<div id="sponsoren">
	<div class="sponsoren"><a href="http://www.verkehr.steiermark.at/" target="_blank"><img src="assets/images/sponsoren/logo-land.jpg" alt="Land Steiermark" /></a><br />
<a href="http://www.e-steiermark.com/" target="_blank"><img src="assets/images/sponsoren/logo-energie.jpg" alt="Energie Steiermark" /></a><br />
<a href="http://www.woche.at/" target="_blank"><img src="assets/images/sponsoren/logo-woche.jpg" alt="WOCHE" /></a><br />
<a href="http://www.grazag.at/" target="_blank"><img src="assets/images/sponsoren/logo-grazag.jpg" alt="Graz AG" /></a><br />
<a href="http://www.antenne.at" target="_blank"><img src="assets/images/sponsoren/antenne-STMK.jpg" alt="Antenne Steiermark" /></a></div>
</div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8468895-8");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>