/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// BODY /////////////////////////////////////// */
/* //	Standard HTML-Tags // */

html { font-size: 100.1%; overflow: -moz-scrollbars-vertical; } /* FF/Gecko-Browser, damit FLOAT-Layout sich nicht verschiebt */

html, body { height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 16px  62.5% = 10px */ 
	color: #fff;
	text-align: center;
	background: #f78c00 url(../img/bg.gif) repeat-x;
}

p { font-size: 1.2em; }

h1, h2 { font-weight: normal; text-transform: uppercase; }
h1 { font-size: 3.6em; line-height: 1em; }
h2 { font-size: 1.8em; }

a { color: #900; }
a:hover { color: #fff; }

* html img { behavior: url(../../navi/navi/pngbehavior.htc); } /* IE6 */

#wrapper { margin: 3em auto; }

#abstand { width: 5px; height: 50%; margin-bottom: -290px; /* halbe Höhe von #container */ float: left; }

#container { margin: 0 auto; height: 575px; width: 960px; clear: left; background: url(../img/inprogress.gif) no-repeat center center; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// MISC /////////////////////////////////////// */
/*	Sonstiger Kram der Seite */

/*	z.B. für Texte mit Sternchen, Angebotserläuterungen, etc. */
.kleingedrucktes { font-size: .8em; font-weight: normal; }

.helpbox { text-align: left; background-color: #900; padding: 10px; margin: auto; margin-bottom: 10px; width: 350px; }

.helpbox a, #floatBox a { color: #fff; padding-left: 14px; padding-bottom: 2px; background: url(../img/ico_pfeil.gif) no-repeat 0 40%; text-decoration: underline; }
.helpbox a:hover, #floatBox a:hover { padding-left: 14px; padding-bottom: 2px; background: url(../img/ico_pfeil.gif) no-repeat 0 40%; text-decoration: underline; }

.vk.helpbox { color: #900; background: #fff; /*border: 1px solid #900;*/ }

.vk img { float: right; }

#floatBox { width: 230px; float: left; background-color: #900; text-align: left; padding: .5em; }

.big { font-size: 1.2em; }

.reallyBig { font-size: 2.2em; font-weight: bold; }

.marker { text-transform: uppercase; font-weight: bold; }
.marker a { color: #fff; background-color:#900; padding: 0 0.25em; text-decoration: none; border: 1px solid #900; }
.marker a:hover { border: 1px solid #fff; }
.marker a:visited { color: #fff; }

#footer { color: #900; text-align: center; margin: auto; margin-bottom: 2em; }
#footer p, #footer li { font-size: 1.1em; margin-bottom: 1.2em; line-height: 1.2em; }
#footer a { padding: 0 .25em; }

.info, .contact, .imprint { display: none; }
.imprint img { float: none; }

.infobox { color: #900; text-align: left; padding-bottom: 1em; border-bottom: 1px solid #db6e00; margin: auto; margin-bottom: 2em; width: 860px; clear: both; }
.infobox img { margin-left: 2em; float: right; }
.infobox h1 { font-size: 1.4em; margin-bottom: .5em; }
.infobox h2 { font-size: 1.2em; font-weight: bold; }
.infobox ul { }
.infobox li { float: left; width: 200px; padding-left: .85em; border-left: 1px dotted #900; margin-right: .35em; list-style: none; height: 6em; }
.infobox li strong { text-transform: uppercase; }
.infobox a:hover { text-decoration: none; background-color: #900; padding: 0 .25em; }

#seo { /* position: relative; top: 100%;*/ font-size: .8em; line-height: 1em; color: #c60; white-space: normal; margin-top: 2em; }

.floatingIcon {	margin: .1em .5em .5em 0; float: left; display: none; }
.floatingIcon a img { display: block; cursor: pointer; width: 14px; height: 14px; border: 0; filter: alpha(opacity=70); moz-opacity: 0.70; opacity: 0.70; }
.floatingIcon a:hover img, .floatingIcon a img.fade { filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; }

.collapseWrap { margin-bottom: 1em; }

.smsection { }
.smsection h1 { font-size: .9em; margin-right: 1em; margin-bottom: 2em; float: left; }