/* style-sheet (c) 2002-2050 PeWo-Design */

/* ===================================================================== */
/* Fonts */

@font-face { font-family: 'schmal1';
             src: url('fonts/yanonekaffeesatz_extralight.ttf') format('truetype'); }
@font-face { font-family: 'schmal2';
             src: url('fonts/yanonekaffeesatz_light.ttf') format('truetype'); }
@font-face { font-family: 'schmal3';
             src: url('fonts/yanonekaffeesatz_regular.ttf') format('truetype'); }
@font-face { font-family: 'schmal4';
             src: url('fonts/yanonekaffeesatz_bold.ttf') format('truetype'); }

.it	{ font-style: italic; } 
.bo	{ font-weight: bold; }

/* ===================================================================== */
/* Body & Frames */

body			{ background-color:white; border:none; border:0; margin:0; margin-top:0px; }

iframe			{ background-color:white; border:none; border:0px; margin:0px; scrollbar:no; width:100%; height:100%; }

table.rahmen	{ background-color:white; border:none; border:0px; margin:0px; scrollbar:no; width:100%; height:100%; border-spacing:0px; border-collapse:collapse; }


/* ===================================================================== */
/* Global */

hr	{ border:0px solid black; }

a,b,p,td,h1,h2,h3,h4,tt,ul,ol,sl,li,tt,textarea,input { font-family:Arial,Helvetica,Sans serif; margin-bottom:0; }

p,td,ul,sl	,ol	{ font-size:13px; margin-top:5px; margin-bottom:5px; padding-left:15px; padding-right:15px; }
li				{ margin-left:15px; margin-right:15px; }

p.fliess		{ font-size:13px; color:#111111; text-align:left; font-weight:normal; line-height:17px;  
						padding-left:22px; padding-right:22px; padding-top:0px; padding-bottom:3px; }

/* ===================================================================== */
/* Überschriften */

h1 { font-size:34px; letter-spacing:2px; line-height:50px; padding:15px; font-family: schmal1, arial, sans-serif; }
h2 { font-size:28px; letter-spacing:1px; line-height:40px; padding:15px; font-family: schmal2, arial, sans-serif; }

/* Für Datenschutz */
h3 { font-size:20px; letter-spacing:1px; line-height:26px; padding:10px; font-family: schmal2, arial, sans-serif; padding-top:0px; padding-bottom:0px; margin:0px; }
h4 { font-size:18px; letter-spacing:1px; line-height:24px; padding:10px; font-family: schmal2, arial, sans-serif; padding-top:0px; padding-bottom:0px; margin:0px; }

h3.bo { font-size:20px; letter-spacing:1px; line-height:26px; padding:10px; font-family: schmal4, arial, sans-serif; padding-top:0px; padding-bottom:0px; margin:0px; font-weight:bold; }
h4.bo { font-size:18px; letter-spacing:1px; line-height:24px; padding:10px; font-family: schmal4, arial, sans-serif; padding-top:0px; padding-bottom:0px; margin:0px; font-weight:bold; }

h5 { font-size:30px; letter-spacing:2px; padding:15px; font-family: schmal3, arial, sans-serif; }
h6 { font-size:30px; letter-spacing:2px; padding:15px; font-family: schmal4, arial, sans-serif; }


a.h3wh,a.h3wh:link,a.h3wh:active,a.h3wh:visited { font-size:13px; font-weight:bold; letter-spacing:2px; color:white; }
a.h3bk,a.h3bk:link,a.h3bk:active,a.h3bk:visited { font-size:13px; font-weight:bold; letter-spacing:2px; color:black; }

a.h3bk:hover,a.h3wh:hover { color:red; text-decoration:none; }


/* ===================================================================== */
/* Hyperlinks */

