@charset "iso-8859-1";

@import url(layout.css);
@import url(forms.css); 
/**
 * pragmaMx - Web Content Management System.
 * Copyright by pragmaMx Developer Team - http://www.pragmamx.org
 * $Id: style.css,v 1.14.2.1 2008/12/15 18:12:45 tora60 Exp $ *
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	Bright Side of Life
   TEMPLATE CODE: 	S-0005
   VERSION:          1.0          	
 */


a {
   color: #cc9999;
   background-color: inherit;
   text-decoration: none;
}

a:focus, 
a:hover, 
a:active {
   color: #c14d4e;
   background-color: inherit;
}

acronym, abbr {
   border-bottom: 1px solid #777777;
   cursor: help;
}

fieldset{
   border: 1px solid #f5f5f5;
   margin: 0 0 1em 0;
   padding: 1em .5em .5em .5em;
}

/* headers */
h1 {
   font-size: 1.7em;
}

h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .title *, .option * {
   color: #60747d;
   background-color: transparent;
   text-decoration: none;
   line-height: normal;
}

h1, h2, h3, h4, h5, h6, .title {
   display: block;
}

h1, h2, h3, h4, h5, h6, .title, .option, legend {
   white-space: normal; /* z.B. Your_Account&op=edithome, der Userblock */
   color: #60747d;
   background-color: transparent;
   font-weight: bolder;
   font-family: "Trebuchet MS", Arial, Sans-serif;
   text-align: left;
}

h2, .title {
   font-size: 1.5em;
}

h3, .option {
   font-size: 1.3em; /* h3 ist die gleiche Definition wie .option, ausser block und margin !! */
}

h4 {
   font-size: 1.1em;
}

h4, h5, h6 {
   margin: 0 0 0.3em 0;
}

h5, h6 {
   font-size: 1.0em;
}

hr {
   border: #f5f5f5; /* Opera 7.11 */
   margin: 5px 0 5px 0;
   background-color: #f5f5f5; /* Mozilla 1.4 */
   color: #f5f5f6; /* IE 6 */
   /* In Opera ist eine feste Höhe für die Anzeige
    notwedig, hingegen in Mozilla für eine
    einheitliche Darstellung wichtig. */
   height: 1px;
}

img.align-left,
img.align-left.border,
img.float-left,
img.float-left.border {
   margin: 5px 12px 5px 0px;
}

img.align-right,
img.align-right.border,
img.float-right,
img.float-right.border {
   margin: 5px 0px 5px 12px;
}

/* images */
img.border {
   margin: 3px 10px 3px 10px;
   border-width: 2px;
   border-style: solid;
   border-left-color: #4284b0;
   border-right-color: #60747d;
   border-bottom-color: #60747d;
   border-top-color: #4284b0;
}

img.margin {
   margin: 5px 12px 5px 12px;
}

legend{
   border: 1px solid #f5f5f5;
   padding: 2px 6px 2px 6px;
   color: #4284b0;
   background-color: transparent;
   font-weight: bolder;
   font-size: 1.3em;
   text-align: left;
}

li {
   margin-left: 1.5em;
   line-height: 1.5em;
}


/* ### Lists | Listen  #### */
ul, ol, dl {
   margin: 1em 1em;
   padding: 0 .7em;
   color: #4284b0;
   background-color: transparent;
}

.align-center {
   text-align: center;
}

.align-justify {
   text-align: justify;
}

.align-left {
   text-align: left;
}

.align-right {
   text-align: right;
}

.base-color {
   color: #083f5b;
   background-color: transparent;
}

.bigger {
   font-size: 120%;
}

.box {
   border: 1px solid #bada77;
   padding: .5em;
   margin: .1em;
   display: block;
   background-color: #fdfefa;
   color: inherit;
}

.clear {
   clear: both;
}

.code * {
   font-size: 9px; /* zur Sicherheit, damit wirklich alles gleich gross ist */
}

.code pre {
   border: none; /* dieser Selector hebt die vorherigen Definitionen auf, damit es im Forum keine Probleme gibt, wo diese Verschachtelung vorkommt! */
   margin: auto;
   padding: 0;
   font-size: 9px; /* zu Sicherheit doppelgemoppelt!! */
}

.code, pre, code {
   width: auto;
   padding: 10px;
   margin: 5px 0;
   border-left: 4px solid #4284b0;
   border-right: 1px solid #f2f2f2;
   border-top: 1px solid #f2f2f2;
   border-bottom: 1px solid #f2f2f2;
   display: block;
   white-space: pre;
   background-color: #fafafa;
   color: #666666;
   font-family: 'Lucida Console', 'courier new', monospace;
   font-size: 1em;
   text-align: left;
   line-height: 1.2em;
   max-height: 22em;
   overflow: auto;
}

.content {
   font-size: 1em;
   line-height: 1.4em;
}

.float-left {
   float: left;
   margin-right: 1em;
   margin-bottom: 0.15em;
   display: inline;
}

.float-right {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.15em;
   display: inline;
}

.hide {
   display: none;
}

.highlight {
   border-bottom: 1px solid #f5f5f5;
   padding: 0 0.3em 0 0.3em;
   background-color: #ffffcc;
   color: #c43219;
}

.important {
   padding: 1em;
   border-top: 1px #ddddbb dotted;
   border-bottom: 1px #ddddbb dotted;
   display: block;
   background-color: #ffffcc;
   color: inherit;
}

.indent {
   margin-left: 125px;
   display: block;
}

.note {
   padding: 1em;
   border-top: 1px #0079a8 dotted;
   border-bottom: 1px #0079a8 dotted;
   display: block;
   background-color: #f8fbfe;
   color: inherit;
   font-style: italic;
}

.quote, cite, blockquote {
   width: auto;
   padding: 3px 10px 3px 15px;
   margin: 0.2em;
   border-left: 4px solid #4284b0;
   border-right: 1px solid #f2f2f2;
   border-top: 1px solid #f2f2f2;
   border-bottom: 1px solid #f2f2f2;
   display: block;
   background-color: #fafafa;
   color: #4284b0;
   font-size: 1em;
   overflow: auto;
}

.smaller {
   font-size: 85%;
}

.tiny, small {
   font-size: .86em;
}

/* verschachtelte Elemente zurücksetzen */
/* 
.title *, .option *, .content *, .tiny * {
   font-size: 100%;
}
*/
.warning {
   padding: 1em;
   border-top: 1px #ddbbbb dotted;
   border-bottom: 1px #ddbbbb dotted;
   display: block;
   background-color: #ffdddd;
   color: inherit;
}

/* das ist der Hintergrund für die Texteingabe */
#htmlarea {
   margin: 0;
}

#htmlarea body {
   margin: 5px;
}

#htmlarea,
#htmlarea body {
   padding: 0;
   color: #000033;
   background-color: #ffffff;
   background-image: none;
   text-align: left;
}