/* Aufbau:
	left frame: float:left; width:12%
	right frame: float:right, width:25%
	mittlerer frame: kein float, kein width!
*/

* {
 font-family:Verdana, Georgia, Arial, Courier;
 font-size:14px;
}

html {
 /* width:1200px;*/ /* notwendig, um absolut positionierte Elemente bei Größenänderung in IE richtig zu positionieren */
		/* dadurch geht aber die Zentrierung der gesamten Seite verloren */
scrollbar-base-color:blue;
scrollbar-3dlight-color: lightblue;
scrollbar-arrow-color: #666666;
scrollbar-darkshadow-color: #666666;
scrollbar-face-color: blue;
scrollbar-highlight-color: lightblue;
scrollbar-shadow-color: #FF9900;
scrollbar-track-color: #999999;
}

body {
 margin:130px auto; /* Abstand von oben, auto=zentrieren */
 width:1200px;   /* gewünschte Seitenbreite */
 /*height:1200px;*/  /* feste Höhe, falls gewünscht */
 /* für gleichmässige Höhe: Height:1024, overflow:auto bei jedem Element eintragen */
 background-image:url(../img/bg.jpg);
 background-repeat:repeat-all;
 background-position:top center;  /* "top center" bei Übergrösse */
 background-attachment:fixed;
}

/* --------------------------------------------------------------
	absolute positioned objects (independent of any frames)
   -------------------------------------------------------------- */
div#absScrollObject {
 position:absolute; /* Objekte scrollen mit */
}

div#absFixedObject {
 position:fixed;  /* Objekte bleiben beim Scrollen fest verankert */
}

/* --------------------------------------------------------------
	Left FRAME (Width: in regarding of width r_frame + c_frame)
   -------------------------------------------------------------- */
div#l_wrapper {
 background-image:url(../img/wrapper_l.gif); /* so breit wie Spalte, Rest transparent ! */
 background-position:0 0;
 background-repeat:repeat-y;
}

div#l_frame {
 overflow:auto;
 width:18%;
 clear:both;
 float:left;
 /* border:dashed 1px lightblue; */
 text-align:center;
}

/* ----------------------------------------------------------------------------------------------
	ContentFRAME (Width von l_frame und r_frame beachten! =100%)
	Width not necessary, calculates automatically if l_frame floats left and r_frame floats right
   ---------------------------------------------------------------------------------------------- */
div#c_wrapper {
 background-image:url(../img/wrapper_c.gif); /* so breit wie Spalte, Rest transparent ! */
 background-position:219px 0;
 background-repeat:repeat-y;
}

div#c_frame {
 overflow:auto;
 padding:5px 10px;
 text-align:left;
 color:white;

 /*
 border-top: solid 1px rosybrown;
 border-left: solid 1px rosybrown;
 border-bottom: solid 1px gray;
 border-right: solid 1px gray;
 */

/*
 background-repeat:repeat;
 background-position:top left;  "top center" bei Übergrösse
 background-attachment:fixed;
*/
}

/* --------------------------------------------------------------
	Right FRAME (Width: in regarding of width l_frame + c_frame)
   -------------------------------------------------------------- */
div#r_wrapper {
 background-image:url(../img/wrapper_r.gif); /* so breit wie Spalte, Rest transparent ! */
 background-position:948px 0;
 background-repeat:repeat-y;
}

div#r_frame {
 overflow:auto;
 width:21%;
 float:right;
 color:white;
 font-size:8px;
 text-align:justify;
 /* background-color:darkred; */
 /* border:dashed 1px lightgreen; */
}

/* --------------------------------------------
	Last Frame (whole width)
   -------------------------------------------- */
div#bottom {
 clear:both;
}
div#bottom_left {
 width:70%;
 padding:5px 10px;
 float:left;
 text-align:left;
 color:lightgray;
}
div#bottom_right {
 padding:20px 10px;
 float:right;
 text-align:right;
 color:lightgreen;
}

/* --------------------------------------------------------------
	Text-Formatierung
   -------------------------------------------------------------- */
#text_justify {
 /* background-color:#0f0f0f; */
 text-align:justify; /* Blocksatz */
 padding:0px 10px; /* Abstand von Umrandung */
}
#text_left {
 text-align:left; /* Blocksatz */
 padding:0px 10px; /* Abstand von Umrandung */
}
#text_center {
 text-align:center; /* Blocksatz */
 padding:0px 10px; /* Abstand von Umrandung */
}
#text_right {
 text-align:right; /* Blocksatz */
 padding:0px 10px; /* Abstand von Umrandung */
}

