/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
basics.css / SP-CH-2007
(allgemeine basics / layout-raster / ...)
Version:	2007-02-21 HTML-E
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */




/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* allgemeine basics: */

*{margin:0;padding:0;}

body{
font-family: verdana,arial,helvetica,sans-serif;
font-size:62.5%; /* bedeutet, dass 10px der default ist und z.B. 120% dann 12px ergibt */
line-height:160%;
background:#a3b9c4 url(../images/bg_body_neu.jpg) center top no-repeat;
margin:0;padding:0;

}

/* "unsichtbare" Elemente: */
.dn, /* dn = display none */
.skipLinks,
#navMain dt,
#navSub dt {
position:absolute;top:-1000px;left:-1000px;
display:block;width:5px;height:5px;overflow:hidden;
}

hr{display:none;}



#printButton {display:none;}
img {display:block;border:none;}
.floatLeft{float:left;}
.floatRight {float: right;}


/* caf = clear all floats */
.caf:after{
content: "."; 
display:block; 
height:0;
clear: both; 
visibility: hidden;
}

table{border-collapse:collapse;}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Module / Abschnitte: */


/* #document, 960px breit */
#document{
	width:960px;
	margin:10px auto;
	padding-bottom: 18px;
}


#wrapper{
	background-color:#8fa5b0;width:960px;padding:0 5px 5px 5px;
}

#holder{
	background-color:#fff;width:960px;margin:0:padding:0;
}


#splogo{
	width:960px;
	margin:10px auto;
	text-align:right;
}
#splogo img{
	float:right;
}


/* !!! Layout-Anweisungen fuer die Elemente in den Hauptinhalts-Containern "startMain", "pageMain", "blogMain", "shopStart"  !!!
==================================================================================== */

#startMain, #pageMain, #blogMain, #shopStart {
width: 960px;
margin: 0;
}

#startMain:after, #pageMain:after, #blogMain:after, #shopStart:after {
content: "."; 
display:block; 
height:0;
clear: both; 
visibility: hidden;
}


#startMain #contentMain, 
#startMain #contentAdditional,
#pageMain #contentMain,
#blogMain #contentMain {
float: left;
width: 470px;
}

#startMain #contentAdditional {
float: right;
}

#pageMain #contentAdditional,
#pageMain #contentAdditional02,
#blogMain #blogAdditional01 {
margin: 10px 0 20px 0;
width: 225px;
}

/* Anordnung der Module in der Reihung "Navigation > Content > Additional" 
==================================================================================== */
#pageMain.nca #navSub, #pageMain.nca #blogNavMain {
float: left;
}

#pageMain.nca #contentMain {
margin: 10px 0 0 20px;
}

#pageMain.nca #contentAdditional {
float: right;
}

/* Anordnung der Module in der Reihung "Content > Navigation > Additional" 
==================================================================================== */

#pageMain.cna #navSub {
float: left;
margin: 0 0 0 490px;
}

#pageMain.cna #contentMain {
margin: 10px 0 0 -715px;
}

#pageMain.cna #contentAdditional {
margin: 10px 0 0 0;
float: right;
}

/* Anordnung der Module in der Reihung "Additional > Content > Navigation" 
==================================================================================== */

#pageMain.acn #navSub {
float: right;
margin: 0 0 0 0;
}

#pageMain.acn #contentMain {
margin: 10px 0 0 245px;
}

#pageMain.acn #contentAdditional {
float: left;
margin: 10px 0 0 -715px;
}

/* Anordnung der Module in der Reihung *anc* = "Additional > Navigation > Content" 
==================================================================================== */

#pageMain.anc #navSub {
float: left;
margin: 0 0 0 245px;
}

#pageMain.anc #contentMain {
float: right;
margin: 10px 0 0 -470px;
}

#pageMain.anc #contentAdditional {
float: left;
margin: 10px 0 0 -470px;
}

/* Anordnung der Module in der Reihung "Additional > Content > Additional 02" 
==================================================================================== */

#pageMain.aca02 #contentMain {
margin: 10px 0 0 245px;
}

#pageMain.aca02 #contentAdditional {
float: left;
margin: 10px 0 0 -715px;
}

#pageMain.aca02 #contentAdditional02 {
float: right;
margin: 10px 0 0 0;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#footer{
margin: 0 0 0 0;
width:960px;
min-height:32px;
background-color:#8fa5b0;

}
#footer p {
margin: 0 18px 0 0; /* weil p-Elemente teilweise Default Margins haben */
text-align: right;
line-height: 3em;
font-size: 120%;
text-transform: uppercase;
color: #fff;
background: transparent;
}

#footer p a, #footer p a:link, #footer p a:visited {
margin-left: 11px;
font-weight: bold;
color: #fff;
background: transparent;
text-decoration: none;
}

#footer p a:hover, #footer p a:active, #footer p a:focus {
text-decoration: underline;
}

#footer #printButton {
font-size:100%;
}