@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: #4284b0;
background-color: inherit;
text-decoration: none;
}

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

acronym, abbr {
border-bottom: 1px solid #777;
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: #6297bc;
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: #6297bc;
background-color: transparent;
font-weight: bolder;
font-family: "Trebuchet MS", Arial, Sans-serif;
text-align: left;
margin-bottom: 7px;
margin-top: 7px;
}

h2, .title {
font-size: 1.3em;
color: #000;
font-weight: bold;
margin-bottom: 7px;
margin-top: 7px;
border-bottom: 2px solid #6297bc;
}

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: #6297bc;
border-bottom-color: #6297bc;
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;
}


/* ### Listen  #### */
ul, ol, dl {
margin: 1em 1em;
padding: 0 .7em;
color: #000;
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: #fff;
background-image: none;
text-align: left;
}