/* --------------------------------------------
	PICTURE Placement
   -------------------------------------------- */
div#pic_left {	/* [Pl] left, text floating */
	float:left;
	color:lightgray;
}

div#pic_center {	/* [P] centered, no text float*/
	text-align:center;
	color:lightgray;
}

div#pic_right {	/* [Pr] right, text floating */
	float:right;
	color:lightgray;
}

div#pic_lastone { /* einziges oder letztes Bild */
 padding-left:5px;
 padding-right:5px;
 padding-top:10px;
}

div#pic_others { /* 2.tes, 3.tes, ..., Bilderreihe */
 float:left;
 text-align:center;
 padding-left:5px;
 padding-right:5px;
 padding-top:10px;
}

/* --------------------------------------------
	HEADLINES
   -------------------------------------------- */
h1 {
 font-size:120%;
 padding:5px 10px;
 color:yellow;
 background-color:firebrick;
 border-left:2px solid white;
 border-top :2px solid white;
 border-bottom:2px solid gray;
 border-right :2px solid gray;
}
h1.h1c {text-align:center}
h1.h1r {text-align:right}
h1.h1j {text-align:justify}

h2 {
 font-size:14px;
 padding:5px 10px;
 color:lightgreen;
 background-color:#010199;
 border-bottom:1px dotted lightgreen;
}
h2.h2c {text-align:center}
h2.h2r {text-align:right}
h2.h2j {text-align:justify}

h3 {
 font-size:14px;
 font-weight:bold;
 padding:2px 8px;
 /* margin:6px 8px; */
 color:lightgray;
 border-top:solid 1px lightgray;
 border-bottom:solid 1px lightgray;
}
h3.h3c {text-align:center}
h3.h3r {text-align:right}
h3.h3j {text-align:justify}

h4 {
 font-size:16px;
 padding:3px 3px;
 text-align:center;
 color:darkblue;
 background-color:rosybrown;
}
h4.h4c {text-align:center}
h4.h4r {text-align:right}
h4.h4j {text-align:justify}

.error {
 font-size:20px;
 text-decoration:blink;
 padding:3px 3px;
 text-align:center;
 color:red;
 background-color:indigo;
}

img	{border:none}

p   {margin:10px auto; color:#eeeeee;}
pw  {margin:10px auto; color:#ffffff;}

/* q:before{content:url(../images/unke.gif);} */ /* vor einer Zeile einfügen */
/* q:before{content:counter();} */

/* --------------------------------------------
	LINKS
   -------------------------------------------- */
a:link, a:active, a:hover {
 text-decoration:none;
 font-weight:bold;
 color:lightgreen;
 font-size:13px;
 line-height:160%;
}

a:visited {
 font-weight:bold;
 color:green;
 font-size:13px;
 line-height:160%;
}

a:active, a:hover {
 color:red;
}

/* --------------------------------------------
	Box je Frame zum Vor-/Rückblättern
   -------------------------------------------- */
div#pagebox {
 /* position:fixed; top:10%; left:auto; */
 text-align:right;
 font-size:14px;
 font-weight:bold;
 margin:0px 2px;
 padding-left:6px;
 padding-right:6px;
 background-color:darkblue;
 color:orange;
}
a#a_pb {
 font-size:14px;
 color:gold;
 margin-left:2px;
 margin-right:2px;
 padding-left:4px;
 padding-right:3px;
 /* border-left:dotted 2px firebrick; */
 border-right:dotted 1px firebrick;
}
a#a_pb:link, a#a_pb:active, a#a_pb:hover, a#a_pb:visited {
 color:lightblue;
/*  line-height:130%; */
/* border: solid 1px gray; */
}
a#a_pb:active, a#a_pb:hover {
 color:red;
}

/* shoutbox */
#input {
 font-family: arial;
 color:yellow;
 font-size:12px;
 margin-left:10px;
 margin-right:5px;
 margin-top:15px;
 margin-bottom:15px;
}

#mychat {
 padding:1px 1px;
 text-align:left;
 border:2px solid #f02020;
}

#chatwindow {
 padding:4px;
 background-color:darkblue;
 font-size:13px;
 color:#ffffff;
 width:98%;
 font-family:courier new;
}

#chatnick {
 float:left;
 font-size:10px;
 margin-top:4px;
 padding-left:4px;
 background:#e0e0e0;
}

#chatline {
 width: 64%;
 color:white;
 margin-left:6px;
 padding:4px;
 background:#303030;
}

#chatactivity {
 float:right;
 font-size:10px;
 text-align:center;
 padding:6px;
}