/* 
Farben
-------------------
Hellgrau		#E6E6E6
Dunkelgrau		#3D3D3D
Blau			#7D99B1
Orange			#FFA922

*/



/* Hauptformate */

*			{ margin: 0px; padding: 0px; }

a:link 		{ text-decoration: underline; color: #7D99B1; }
a:visited 	{ text-decoration: underline; color: #7D99B1; }
a:active 	{ text-decoration: none; color:#FFA922; }
a:hover 	{ text-decoration: none; color: #FFA922; }
body		{ font-family: Verdana, Arial; font-size: 75%; color: #000000; text-decoration: none; 
				background-color: #E6E6E6; text-align: center; height: 100%;
				background-image:url('layout/bg.gif'); background-repeat: repeat; }


p			{ text-align: justify; }
.left		{ text-align: left; }
.center		{ text-align: center; }
.right		{ text-align: right; }

.vmiddle	{ vertical-align: middle; }
.vtop		{ vertical-align: top; }
.vbottom	{ vertical-align: bottom; }

.fleft			{ float: left; }
.fright			{ float: right; }
.cleft			{ clear: left; }
.cright			{ clear: right; }
.clr			{ clear: both; }

p.nobr			{ margin-bottom: 0px; }
p.il			{ display:inline; }
p.small			{ font-size: 90%; }
.absto			{ margin-top: 1em; }
.abst6			{ margin-top: 6px; }
.abst25			{ margin-top: 25px; }
.abst50			{ margin-top: 50px; }
.abst75			{ margin-top: 75px; }
.abst100		{ margin-top: 100px; }

.navleft		{ margin-left: 115px; }


table		{ font-family: Verdana, Arial; font-size: 100%; color: #000000; 
				text-decoration: none; margin: 0px auto; }
.nomarge	{ margin: 0px; }				
				
th			{ border-top: 1px; border-bottom: 2px; border-left: 0px; border-right: 0px;
				border-color: #000000; border-style: solid; height: 2.2em;
				background-color: #7D99B1; color: #000000; font-weight: bold; background-image:url('layout/tableback.gif');
					background-repeat: repeat; }
th p		{ margin: 0px; text-align: center; display:inline; }	

th p vip	 { color: #7B7B7B; font-size: 100%; }		

th a:link	 { color: #7B7B7B; font-weight: bold; text-decoration: none; font-size: 80%; }
th a:visited { color: #7B7B7B; font-weight: bold; text-decoration: none; font-size: 80%; }
th a:hover	 { color: #000000; font-weight: bold; text-decoration: none; font-size: 80%; }
				
td			{ padding: 2px 10px 2px 10px; }
td.nopad	{ padding: 0px; }
td.subhead	{ border-bottom: 1px solid #000000; height: 1.2em; background-color: #E7E7E7;
				 color: #000000; font-weight: bold; }



.h25		{ height: 2.5em; }


.bgwhite	{ background-color: #FFFFFF; }
.bggrey		{ background-color: #E7E7E7; background-image: none; }
.nohg		{ background-image: none; }
.bggreen	{ background-color: #E6E6E6; background-image:url('layout/bg.gif'); background-repeat: repeat; }




.farbrand	{ background-image:url('layout/farbrand.gif'); background-repeat:repeat-y; 
				background-position: top right; }


/* Schrift */

h1				{ font-family: Verdana, Arial; font-size: 120%; color: #7D99B1; 
					text-decoration: none; font-weight: bold; margin-bottom: 1.5em; }
					
h2				{ font-family: Verdana, Arial; font-size: 107%; color: #FFA922; 
					text-decoration: none; font-weight: bold; margin-bottom: 0.7em; }
															
h3				{ font-family: Verdana, Arial; font-size: 100%; color: #000000; border: 0px;
					text-decoration: none; font-weight: bold; margin-bottom: 0em; }


/*h1:before{content:url(layout/dot.gif);}*/

h2 a:link 		{ text-decoration: none; color: #587B77; }
h2 a:visited	{ text-decoration: none; color: #587B77; }
h2 a:hover		{ text-decoration: none; color: #587B77; }					
h3 a:link 		{ text-decoration: none; color: #000000; }
h3 a:visited	{ text-decoration: none; color: #000000; }
h3 a:hover		{ text-decoration: none; color: #000000; }

.vip			{ font-family: Verdana, Arial; font-size: 100%; color: #FFA922; 
					text-decoration: none; font-weight: bold; margin-bottom: 0.7em; }
					
					
					
.fred			{ color: #CC0000; }
.fblack			{ color: #000000; font-size: 125%; }
.fgrey			{ color: #888888; }
.mini			{ font-size: 75%; }


a.black:link		{ color: #000000; text-decoration: none; }
a.black:visited	    { color: #000000; text-decoration: none; }
a.black:hover		{ color: #000000; text-decoration: none; }


/* Rahmen, RŠnder und Linien */

.randu1         { border-bottom: 1px solid #000000; }
.randu2         { border-bottom: 2px solid #000000; }
.rando1         { border-top: 1px solid #000000; }
.rando2         { border-top: 2px solid #000000; }
.randr1         { border-right: 1px solid #000000; }
.randl1         { border-left: 1px solid #000000; }
.randug         { border-bottom: 1px solid #C0C0C0; }

.padtop10       { padding-top: 10px }
.padbottom10    { padding-bottom: 10px }
.padleft10      { padding-left: 10px }
.padright10     { padding-right: 10px }
.padtop5        { padding-top: 5px }
.padbottom5     { padding-bottom: 5px }
.padleft5       { padding-left: 5px }
.padright5      { padding-right: 5px }
.margetop10     { margin-top: 10px }
.margebottom10  { margin-bottom: 10px }
.margeleft10    { margin-left: 10px }
.margeright10   { margin-right: 10px }
.margetop5      { margin-top: 5px }
.margebottom5   { margin-bottom: 5px }
.margeleft5     { margin-left: 5px }
.margeright5    { margin-right: 5px }


img				{ border: 0px; }
.rahmen3        { border: 3px solid #000000; }
.rahmen1        { border: 1px solid #000000; }
.fotorahmen     { border: 1px solid #000000; padding: 3px; }
.fotorahmen5    { border: 1px solid #000000; padding: 5px; }


.b		        { border-bottom: 1px solid #000000; }
.g	     		{ border-bottom: 1px solid #C0C0C0; }
.bh		        { border-bottom: 1px dashed #000000; }
.gh		     	{ border-bottom: 1px dashed #C0C0C0; }

p.bh 			{  margin-bottom: 1em; }







/* Container */

#mainblock		{ width: 770px; margin: 0px auto; text-align:left; 
					 background-color: #FFFFFF; border: 1px solid #BDBDBD;
					 background-image:url('layout/top.gif'); background-repeat:repeat-x;
					 padding-top: 85px; position: relative; }
					 
#logo			{ vertical-align: top; float: left;  margin-top: -85px; }	
#olli			{ vertical-align: top; float: right;  margin-top: -85px; }
#fanpage		{ float:right; margin-top: -20px; margin-right: 150px; }
					

#navi			{ width: 100%; height: 25px; margin: 0px; text-align:left; 
					 background-color: #FFFFFF; padding-top: 2px;
					 background-image:url('layout/leiste.gif'); 
					 background-repeat:repeat-x; }


#content		{ width: 560px; margin: 10px; padding-left: 10px; padding-top: 10px; text-align:left; }

#subnavi		{ width: 150px; margin: 10px; text-align:right;
					float: right; top: 0px; right: 5px; position: relative; }
	
					
/* Container-Formate */


#navi p			{ padding-top: 2px; padding-left: 10px; }

#content p		{ margin-bottom: 1em; }


#subnavi ul 		{ list-style-image: none; list-style-type: none; background-color: #FFFFFF; 
					margin-left: 0px; font-size: 90%;  
					margin-bottom: 3em; padding-top: 70px; }
#subnavi ul li		{ display: block; margin: 0px; padding: 5px 0px; text-align: right; }


#subnavi ul li a:link		{ color: #000000; text-decoration: none; }
#subnavi ul li a:visited	{ color: #000000; text-decoration: none; }
#subnavi ul li a:hover		{ color: #7D99B1; text-decoration: none; }
#subnavi ul li:hover		{ color: #7D99B1; text-decoration: none; }

#subnavi ul li.active		{ font-weight: bold; letter-spacing: -1px; }

#titlepic					{ position: relative; right: 65px; float: left; padding-bottom: 20px;  }













					

#totop 		 	{ vertical-align: middle; font-size: 85%; left: 630px; text-align: right;
					position: relative; padding-top: 25px; }


.copyright	 	{ vertical-align: middle; font-size: 85%; display:inline; float: right;
					color: #000000; margin-top: 20px; margin-right: 70px; }

.copyright a:link		{ color: #000000; text-decoration: none; }
.copyright a:visited	{ color: #000000; text-decoration: none; }
.copyright a:hover		{ color: #000000; text-decoration: none; }



/* Listen */


ol				{ margin-left: 25px; text-align: justify; }
ul				{ margin-left: 15px; text-align: justify; list-style-image: url(layout/list.gif); }
ul li			{ margin-bottom: 1em; }
li.abstlist		{ margin-bottom: 0em; }
li.abstand		{ margin-bottom: 1em; }

.musik			{ list-style-image: url(bilder/ico_music.gif); }
.film			{ list-style-image: url(bilder/ico_movie.gif); }
.buch			{ list-style-image: url(bilder/ico_book.gif); }
.theater		{ list-style-image: url(bilder/ico_theater.gif); }
.web			{ list-style-image: url(bilder/ico_pc.gif); }
.sonstiges		{ list-style-image: url(bilder/ico_star.gif); }


dl				{ margin-top: 25px; text-align: justify; list-style-image: url(layout/list.gif); }
dt				{ font-weight: bold; }
dl.info dd		{ margin-bottom: 2em; }
dl.abstlist dd	{ margin-bottom: 1em; }


/* Sonstiges */


label			{ display: block; font-weight: bold; font-size: 80%; }

#radiob label	{ display: inline; font-weight: normal; }

.abstlink       { font-size: 90%; padding-left: 5px; padding-top: 1px; padding-bottom: 1px; border-left: 1px solid #000000; border-right: 1px solid #000000;  }

