/* Standard-CSS fır www.site-support.de                           */
/* Teil 1 - Basicformatierung                                     */

/* Verwendete Farbcodes:                                          */
/* #303030 = Textfarbe, Headerıberschrift                         */
/* #606060 = Skipmenu,                                            */
/* #194180 = Link, Linkhintergrund, ıberschrift, Menırahmen       */
/* #ACC4EB = Link-hover, Footer und Navi-Hintergrund              */
/* #E4EBF9 = Seitenhintergrund aussen,                            */
/* #F6F4F4 = Seitenhintergrund innen, Headerrahmen                */
/* #8FB9E1 = Boxrahmen                                            */

body
{
margin: 0;
padding: 0;
font: 12px arial, hevetica, sans-serif;
text-align: center;
color: #303030;
background-color: #E4EBF9;
}

a:link { color: #194180; }
a:visited { color: #194180; }

a:hover, a:active
{
color: #ACC4EB;
background-color: #194180;
}

h2
{
color: #194180;
font: 20px arial, georgia, sans-serif;
font-weight: bold;
margin: 0 0 2px 0;
}

h2 a { text-decoration: none; }

h3
{
color: #194180;
font: 14px arial, times, "times new roman", serif;
font-weight: bold;
margin-top: 0;
}

h3 a { text-decoration: none; }

table tr td
{
margin: 0;
padding: 0;
font: 12px arial, hevetica, sans-serif;
vertical-align:top;
}

#container
{
margin: 1em auto;
width: 650px;
text-align: left;
background-color: #F6F4F4;
}

#header
{
height: 50px;
width: 100%;
background-image: url(/images/SiteSupport_kl.gif);
background-repeat: no-repeat;
background-position: 10 0;
position: relative;
border-bottom: 5px solid #F6F4F4;
}

#header h1
{
font-size: 25px;
text-align: left;
color: #303030;
margin: 5px;
padding: 5px;
}

#mainnav ul { list-style-type: none; }
#mainnav li { display: inline; }

#menu
{
float: left;
width: 165px;
border-right: 1px solid #194180;
padding-left: 20px;
}

#contents { margin: 0px 20px 50px 200px; }
#contents p { line-height: 165%; }
.blogentry { border-bottom: 1px solid #194180; }
.imagefloat { float: right; }
.imagefloat_left { float: left; }

#footer
{
background-color: #ACC4EB;
padding: 5px;
font-size: 10px;
clear: both;
color: #194180;
text-align: right;
} 

#footer a
{
color: #194180;
text-decoration: none;
} 

#footer a:hover
{
color: #E4EBF9;
text-decoration: underline;
}

#skipmenu
{
position: absolute;
left: 0;
top: 5px;
width: 645px;
text-align: right;
}

#skipmenu a
{
color: #606060;
text-decoration: none;
}

#skipmenu a:hover
{
color: #F6F4F4;
background-color: #606060;
text-decoration: none;
}

#box
{
margin: 2px 2px 10px 0px;
padding: 4px;
border: 1px solid #8FB9E1; 
} 

#box1
{
margin: 2px 2px 10px 0px;
padding: 4px;
border: 1px solid #8FB9E1; 
}

#box2
{
margin: 2px 2px 10px 0px;
padding: 4px;
border: 1px solid #8FB9E1; 
}

#box3
{
margin: 2px 2px 10px 0px;
padding: 4px;
border: 1px solid #8FB9E1; 
}  

#box a
{
font-weight: bold;
}

#box1 a
{
font-weight: bold;
}

#box2 a
{
font-weight: bold;
}

#box3 a
{
font-weight: bold;
}

.email
{
unicode-bidi:bidi-override;
direction: rtl;
}

/* Formatierung der Formulare */

.formbox {
background-color: #E4EBF9;
border: 1px solid #8FB9E1;
padding: 10px;}

.row {
padding-top: 3px;
clear : both; }

.bez {
float: left;
width: 100px;
padding-right: 10px;
text-align: right;
font-weight : bold; }

.field {
text-align: left; }

.list {
font-size: 8px;
padding-left: 25px;
text-align: left; }

/* Formatierung fuer Info-texte */

a.info {
	cursor: help;
	text-decoration:none;
	}
a.info span { display: none; }
a.info:hover span { /* diese Anweisung fuer Geckos u. Opera */
	display:block;
	position:absolute; 
	top:2em;left:0em; 
	width:15em;
	border:1px solid #036;
	padding:2px; 
	background:#E4EBF9; color:#000;
	text-align: left;
	font-size:81%;
	}
a.info:hover { /* fuer die Anzeige im Internet Explorer */
	z-index:25;
	background:#E4EBF9;
	}
a.info { /* relativ zum Elternelement positionieren */
	position: relative;
	z-index:24;
	}