/* CSS Document COOLCASH */

.skiplink { position: absolute; top: -8000px; left: -8000px; width: 0; height: 0; overflow: hidden; display: inline;}

/* Kalibrierung */
* { padding: 0; margin:0;}
h1, h2, h3, h4, h5, h6, p, ul, ol, table { margin-top: 1.2em;}
ol, ul { margin-bottom: 0;}
ol ol, ul ul { margin-top: 0;}
li { margin-left: 2em; margin-right: 3em; margin-bottom: 0.5em;}

/* Allgemeine Styles */
html { height: 101%;}
body {
background-color: #1A1B1F;
color: #1A1B1F;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: small;
}
h1 { font-size: 150%; color: #F00; background: transparent url(../img/hlinie.gif) repeat-x center bottom; padding-bottom: 2px;}
h2 { font-size: 130%;}
h3 { font-size: 110%;}
h4, h5, h6 { font-size: 100%;}

address {}

/* Klassen */
p.csc-linkToTop { text-align: right; background: transparent url(../img/totop.gif) no-repeat center right; font-size: 85%; padding: 2px 0;}
#links p.csc-linkToTop, #rechts p.csc-linkToTop { font-size: 100%;}
	p.csc-linkToTop a,
	p.csc-linkToTop a:link,
	p.csc-linkToTop a:visited { padding-right: 26px; color: #B0B0B0;}
	p.csc-linkToTop a:hover,
	p.csc-linkToTop a:focus,
	p.csc-linkToTop a:active { text-decoration: none; color: #F00; background-color: transparent;}
#bottomtext p.csc-linkToTop { text-align: right; background: transparent url(../img/footertotop.gif) no-repeat center right; font-size: 100%;}
	#bottomtext p.csc-linkToTop a,
	#bottomtext p.csc-linkToTop a:link,
	#bottomtext p.csc-linkToTop a:visited { padding-right: 26px; color: #E5E5E5; text-decoration: none;}
	#bottomtext p.csc-linkToTop a:hover,
	#bottomtext p.csc-linkToTop a:focus,
	#bottomtext p.csc-linkToTop a:active { text-decoration: none; color: #FFF; background-color: transparent;}

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

.name-of-person { font-weight: normal;} /* txt_Normal */
.important { color: #F00;} /* txt_Rot */
.detail { font-size: 85%;} /* txt_Klein */

.csc-header-date { text-align: center; font-size: 85%; color: #797979; font-weight: bold; margin: 0; padding: 2px 0 0 0; background: transparent url(../img/date.gif) no-repeat bottom center; display: block; width: 100px; height: 18px;} /* Datum oberhalb bzw. unterhalb (wenn im TS geändert!) der Überschrift p.csc-header-date !Funzt nicht bei 'Überschrift Typ: verborgen'! */
.csc-frame-rulerAfter, .csc-frame-rulerBefore { background: transparent url(../img/hlinie.gif) repeat-x center bottom; height: 16px;}
.csc-textpic-caption { font-size: 9px; background-color: #131313; padding: 3px 2px 2px 2px; border-top: #E60000 solid 1px; color: #E5E5E5;} /* Bildunterschrift dl dd.csc-textpic-caption */
.csc-textpic-image img {} /* dl.csc-textpic-image Bildeigenschaften */

/* Tabelle mit 2 Spalten */
table.tab2Sp { font-size: small; border-collapse: collapse;} 
table.tab2Sp caption { font-size: 110%; text-align: left; padding: 5px 10px 5px 0; font-weight: bold; border-bottom: 1px solid #BBB;} 
table.tab2Sp tr { margin: 0; padding: 0;}
table.tab2Sp td { vertical-align: top; margin: 0; padding: 2px 10px 2px 10px; border-bottom: 1px solid #BBB;}
table.tab2Sp td.td-0 { /**/ border-right: 1px solid #BBB; padding-left: 0; white-space: nowrap;}
table.tab2Sp tfoot td { border-bottom-width: 0;}
/* Tabelle mit 3 Spalten */
table.tab3Sp { font-size: small; border-collapse: collapse;} 
table.tab3Sp caption { font-size: 110%; text-align: left; padding: 5px 10px 5px 0; font-weight: bold; border-bottom: 1px solid #BBB;} 
table.tab3Sp tr { margin: 0; padding: 0;}
table.tab3Sp td { vertical-align: top; margin: 0; padding: 2px 10px 2px 10px; border-bottom: 1px solid #BBB;}
table.tab3Sp td.td-0, table.tab3Sp td.td-1 { /**/ border-right: 1px solid #BBB; padding-left: 0; /*white-space: nowrap;*/}
table.tab3Sp td.td-1 { font-weight: normal; padding-left: 10px;}
table.tab3Sp tfoot td { border-bottom-width: 0;}

/* Hyperlinks */
a { text-decoration: none; outline: none;}
a:link { color: #F00;}
a:visited { color: #F00;}
a:hover,
a:focus,
a:active { color: #E60000;}

/* DIV wrap */
#wrap {
background: #E6E6E6 url(../img/bgtex.gif) repeat-x;
text-align: center;
}
/* DIV wrapper */
#wrapper {
background: transparent url(../img/wrappertex.gif) repeat-y center;
width: 990px;
margin: 0 auto;
text-align: left;
}
/* DIV wrapper > header */
#header {
background: #FFF url(../img/header.gif) no-repeat;
width: 990px;
height: 300px;
position: relative;
}
/* DIV wrapper > header > headernavi */
#headernavi {
position: absolute;
top: 28px;
left: 410px;
width: 515px;
width: 480px;
text-align: right;
font-size: 85%;
letter-spacing: 0.1em;
color: #E5E5E5;
}
	#headernavi a {}
	#headernavi a:link, #headernavi a:visited { color: #E5E5E5;}
	#headernavi a:hover, #headernavi a:focus, #headernavi a:active { color: #FFF;}
	
/* DIV wrapper > header > startSMS */
#header #sms {
position: absolute;
top: 42px;
left: 242px;
background: #FFF url(../img/startsms25.gif) no-repeat; 		 
/*background: #FFF url(../img/willkommen.gif) no-repeat; !geändert, weil SMS wieder rein!*/
width: 135px;
height: 55px;
}
	#header #sms h1 { margin: 0; padding: 0; background-image: none; font-size: 1%;}
	#header #sms h1 a { display: block; width: 135px; height: 55px; text-indent: -8000px;}

/* DIV wrapper > header > coolcash */
#header #logo {
position: absolute;
top: 111px;
left: 350px;
background: #FFF url(../img/coolcashlogo.gif) no-repeat;
width: 280px;
height: 100px;
}
	#header #logo h1 { margin: 0; padding: 0; background-image: none; font-size: 1%;}
	#header #logo h1 a { display: block; width: 280px; height: 100px; text-indent: -8000px;}

/* DIV wrapper > header > registrieren */
#header #registrieren {
position: absolute;
top: 128px;
left: 820px;
background: #FFF url(../img/registrieren.gif) no-repeat;
/*background: #FFF url(../img/allesneu.gif) no-repeat; 		!geändert, weil SMS wieder rein! */
width: 95px;
height: 36px;
}
	#header #registrieren h1 { margin: 0; padding: 0; background-image: none; font-size: 1%;}
	#header #registrieren h1 a { display: block; width: 95px; height: 30px; text-indent: -8000px;}

/* DIV wrapper > header > klickpfad */
#header #klickpfad {
position: absolute;
top: 255px;
left: 210px;
width: 350px;
color: #F00;
font-size: 85%;
letter-spacing: 0.04em;
}
#header #klickpfad span {color: #1A1B1F; text-transform: uppercase;}

/* DIV wrapper > header > datum */
#header #datum {
position: absolute;
top: 269px;
left: 560px;
width: 215px;
color: #B0B0B0;
font-size: 85%;
text-align: right;
}

/* DIV wrapper > middle */
#middle {
background: transparent url(../img/contentbg.gif) no-repeat;
min-height: 440px;
padding: 0;
float: left;
}
/* DIV wrapper > middle > boxlinks (linke Spalte) */
#middle #boxlinks {
float: left;
width: 210px;
}
/* DIV wrapper > middle > boxmitte (mittlere Spalte) */
#middle #boxmitte {
float: left;
width: 570px;
}
/* DIV wrapper > middle > boxrechts (rechte Spalte) */
#middle #boxrechts {
float: left;
width: 210px;
}

/* DIV wrapper > middle > boxlinks > navi */
#navi { padding: 0 21px 21px 21px; background: transparent url(../img/navischatten.gif) no-repeat center bottom;}
/* 1.Ebene */
#navi ul { margin: 0; padding: 0; list-style-type: none;}
#navi ul li { margin: 0; padding: 0; font-weight: bold; background: #FFF url(../img/butbg.gif) repeat-x center bottom;}
#navi li a { display: block; padding: 3px 5px 3px 14px; border-bottom: #E5E5E5 solid 1px;}
#navi li a:link, #navi li a:visited { color: #474747; background: transparent url(../img/pfeilrot.gif) no-repeat 3px 7px;}
#navi li a:hover, #navi li a:focus, #navi li a:active,
#navi li a.act { color: #FFF; background: #F00 url(../img/pfeilweiss.gif) no-repeat 3px 7px; border-bottom: #FFF solid 1px;}
/* 2.Ebene */
#navi ul ul { margin: 0; padding: 0; list-style-type: none;}
#navi ul li ul li { margin: 0; padding: 0; font-size: 85%; letter-spacing: 0.04em; font-weight: normal;}
#navi li ul li a { display: block; padding: 3px 5px 3px 24px; border-bottom: #FFF solid 1px;}
#navi li ul li a:link, #navi li ul li a:visited { color: #474747; background: #E5E5E5 url(../img/pfeilgrau.gif) no-repeat 13px 6px;}
#navi li ul li a:hover, #navi li ul li a:focus, #navi li ul li a:active { 
color: #FFF; background: #C60000 url(../img/pfeilweiss.gif) no-repeat 13px 6px; border-bottom: #FFF solid 1px;}
#navi li ul li a.act { 
color: #474747; background: #B0B0B0 url(../img/pfeilgrau.gif) no-repeat 13px 6px; border-bottom: #FFF solid 1px;}

/* DIV wrapper > middle > boxlinks > links */
#links { padding: 0 30px 20px 30px; font-size: 85%; color: #7C7C7C;}
#links ul { list-style-image: url(../img/pfeilrot.gif);}
#links ul li { margin-right: 0; margin-left: 1.5em;}

/* DIV wrapper > middle > boxmitte > content */
#content {}
#content ul { list-style-image: url(../img/pfeilrot.gif);}

/* K O N T A K T F O R M U L A R */
form#mailform {}
fieldset.csc-mailform { padding-top: 12px; padding-bottom: 3px; border-width: 0;}
fieldset.csc-mailform div.csc-mailform-field { padding-bottom: 3px;}
fieldset.csc-mailform label { display: block; width: 170px; float: left; padding-top: 2px;}
fieldset.csc-mailform input, fieldset.csc-mailform textarea { border: #B2B2B2 solid 1px; font-size: small; width: 340px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #1A1B1F;}
fieldset.csc-mailform textarea { height: 100px;}
fieldset.csc-mailform input.csc-mailform-submit { margin-left: 170px; width: 100px; background-color: #555; color: #FFF; font-size: 80%; text-transform: uppercase; padding: 2px 0; cursor: pointer;}

/* DIV wrapper > middle > boxrechts > rechts */
#rechts { padding: 0 30px 20px 30px; font-size: 85%; color: #7C7C7C;}
#rechts ul { list-style-image: url(../img/pfeilrot.gif);}
#rechts ul li { margin-right: 5px; margin-left: 1.5em;}

/* DIV bottom */
#bottomWrap { background-color: #1A1B1F;}/*damit der hintergrund die richtige farbe hat*/
#bottom { margin: 0 auto; background: transparent url(../img/bottomschatten.gif) no-repeat center bottom; width: 990px; padding-bottom: 43px;}
#bottomtext { margin: 0 20px; padding: 13px 190px 30px 190px; color: #E5E5E5; font-size: 85%; background: #7E7E7E url(../img/bottomtex.gif) repeat-y center;}
#bottomtext a { color: #FFF; text-decoration: underline;}
#bottomtext ul { list-style-image: url(../img/pfeilweiss.gif);}
#bottom ul li { margin-right: 4em; margin-left: 3em;}
#bottomtext h1, #bottomtext h2 { color: #FFF; background: transparent url(../img/footerhlinie.gif) repeat-x center bottom;}
/* DIV bottom > p id="copyright" */
p#copyright { text-align: left; margin: 0; background: transparent url(../img/footerhlinie.gif) repeat-x center bottom; padding-bottom: 14px;}