/*
-------------------------------------------------
ALLGEMEIN (Text)
-------------------------------------------------
*/
html,body { font-size: 11px; color: #000000; font-family: verdana, geneva, arial, helvetica; line-height: 18px; vertical-align: top; }


/*
-------------------------------------------------
SEITENLAYOUT
-------------------------------------------------
*/
div.logo { position:absolute; left:500px; top:4px; }
div.slogan { position:absolute; left:4px; top:26px; }
div.adresse { position:absolute; top:65px; left:533px; font-size: 9px; color:#000000; line-height:10px; }

div.inhalt { position:absolute; line-height:13px; padding-left:17px; padding-right:10px; top:140px; left:75px; width:550px; overflow:visible; float:none; }

div.barrfrei { display:none; }

div.flash1 { position:absolute; top:304px; left:0px; width:270px; height:110px; display:none;}
div.excel_link { position:absolute; top:260px; left:75px; display:none; }
div.software_link { position:absolute; top:240px; left:84px; display:none; }
div.fortbildung_link { position:absolute; top:220px; left:93px; display:none; }
div.ecommerce_link { position:absolute; top:200px; left:105px; display:none; }
div.webmarketing_link { position:absolute; top:180px; left:119px; display:none; }
div.webdesign_link { position:absolute; top:160px; left:136px; display:none; }
div.webhosting_link { position:absolute; top:140px; left:155px; display:none; }

div.sozialarbeit_link { position:absolute; top:535px; left:154px; display:none; }
div.impressum_link { position:absolute; top:515px; left:145px; display:none; }
div.kontakt_link { position:absolute; top:495px; left:138px; display:none; }
div.referenzen_link { position:absolute; top:475px; left:133px; display:none; }
div.ueberuns_link { position:absolute; top:455px; left:128px; display:none; }

div.link-bg { position:absolute; top:90px; left:-30px; display:none; }
div.link-bg-verlauf { position:absolute; top:304px; left:225px; width:45px; height:110px; display:none; }

div.toplinkleiste { position:absolute; top:88px; left:220px; width:774px; height:18px; background-image:url('../gfx/topleiste.gif'); display:none; }

div.login_link { position:absolute; top:89px; left:750px; font-size: 9px; color:#000000; line-height:10px; display:none; }
/*
-------------------------------------------------
ABSATZFORMATIERUNGEN
-------------------------------------------------
*/
p.list { padding-left: 12px; padding-top: 0px; margin-top: 0px; line-height: 12px;}
p.fehler { background-image: url(../gfx/symbol_fehler.gif); background-repeat:no-repeat; background-position:5px 5px; background-color:#DDDDDD; width:500px; height:40px; padding:5px; padding-left:40px; font-size: 12px; color: #FF0000; font-family: verdana, geneva, arial, helvetica; font-weight:bold; line-height: 14px; float:none; overflow:visible; }
p.meldung { background-image: url(../gfx/symbol_meldung.gif); background-repeat:no-repeat; background-position:5px 5px; background-color:#DDDDDD; width:500px; height:40px; padding:5px; padding-left:40px; font-size: 12px; color: #008800; font-family: verdana, geneva, arial, helvetica; font-weight:bold; line-height: 14px; float:none; overflow:visible; }
p.hinweis { background-image: url(../gfx/symbol_fehler.gif); background-repeat:no-repeat; background-position:5px 5px; background-color:#DDDDDD; width:500px; height:40px; padding:5px; padding-left:40px; font-size: 12px; color: #AA8800; font-family: verdana, geneva, arial, helvetica; font-weight:bold; line-height: 14px; float:none; overflow:visible; }
p.whp_preis { background-color:#eeeeee; padding:5px; font-size: 20px; font-weight:bold; color:#0000FF; }
p.whp_nebenkosten { position:relative; top:-20px; background-color:#eeeeee; padding:5px; font-size: 11px; font-weight:normal; color:#000000; }
p.impressum { font-size:12px; color:#000000; line-height:14px; }

li.ref {
	padding-bottom:6px;
	padding-left:0px;
	margin-left:-20px;
}
li.firstref {
	color: #0000FF;
	font-weight: bold;
}
ul.refblock { background-color:#eeeeee; }
ul.linkliste { display:none; }

/*
-------------------------------------------------
LINIENFORMATIERUNGEN
-------------------------------------------------
*/
table { overflow:scroll; float:none; }
table.thinborder { border-width: 1px; border-style: solid; border-color: #0000FE;}
table.mediumborder { border-width: 2px; border-style: solid; border-color: #0000FE;}
table.thickborder { border-width: 3px; border-style: solid; border-color: #0000FE;}
table.webhostingpakete { border-collapse:collapse; }

.liste { border-bottom-width:0.05em; border-bottom-style:ridge; border-color:#0000FF; }

/*
-------------------------------------------------
LINKFORMATIERUNGEN
-------------------------------------------------
*/

a.navibar:link { font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; }
a.navibar:active { font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; }
a.navibar:visited { font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; }
a.navibar:hover { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; }

a.navilink { font-size: 11px; font-weight: bold; color: #0000FE; text-decoration: none; }
a.navilink:active { font-size: 11px; font-weight: bold; color: #ffffff; background-color:#0000ff; text-decoration: none; }
a.navilink:visited { font-size: 11px; font-weight: bold; color: #000066; text-decoration: none; }
a.navilink:hover { font-size: 11px; font-weight: bold; color: #ffffff; background-color:#0000ff; text-decoration: none; }

a.titlelink { font-size: 16px; font-weight: bold; color: #0000FE; text-decoration: none; }
a.titlelink:active { font-size: 16px; font-weight: bold; color: #000066; text-decoration: underline; }
a.titlelink:visited { font-size: 16px; font-weight: bold; color: #000066; text-decoration: none; }
a.titlelink:hover { font-size:16px; font-weight: bold; color: #000066; text-decoration: underline; }

a.tooltip:link { font-size: 11px; font-weight: bold; color: #0000FE; text-decoration: none; }
a.tooltip:active { font-size: 11px; font-weight: bold; color: #ffffff; background-color:#0000ff; text-decoration: none; }
a.tooltip:visited { font-size: 11px; font-weight: bold; color: #000066; text-decoration: none; }
a.tooltip:hover { font-size: 11px; font-weight: bold; color: #ffffff; background-color:#0000ff; text-decoration: none; }
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:150px;}
a.tooltip:hover span{display:inline; font-weight: normal; position:absolute; top:15px; left:60px; background:#ffffcc; border:1px solid #cccccc; color:#6c6c6c; font-size:9px; text-decoration: none; line-height:10px;}

a.tooltip1:link { font-size: 11px; font-weight: bold; color: #aaaaFF; text-decoration: none; }
a.tooltip1:active { font-size: 11px; font-weight: bold; color: #dddddd; background-color:#aaaaFF; text-decoration: none; }
a.tooltip1:visited { font-size: 11px; font-weight: bold; color: #aaaaFF; text-decoration: none; }
a.tooltip1:hover { font-size: 11px; font-weight: bold; color: #dddddd; background-color:#aaaaFF; text-decoration: none; }
a.tooltip1 span {display:none; padding:2px 3px; margin-left:8px; width:150px;}
a.tooltip1:hover span{display:inline; font-weight: normal; position:absolute; top:15px; left:60px; background:#ffffcc; border:1px solid #cccccc; color:#6c6c6c; font-size:9px; text-decoration: none; line-height:10px;}

a.tooltip2:link { font-size: 9px; font-weight: normal; color: #0000FE; text-decoration: none; }
a.tooltip2:active { font-size: 9px; font-weight: normal; color: #ffffff; background-color:#0000ff; text-decoration: none; }
a.tooltip2:visited { font-size: 9px; font-weight: normal; color: #000066; text-decoration: none; }
a.tooltip2:hover { font-size: 9px; font-weight: normal; color: #ffffff; background-color:#0000ff; text-decoration: none; }
a.tooltip2 span {display:none; padding:2px 3px; margin-left:8px; width:150px;}
a.tooltip2:hover span{display:inline; font-weight: normal; position:absolute; top:15px; left:30px; background:#ffffcc; border:1px solid #cccccc; color:#6c6c6c; font-size:9px; text-decoration: none; line-height:10px;}

/*
-------------------------------------------------
TEXTFORMATIERUNGEN
-------------------------------------------------
*/
.vsfont { font-size: 9px; }
.sfont { font-size: 10px; }
h4 { font-size: 14px; }
h3 { font-size: 16px; }
h2 { font-size: 20px; }
h1 { font-size: 24px; }


.kokocil_vs { font-size: 9px; color:#0000FE; }
.kokocil_s { font-size: 10px; color:#0000FE; }
.kokocil_n { font-size: 11px; color:#0000FE; }
.kokocil_h4 { font-size: 14px; color:#0000FE; }
.kokocil_h3 { font-size: 16px; color:#0000FE; }
.kokocil_h2 { font-size: 20px; color:#0000FE; }
.kokocil_h1 { font-variant: small-caps; font-weight: bold; font-size: 22px; text-align: center; color:#0000FF; padding-bottom: 11px; }

.kokocid_vs { font-size: 9px; color:#000066; }
.kokocid_s { font-size: 10px; color:#000066; }
.kokocid_n { font-size: 12px; color:#000066; }
.kokocid_h4 { font-size: 14px; color:#000066; }
.kokocid_h3 { font-size: 16px; color:#000066; }
.kokocid_vvb { font-size: 20px; color:#000066; }
.kokocid_vvb { font-size: 20px; color:#000066; }

.white_vs { font-size: 9px; color:#FFFFFF; }
.white_s { font-size: 11px; color:#FFFFFF; }
.white_n { font-size: 12px; color:#FFFFFF; }
.white_b { font-size: 14px; color:#FFFFFF; }
.white_vb { font-size: 16px; color:#FFFFFF; }
.white_vvb { font-size: 20px; color:#FFFFFF; }

.darkgrey_vs { font-size: 9px; color:#666666; }
.darkgrey_s { font-size: 10px; color:#666666; }
.darkgrey_n { font-size: 12px; color:#666666; }
.darkgrey_b { font-size: 14px; color:#666666; }
.darkgrey_vb { font-size: 16px; color:#666666; }
.darkgrey_vvb { font-size: 20px; color:#666666; }

.lightgrey_vs { font-size: 9px; color:#DDDDDD; }
.lightgrey_s { font-size: 10px; color:#DDDDDD; }
.lightgrey_n { font-size: 12px; color:#DDDDDD; }
.lightgrey_b { font-size: 14px; color:#DDDDDD; }
.lightgrey_vb { font-size: 16px; color:#DDDDDD; }
.lightgrey_vvb { font-size: 20px; color:#DDDDDD; }

div.adresse { font-size: 9px; color:#000000; line-height:10px; }


/*
-------------------------------------------------
TABELLENFORMATIERUNGEN
-------------------------------------------------
*/
td.excelformbez { font-size: 11px; font-weight:bold; }

/*
-------------------------------------------------
FORMULARFORMATIERUNGEN
-------------------------------------------------
*/
input.excelformfield { font-size: 12px; font-weight:bold; color:#000000; background-color:#FFFFFF; border-color:#000000; border-style:dashed; border:2px; padding-bottom:4px; padding-left:4px; padding-right:4px; }
select.excelformfield { font-size: 12px; font-weight:bold; color:#000000; background-color:#FFFFFF; border:2px; padding-bottom:2px; }
option.excelformfield { font-size: 12px; font-weight:bold; color:#000000; background-color:#FFFFFF; border:2px; }
textarea.excelformfield { font-family: verdana, geneva, arial, helvetica; font-size: 12px; font-weight:bold; color:#000000; background-color:#FFFFFF; border:2px; padding:4px; }

/*
-------------------------------------------------
TABELLENFORMATIERUNGEN EXCEL-ADMIN
-------------------------------------------------
*/
tr.excel_anzeige { border-bottom-width:0.1em; border-left-width:0.1em; border-right-width:0.1em; border-top-width:0.1em; border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-top-style:solid; border-color:#666666; }
tr.excel_anzeige_bold { border-bottom-width:0.3em;  border-left-width:0.1em; border-right-width:0.1em;border-top-width:0.1em; border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-top-style:solid; border-color:#000000; }
td.excel_anzeige { border-left-width:0.1em; border-right-width:0.1em; border-left-style:solid; border-right-style:solid; border-color:#666666; }
tr.kontakt_anzeige { border-bottom-width:0.1em; border-left-width:0.1em; border-right-width:0.1em; border-top-width:0.1em; border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-top-style:solid; border-color:#666666; }
tr.kontakt_anzeige_bold { border-bottom-width:0.3em;  border-left-width:0.1em; border-right-width:0.1em;border-top-width:0.1em; border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-top-style:solid; border-color:#000000; }
td.kontakt_anzeige { border-left-width:0.1em; border-right-width:0.1em; border-left-style:solid; border-right-style:solid; border-color:#666666; }
tr.session_anzeige { border-bottom-width:0.1em; border-left-width:0.1em; border-right-width:0.1em; border-top-width:0.1em; border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-top-style:solid; border-color:#666666; }
tr.session_anzeige_bold { border-bottom-width:0.3em;  border-left-width:0.1em; border-right-width:0.1em;border-top-width:0.1em; border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-top-style:solid; border-color:#000000; }
td.session_anzeige { border-left-width:0.1em; border-right-width:0.1em; border-left-style:solid; border-right-style:solid; border-color:#666666; }