/* style-sheet (c) 2002-2015 www.pewo-design.de */

body        { background:#AAAAAA; margin:0px; border:0px; padding:0px; }
body.dunkel { background:#222222; }
body.rahmen { background:#333333; background:url("grafik/logo_dark_back.jpg") repeat; }
body.bild   { background:#eeeeee; }

iframe      { border:14px solid #eeeeee; border-right:0px }

/* ===== STANDARDFORMATE ==================================================== */

a,b,i,p,h1,h2,h3,h4,h5,h6,li,td,tt,input { font-family:Arial,Helvetica,sans-serif; margin:0; font-size:11px; }

p { padding-left:12px; padding-right:12px; margin-bottom:8px; line-height:16px; }

a,a:link,a:active,a:visited  { font-size:11px; font-weight:bold; letter-spacing:0px; letter-spacing:2px; }
a:hover   { color:#FF0000; text-decoration:none; }


/* ===== SONDERFORMATE ==================================================== */

img.rand   { border:2px solid #b51521; }

td.hell { background:#FFDD88; color:#000000; }

td.schluss { color:white; font-size:40px; text-align:center; }



/* ===== IMPRESSUM ==================================================== */

h1.imp { color:#DDDDDD; border-bottom:1px solid #DDDDDD; }

td.imp { background:#333333; color:#FFFFFF; padding-left:90px; padding-right:90px; }



/* = TEXT SEITEN ==================================================== */

td.startbox { color:#000000; font-size:11px; background:#eeeeee; border-right:5px solid #222222; border-left:5px solid #222222; padding:0px; }

td.textbox  { color:#000000; font-size:11px; background:#eeeeee; border-right:5px solid #222222; padding:0px; }

td.kopf    { color:#eeeeee; font-size:16px; font-weight:bold; margin-top:3px; margin-bottom:5px; letter-spacing:2px; padding:6px; padding-left:20px; padding-right:20px; background-color:#752521; }

td.fuss    { color:#eeeeee; font-size:16px; font-weight:bold; letter-spacing:2px; padding:6px; padding-left:20px; padding-right:20px; background-color:#222222; }

td.kopftrenn    { font-size:1px; color:#eeeeee; background-color:#eeeeee; border-top:5px solid #222222; border-bottom:13px solid #eeeeee; }


td.stammkurs { vertical-align:middle; text-align:center; font-size:11px; color:#000000; padding-left:2px; padding-right:2px; background-color:#dddddd; }

p.breit { font-size:11px; color:#000000; text-align:left; padding-left:90px; padding-right:90px; }







/* ===== HEADER ==================================================== */
/* h1: Seitenüberschrift (auch als td-Tag: kopf */
/* h2: Überschrift der Textboxen */
/* h3: Überschrift der Links auf der Linkseite */
/* h4: Letzte Zeile der Textboxen */

/* h5: Untertitel des Indexrahmens */


h1         { color:#eeeeee; font-size:16px; font-weight:bold; margin-top:3px; margin-bottom:5px; letter-spacing:2px; padding:6px; padding-left:20px; padding-right:20px; background-color:#b51521; }

h2 { color:#555555; font-size:12px; font-weight:bold; padding:6px; padding-left:12px; letter-spacing:2px; text-decoration:none; background-color:#dddddd; margin-bottom:12px; border-top:5px solid #111111; }

h3 { color:#b51521; font-size:16px; font-weight:bold; padding-top:3px; padding-left:12px; letter-spacing:3px;  background-color:#e8e8e8; margin-bottom:0px; border-top:2px solid #111111; }

a.wieh3,a.wieh3:link,a.wieh3:active,a.wieh3:visited { color:#b51521; font-size:16px; font-weight:bold; letter-spacing:3px; }
a.wieh3:hover { color:black; text-decoration:none; }


h4 { color:#111111; background-color:#111111; font-size:1px; border-top:3px solid #111111; }

h4.alt { color:#555555; font-size:11px; font-weight:bold; letter-spacing:1px; border-bottom:1px solid #555555; padding-left:3px; }

h5 { color:#666666; font-size:32px; font-weight:bold; letter-spacing:3px; font-family:"Arial Narrow";Haettenschweiler;Arial,Helvetica,sans-serif; }





/* = FADEER TASTEN ============================================================= */

/* = FADE TASTEN WEISS AUF SCHWARZ ==================================================== */

td.weiss { background-color:none; color:white; font-size:11px; font-weight:bold; letter-spacing:2px; 
			border:2px solid white; border-radius:4px; padding:2px; padding-right:10px; padding-left:10px;
			cursor:pointer; transition-property:background-color,border-color,color; transition-duration:0.4s; }

a.weiss,a.weiss:link,a.weiss:active,a.weiss:visited { font-size:11px; font-weight:bold; letter-spacing:2px; color:white; }
a.weiss:hover { color:white; text-decoration:none; }


/* = FADE TASTEN SCHWARZ AUF WEISS (nicht genutzt) =============================================== */

td.schwarz { filter:alpha(opacity=50); color:#000000; letter-spacing:2px; font-size:10px; font-weight:bold; background-color:none; border:1px solid black; padding:2px; padding-right:10px; padding-left:10px; text-align:center; }

a.schwarz,a.schwarz:link,a.schwarz:active,a.schwarz:visited { cursor:default;  cursor:auto; font-size:10px; font-weight:bold; letter-spacing:2px; color:black; }
a.schwarz:hover { color:black; text-decoration:none; }



/* = SCROLLBAR ==================================================================== */
/* = hell ==================================================================== */

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

/* = black ==================================================================== */

body.black {
	scrollbar-arrow-color: #ff0000;
	scrollbar-face-color: #333333;
	scrollbar-3dlight-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: #000000;
	}

/* = beige ==================================================================== */

body.beige	 {
	scrollbar-arrow-color: #000000;
	scrollbar-face-color: #FFDD88;
	scrollbar-3dlight-color: #FFDD88;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #FFDD88;
	scrollbar-darkshadow-color: #FFDD88;
	}
/* = hellbeige ==================================================================== */

body.rops {
	scrollbar-arrow-color: #000000;
	scrollbar-face-color: #FFEEDD;
	scrollbar-3dlight-color: #FFEEDD;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #FFEEDD;
	scrollbar-darkshadow-color: #FFEEDD;
	}