@media all
{
	/**************************************************************************/
	/** Allgemeine Einstellungen
	/**************************************************************************/
	* {
		margin: 0px;
		padding: 0px;
	}

	option {
		padding-left: 0.4em
	}

	html {
		height: 100%
	} 

	body { 
		background-color: #006699;
		margin: 0px;
		padding: 0px;
		min-height: 101%;	
		font-size: 100.01%; 
		position: relative; 
	} 

	#getraenke_btns a#spezi_original img { background: url(../images/btn_getraenke_1.png) top left no-repeat; width: 145px; height: 30px; }
	#getraenke_btns a#spezi_light img { background: url(../images/btn_getraenke_2.png) top left no-repeat; width: 145px; height: 30px; }
	#getraenke_btns a#spezi_energy img { background: url(../images/btn_getraenke_3.png) top left no-repeat; width: 145px; height: 30px; }
	#getraenke_btns a#spezi_original:hover img { background: url(../images/btn_getraenke_1_over.png) top left no-repeat; width: 145px; height: 30px; }
	#getraenke_btns a#spezi_light:hover img { background: url(../images/btn_getraenke_2_over.png) top left no-repeat; width: 145px; height: 30px; }
	#getraenke_btns a#spezi_energy:hover img { background: url(../images/btn_getraenke_3_over.png) top left no-repeat; width: 145px; height: 30px; }

	fieldset, img {
		border:0;
	}
	
	select, input, textarea {
		font-size: 99%
	}
	
	#page {
		width: 979px;
		height: auto;
		margin: 0 0 0 0px;
		background: #006699;
		overflow: hidden;
		background-image: url(../images/bg_page.png);
	}
	
	table {
		border: 0px;
	}
	
	td.tabellentext {
		line-height: 18px;
		padding: 5px 8px 5px 0;
	}

	td.tabellentextfett {
		line-height: 18px;
		padding: 5px 8px 5px 0;
		font-weight: bold;
	}

	td.tabellenkopf {
		line-height: 18px;
		padding: 5px 8px 5px 0;
		font-weight: bold;	
	}

	.formularcontent { 
		border: 1px #000 solid; 
		background-color: #EAEAEA;
		padding: 0 2px 0 2px;
	}
	
	.formularcontentaktiv {
		border: 1px #000 solid; 
		background-color: #FFF;
		padding: 0 2px 0 2px;
	}
	
	img.msg {
		margin: 8px 0 0 5px;
	}
	
	.bild_0 {
		border: 0px solid #012058;
		margin: 0px;
	}

	.bild_1 {
		border: 1px solid #012058;
		margin: 0px;
	}

	.bild_1_0 {
		margin: 3px 5px 0 0;
		border: 0px solid #012058;
		float: left;
		position: relative;
	}

	.bild_1_1 {
		margin: 3px 5px 0 0;
		border: 1px solid #012058;
		float: left;
		position: relative;
	}

	.bild_2_0 {
		margin: 3px 0 0 5px;
		border: 0px solid #012058;
		float: right;
		position: relative;
	}

	.bild_2_1 {
		margin: 3px 0 0 5px;
		border: 1px solid #012058;
		float: right;
		position: relative;
	}
		
	.bildcenter_gr {
		/*width: 485px;*/
		margin: 0px;
		text-align: center;
	}

	.bildcenter_kl {
		/*width: 225px;*/
		margin: 0px;
		text-align: center;
	}
	
	* html ul { position: relative }
	* html ol { position: relative }
	* html dl { position: relative }
	* html blockquote { zoom:1 }
	* html #content { position:relative; } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
	* html #r_left { position:relative; } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */

	/**************************************************************************/
	/** Header
	/**************************************************************************/
	#header {
		background-image:url(../images/bg_lines_blue.png);
		background-color: #287EA9;
		width: 954px;
		height: 21px;
		margin-left: 15px;
		color: #CCC;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align: right;
		padding: 18px 10px 0 0;
	}
	#header a {
		color: #CCC;
		text-decoration: none;
	}
	#header a:hover {
		color: #FFF;
		text-decoration: none;
	}

	/**************************************************************************/
	/** Rechter Bereich
	/**************************************************************************/
	#right {
		width: 834px;
		float: right;
		background-image: url(../images/bg_motiv_1.jpg);
		background-repeat: no-repeat;
	}
	#r_right {
		width: 169px;
		float: right;
	}
	#r_left {
		width: 665px;
		float: left;
	}

	/**************************************************************************/
	/** Footer
	/**************************************************************************/
	#footer {
		background-image:url(../images/bg_lines_blue.png);
		width: 954px;
		height: 29px;
		clear: both;
		margin-left: 15px;
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align: right;
		padding: 10px 10px 0 0;
	}
	#footer a {
		color: #000;
		text-decoration: underline;
	}
	#footer a:hover {
		color: #CCC;
		text-decoration: underline;
	}

	/**************************************************************************/
	/** Navigation 1
	/**************************************************************************/
	#nav {
		width: 523px;
		height: 72px;
		background-image: url(../images/nav_bg_index.png);
		padding: 88px 0 0 142px;
	}
	
	#logo_link {
		width: 140px;
		height: 130px;
		position: absolute;
		left: 150px;
		top: 65px;
	}
	
	#nav img {
		border: 0;
	}
	
	#nav a#community img { background: url(../images/btn_nav1_community.png) top left no-repeat; width: 91px; height: 41px; }
	#nav a#shop img { background: url(../images/btn_nav1_shop.png) top left no-repeat; width: 56px; height: 41px; }
	#nav a#spass img { background: url(../images/btn_nav1_spass.png) top left no-repeat; width: 51px; height: 41px; }
	#nav a#events img { background: url(../images/btn_nav1_events.png) top left no-repeat; width: 61px; height: 41px; }
	#nav a#werbung img { background: url(../images/btn_nav1_werbung.png) top left no-repeat; width: 76px; height: 41px; }
	#nav a#kontakt img { background: url(../images/btn_nav1_kontakt.png) top left no-repeat; width: 76px; height: 41px; }
	#nav a#community:hover img { background: url(../images/btn_nav1_community_over.png) top left no-repeat; width: 91px; height: 41px; }
	#nav a#shop:hover img { background: url(../images/btn_nav1_shop_over.png) top left no-repeat; width: 56px; height: 41px; }
	#nav a#spass:hover img { background: url(../images/btn_nav1_spass_over.png) top left no-repeat; width: 51px; height: 41px; }
	#nav a#events:hover img { background: url(../images/btn_nav1_events_over.png) top left no-repeat; width: 61px; height: 41px; }
	#nav a#werbung:hover img { background: url(../images/btn_nav1_werbung_over.png) top left no-repeat; width: 76px; height: 41px; }
	#nav a#kontakt:hover img { background: url(../images/btn_nav1_kontakt_over.png) top left no-repeat; width: 76px; height: 41px; }
	
	/**************************************************************************/
	/** Content
	/**************************************************************************/
	#content {
		width: 648px;
		padding: 0 0 0 15px;
		min-height: 500px;
	}
	
	#content h1 {
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		margin: 10px 0 5px 0;
	}

	#content h2 {
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;	
		margin: 10px 0 0 0;
	}
	
	#content h3 {
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;	
		margin: 5px 0 10px 0;
	}
	
	#content ul {
		margin-left: 18px;
	}

	#content ol {
		margin-left: 25px;
	}

	#content ul li {
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		list-style-position: outside;
		list-style-image: url(../images/listpoint.png);
	}
	
	#content ol li {
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		list-style-position: outside;
		list-style-type: decimal;
	}

	#content p {
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 10px 15px 5px 0;
	}
	
	#content a {
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: underline;
	}
	
	#content a:hover {
		color: #FF9900;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: underline;
	}
	
	/**************************************************************************/
	/** Breadcrumbs
	/**************************************************************************/
	#pfad {
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 3px 0 0 0px;
	}
	
	#pfad a {
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: underline;
	}

	#pfad a:hover {
		color: #FF9900;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: underline;
	}
	
	/**************************************************************************/
	/** Elemente linke Spalte
	/**************************************************************************/
	#left {
		width: 145px;
		height: auto;
		background-color: #006699;
		background-image: url(../images/bg_left.png);
		float: left;
	}
	#teaserbox {
		height: 407px;
		background-image: url(../images/bg_teaser_left.jpg);
		background-repeat: no-repeat;
		margin: 0 0 0 15px;
	}
	#haendlersuche {
		margin: 40px 0 0 11px;
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		position: absolute;
		height: 28px;
	}
	#haendlersuche input {
		width: 80px;
		font-size: 10px;
		margin: 0px;
		border: 0;
		height: 15px;
		vertical-align: middle;
	}
	#spezi_partner {
		margin: 15px 0 0 16px;
		text-align: center;
	}

	#getraenke_btns {
		width: 145px;
	}
	#getraenke_btns img {
		margin: 0px 0px 2px 0px;
	}

	/**************************************************************************/
	/** Login-Box
	/**************************************************************************/
	#login_box {
		width: 148px;
		height: 90px;
		background-image: url(../images/bg_right_login.png);
		background-repeat: no-repeat;
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		padding: 40px 7px 0 14px;
		line-height: 15px;
	}
	#login_box input {
		width: 120px;
		height: 15px;
		border: 0;
		margin: 0;
		vertical-align: middle;
	}
	#login_box a {
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		text-decoration: none;
		font-weight: bold;
	}
	#login_box a:hover {
		color: #FF9900;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		text-decoration: none;
		font-weight: bold;
	}
	#login_box p {
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		text-decoration: none;
		line-height: 10px;
		margin: 5px 0;
	}
	#login_box p.logout {
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		text-decoration: none;
		line-height: 10px;
		margin: 8px;
		text-align: right;
	}
	
	.submit {
		height: 16px;
	}

	/**************************************************************************/
	/** Feature-Spalte
	/**************************************************************************/
	.feature {
		width: 145px;
		height: auto;
		margin: 15px 0 0 15px;
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.feature h1 {
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.feature h2 {
		font-size: 10px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.feature h3 {
		font-size: 10px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.feature a {
		color: #FFF;
		text-decoration: underline;
	}
	.feature a.weiter {
		margin: 0 5px 0 80px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		line-height: 25px;
		float: right;
	}
	.feature a:hover {
		color: #FF9900;
		text-decoration: underline;
	}
	.feature a.weiter:hover {
		font-weight: bold;
		color: #FF9900;
		text-decoration: none;
	}
	.feature p {
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin-bottom: 10px;
	}
	.feature ol {
		margin: 5px 0 0 18px;
	}
	.feature ul {
		margin: 5px 0 0 18px;
	}
	.feature li {
		list-style-position: outside;
		list-style-image: url(../images/listpoint_white.png);
	}
	.feature img {
		float: left;
		margin: 5px 0 5px 0;
	}

	/**************************************************************************/
	/** Boxen
	/**************************************************************************/
	.box_313 {
		float: left;
		width: 313px;
		height: auto;
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 10px 11px 0 0;
	}
	.box_313_head {
		height: 22px;
		background-image: url(../images/box_313_head.png);
		padding: 10px 0 0 10px;
		font-weight: bold;
	}
	.box_313_body {
		display: block;
		background-image: url(../images/box_313_body.png);
		padding: 5px 0 10px 10px;
		overflow: hidden;
	}
	.box_313_footer {
		height: 4px;
		background-image: url(../images/box_313_footer.png);
	}
	.box_313 p.weiter {
		text-align: right;
		margin-right: 10px;
	}
	.box_313 p.weiter a {
		color: #012058;
		font-weight: bold;
		text-decoration: none;
	}
	.box_313 p.weiter a:hover {
		color: #FF9900;
		font-weight: bold;
		text-decoration: none;
	}
	.box_313_clearbox {
		height: 4px;
		width: 0;
		clear: both;
	}

	/**************************************************************************/
	/** Schrift & Links
	/**************************************************************************/
	a {
		color: #012058;
	}
	p {
		color: #012058;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	#printlogo {
		display: none;
	
	}

	/* Page Navigation
	------------------------------ */
	ul.pagelist {
		clear: both;
		padding: 0;
		margin: 20px 0 0 0;
		list-style-type: none;
	}
	ul.pagelist li {
		display: inline;
	}
	ul.pagelist li a, ul.pagelist span.disabledlink {
		padding: 4px;
	}
	ul.pagelist li.current a {
		font-weight: bold;
		text-decoration: none;
		cursor: default;
		color: #5A5A4B;
	}
	ul.pagelist li.prev {
		margin-right: 10px;
	}
	ul.pagelist li.next {
		margin-left: 10px;
	}
	.disabledlink {
		color: #ddd;
		cursor: default;
	}
	.pagenav {
		clear: both;
	}
	.disabled_nav {
		visibility: hidden;
	}

	/* Image Thumbnails
	------------------------------ */
	.imagethumb a, .imagethumb a:hover {
		display: block;
		padding: 9px;
		margin: 0px 9px 9px 0px;
		line-height: 0px;
	    border: 1px solid #006699;
	}
	.imagethumb a:visited {
	    border: 1px solid #ED5710;
	}
	.imagethumb a:hover {
		border: 1px solid #FABC01;
	}
	.imagethumb {
		float: left;
	}
	.albumdesc2 {
		line-height: 18px;
	}
	
	
	/* Album Thumbnails
	------------------------------ */
	#albums {
		float: left;
	}
	.album {
		margin: 0 12px 8px 0;
		padding: 10px 8px 2px 10px;
		float: left;
		width: 215px;
		background: none;
		line-height: 19px;
		
	}
	.album a img { border: solid 1px #F8B501; }
	.album .thumb {
	    float: left; 
	    margin-right: 6px;
	}
	.album h3 {
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
	.album p {
		line-height: 12px;
		font-size: 11px;
	    padding: 4px 0px 0px;
	    margin: 0px;
	}
	.albumdesc small {
		color: #005F8C;
	}
	
	
	/* Individual Image
	------------------------------ */
	.image { 
		margin: 0;
		padding: 0;
		border: 0;
	}
	#image {
		text-align: center;
		line-height: 0;
	}
	.imgnav {
		float: right;
		width: 140px;
		text-align: center;
		border: 0;
		background: none;
		margin-top: -10px;
	}
	.imgnav .imgprevious a, .imgnav .imgnext a {
		display: block;
		width: 50%;
		height: 100%;
		float: left;
		padding: 4px 0;
		font-size: 120%;
		text-decoration: none;
		line-height: 180%;
		color: #237898;
	}
	.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
		background-color: none;
		text-decoration: none;
		color: #002E5B;
	}
	.imgnav .imgprevious a {
		float: left;
	}
	.imgnav .imgnext a {
		float: right;
	}
	#narrow {
		margin: 0 auto;
		width: 440px;
	}

}
@media print
{
	body { 
		background-color: #fff;
		color: #000;
	}
		
	#pfad {
		margin: 3px 0 0 -2px;
	}
	
	#header {
		display: none;
	}

	#left {
		display: none;
	}
	
	#right {
		width: 100%;
		float: none;
		background-image: none;
	}
	
	#page {
		background: #fff;
	}
	

	.box_313 {
		border: 1px solid #012058;
		margin: 5px 7px 0 0;
		color: #000;
	}

	#r_right {
		display: none;
	}
	#footer {
		text-align: center;
		background-image: none;
	}
	#content {
		color: #000;
		margin: auto;
	}
	#content h1 {
		color: #000;
	}

	#content h2 {
		color: #000;
	}
	
	#content ul li {
		color: #000;
	}
	
	#content ol li {
		color: #000;
	}

	#content p {
		color: #000;
	}
}