a,a:link,a:active,a:visited { color:black; }
a:hover   { color:#333333; }

a.thema,a.thema:link,a.thema:active,a.thema:visited { color:black; }
a.thema:hover   { color:#ddddff; }

a.button,a.button:link,a.button:active,a.button:visited { color:#eeeeee; }
a.button:hover   { color:#ffffff; }



/* ===================================================================== */
/* Buttons & Schaltflächen */

td	{ padding:0px; vertical-align:top; }

td.kopf,td.thema,td.inhalt,td.not,td.starticon,img.lyte { cursor:pointer; }


td.logo			{ font-size:0px; line-height:0px; background-color:#ffffff; 
						border:9px solid #ffffff; border-bottom:18px solid #ffffff; border-top:0px;
						background-image:; background-repeat:repeat-x; }

td.logozeile		{ font-size:0px; line-height:0px; background-color:#ffffff; 
						border:9px solid #ffffff; border-bottom:0px; border-top:0px;
						background-image:; background-repeat:repeat-x; }

td.rahmen			{ border:0px; padding:0px; margin:0px; vertical-align:top; }


p.hauptfeld		{ font-family:schmal2, Arial,Helvetica,Sans serif; font-size:18px; color:#000000; 
						letter-spacing:1px; line-height:21px; padding-left:15px; padding-right:15px; }

td.hauptfeld		{ font-family:schmal2, Arial,Helvetica,Sans serif; font-size:18px; color:#000000; 
						border:9px solid #ffffff; border-bottom:18px solid #ffffff; border-top:0px; background-color:#ddddff; }

td.fehlerfeld		{ font-family:schmal2, Arial,Helvetica,Sans serif; font-size:18px; color:#000000; 
						border:9px solid #ffffff; border-bottom:18px solid #ffffff; border-top:0px; background-color:#ffdddd; }
						

p.unterfeld		{ font-family:schmal3, Arial,Helvetica,Sans serif; font-size:18px; color:#333333;
						letter-spacing:0px; line-height:19px; padding-left:22px; padding-right:22px; }

td.unterfeld		{ font-family:schmal3, Arial,Helvetica,Sans serif; font-size:18px; color:#333333; 
						border:0px; background-color:#ccccee; }

td.unterfeldhell	{ font-family:schmal3, Arial,Helvetica,Sans serif; font-size:18px; color:#333333; 
						border:0px; background-color:#eeeeff; }

td.unterfeldplus	{ font-family:schmal3, Arial,Helvetica,Sans serif; font-size:18px; color:#333333; 
						border:0px; border-bottom:4px solid #ddddff; background-color:#ccccee; }


td.haupttaste		{ font-family:schmal3, Arial,Helvetica,Sans serif; font-size:18px; color:#333333; 
						border:0px; background-color:#ccccee; cursor:pointer; text-align:center; }

td.haupttasteAKT	{ border:1px solid #000000; font-size:16px; color:#ffffff; font-weight:bold; line-height:20px; background-color:#009ee3;
						padding:15px; cursor:pointer; text-align:center; 
						border:9px solid #ffffff; border-bottom:18px solid #ffffff; border-top:0px }

td.starticon		{ border:1px solid #000000; font-size:16px; color:#ffffff; background-color:#009ee3;
						padding:15px; text-align:center; vertical-align:middle;
						border:9px solid #ffffff; border-bottom:18px solid #ffffff; border-top:0px }


td.textlogo		{ font-size:0px; line-height:0px; background-color:#ffffff; margin-bottom:18px;
						padding-left:80px; padding-right:80px; padding-top:0px; padding-bottom:30px; 
						background-image:url("grafik/fortunalogo05.gif"); background-position: 540px 15px; background-repeat: no-repeat; }

td.textfeld		{ font-size:13px; color:#000000; text-align:justify; font-weight:normal; line-height:17px; 
						padding-left:80px; padding-right:80px; padding-top:0px; padding-bottom:18px; background-color:white; }
						
td.textfuss		{ font-size:13px; color:#000000; text-align:left; font-weight:normal; line-height:17px; 
						padding-left:80px; padding-right:80px; padding-top:0px; padding-bottom:18px; background-color:white;
						border-top:2px solid #cccccc; height:100%; width:100%; }
						



td.bez		{ padding:2px; text-align:right; vertical-align:middle; font-size:14px; }

td.button { padding:10px; text-align:center; vertical-align:middle; font-size:14px; color:#eeeeee; background-color:#003277; 
			border:1px solid black; font-weight:bold; cursor:pointer; }

div.knopf		{ padding:15px; padding-top:7px; padding-bottom:7px; text-align:left; vertical-align:middle; font-size:18px; font-family:schmal3,Arial,sans-serif; 
					color:#333333; background-color:#bbbbdd; border:1px solid black; border-radius:5px; 
					transition-property:background-color,border-color,color; transition-duration:0.4s; cursor:pointer; }

div.wieh1		{ font-size:34px; font-weight:bold; letter-spacing:2px; font-family: schmal1, arial, sans-serif; 
					background-color:#ddddff; margin:0; padding:15px; vertical-align:middle; 
					transition-property:background-color,color; transition-duration:0.2s; cursor:pointer; }

div.wieh2		{ font-size:28px; font-weight:bold; letter-spacing:1px; font-family: schmal2, arial, sans-serif; 
					background-color:#ddddff; margin:0; padding:15px; vertical-align:middle; 
					transition-property:background-color,color; transition-duration:0.2s; cursor:pointer; }

div.zeile		{ font-family:schmal3, Arial,Helvetica,Sans serif; font-size:20px; color:#333333; vertical-align:middle; 
						letter-spacing:0px; line-height:19px; padding:8px; padding-left:22px; padding-right:22px; background-color:#ddddff; 
						transition-property:background-color,color; transition-duration:0.2s; cursor:pointer; }


div.unterfeld	{ font-size:18px; color:#333333; font-family: schmal3, arial, sans-serif; padding-top:10px; padding-bottom:10px; 
					background-color:#ccccee; letter-spacing:0px; line-height:11px; padding-left:22px; padding-right:22px; 
					transition-property:background-color,color; transition-duration:0.2s; cursor:pointer; }


/* ===================================================================== */
/* Tabellen */

td.kopf { padding:10px; text-align:center; vertical-align:middle; font-size:14px; font-weight:bold; 
color:#eeeeee; background-color:#003277; border:1px solid black; border-radius: 7px; 
transition-property:background-color,border-color,color; transition-duration:0.4s;  }

td.thema  { padding:4px; text-align:left; vertical-align:middle; font-size:13px; color:#eeeeee; background-color:#003277; font-weight:bold; 
 border-radius: 4px; transition-property:background-color; transition-duration:0.4s; }
td.inhalt { padding:2px; text-align:left; vertical-align:middle; font-size:13px; color:black; background-color:#E1F5FD; transition-property:background-color; transition-duration:0.4s; }
td.inende { padding:2px; text-align:left; vertical-align:middle; font-size:13px; color:black; background-color:#E1F5FD; border-bottom:3 solid white;  }

td.not		{ padding:4px; font-size:13px; font-weight:bold; color:#881122; background-color:#E1F5FD; border:2px solid #881122; border-radius: 4px; 
 text-align:center; vertical-align:middle; transition-property:background-color,border-color,color; transition-duration:0.4s; }

tt.not		{ padding:4px; font-size:13px; font-weight:bold; color:#881122; background-color:#E1F5FD; border:2px solid #881122; border-radius: 4px; 
 transition-property:background-color,border-color,color; transition-duration:0.4s; }

td.inpics { padding:10px; text-align:center; vertical-align:middle; font-size:11px; color:black; background-color:#E1F5FD; }

td.promo  { padding:0px; padding-bottom:10px;text-align:center; vertical-align:middle; font-size:11px; color:black; background-color:#E1F5FD; }


td.subtext { padding-left:25px; padding-right:25px; font-size:11px; color:black; text-align:justify; }

td.copyright { padding-left:25px; padding-right:25px; font-size:11px; color:black; text-align:center; letter-spacing:1px; }

td.weiss	{ color:white; background-color:white;  }

/* ===================================================================== */
/* NICHT MEHR VERWENDET */

td.text	{ padding-left:25px; padding-right:25px; font-size:13px; color:black; background-color:red;  }

tt	{ font-size:10px; margin-bottom:0px; margin-top:0px; color:#AA0000; font-weight:bold; background-color:orange;  } 


/* POSITIONEN LAYER OBJEKTE ====================================================== */

#banner { position:absolute; z-index:2; left:12; top:187; width:276px; height:145px; }

#slider { width:12100px; height:266px; }

/* ===================================================================== */
/* Scrollbar Tag */
/* base = Farbe des Schiebebalkens (ändert auch 50% der Schiebeleiste) */
/* shadow = innerer rand des Schiebebalkens rechts und unten */
/* highlight = Grundfarbe der Schiebeleiste (ändert auch links und oben der scrollbar) */

/* arrow = Pfeile auf den Pfeiltasten */

/* 3d-light = Schiebebalken links und oben (nur unter bestimmten voraussetzungen) */

body {
	scrollbar-arrow-color: #aaaaaa;
	scrollbar-face-color: #eeeeee;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;}