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


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

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

div.barrfrei { display:normal; }

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

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

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

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

div.login_link { position:absolute; top:89px; left:750px; font-size: 9px; color:#000000; line-height:10px; }


/*
-------------------------------------------------
CHAT-FENSTER
-------------------------------------------------
*/
div.chatfenster { background-image:url(../gfx/chat_bg.png); background-color:#FFFFFF; width:305px; height:305px; visibility:visible; overflow:hidden; }
td.chat_oben { height:45px; padding-left:10px; padding-right:10px; }
td.chat_title { color:#0000FF; font-size:12px; font-weight:bold; line-height:12px; padding-left:30px; padding-right:10px; }
td.chat_hinweis { font-size:9px; font-weight:normal; line-height:10px; padding-left:10px; padding-right:10px; padding-top:5px; }
td.chat_field { padding-top:5px; font-size:9px; font-weight:normal; line-height:10px; padding-left:15px; padding-right:10px; }
textarea.chat_field { font-size:12px; width:270px; height:80px; line-height:10px; background-color:#EEEEFF; color:#0000FF; }
td.chat_eingabe { font-size:9px; font-weight:normal; line-height:10px; padding-left:15px; padding-right:10px; }
input.chat_eingabe { font-size:11px; width:170px; }
input.chat_submit { font-size:9px; width:70px; }
td.chat_navi { padding-top:5px; font-size:9px; font-weight:normal; line-height:10px; padding-left:10px; padding-right:10px; }

/*
-------------------------------------------------
GRAFIKFORMATIERUNGEN
-------------------------------------------------
*/
img.slogan1 { width:430px; height:46px; }

/*
-------------------------------------------------
ABSATZFORMATIERUNGEN
-------------------------------------------------
*/
p.linkliste { position:relative; left: -35px; }
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_hinweis.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.hinweis_hoch { background-image: url(../gfx/symbol_hinweis.gif); background-repeat:no-repeat; background-position:5px 5px; background-color:#DDDDDD; width:500px; height:80px; 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_preis a{ background-color:#eeeeee; padding:5px; font-size: 20px; font-weight:bold; text-decoration:none; color:#0000FF; }
p.whp_preis a:hover{ background-color:#0000ff; padding:5px; font-size: 20px; font-weight:bold; text-decoration:none; color:#eeeeee; }
p.whp_nebenkosten { position:relative; top:-20px; background-color:#eeeeee; padding:5px; font-size: 11px; font-weight:normal; color:#000000; }
p.impressum { font-size:11px; color:#000000; line-height:13px; }

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

/*
-------------------------------------------------
LINIENFORMATIERUNGEN
-------------------------------------------------
*/
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 { overflow:auto; 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; }

/*
-------------------------------------------------
TABELLENFORMATIERUNGEN
-------------------------------------------------
*/
td.excelformbez { font-size: 11px; font-weight:bold; }
td.whpformbez { font-size: 11px; font-weight:bold; border-color:#000000; border-bottom:2px; }


/*
-------------------------------------------------
FORMULARFORMATIERUNGEN
-------------------------------------------------
*/
input.excelformfield { font-size: 12px; font-weight:bold; color:#0000FF; background-color:#DDDDDD; border:0px; padding-bottom:4px; padding-left:4px; padding-right:4px; }
select.excelformfield { font-size: 12px; font-weight:bold; color:#0000FF; background-color:#DDDDDD; border:0px; padding-bottom:2px; }
option.excelformfield { font-size: 12px; font-weight:bold; color:#0000FF; background-color:#EEEEEE; border:0px; }
textarea.excelformfield { font-family: verdana, geneva, arial, helvetica; font-size: 12px; font-weight:bold; color:#0000FF; background-color:#DDDDDD; border:0px; padding:4px; }
input.whpformfield { font-size: 12px; font-weight:bold; color:#0000FF; background-color:#DDDDDD; border:0px; padding-bottom:4px; padding-left:4px; padding-right:4px; }
select.whpformfield { font-size: 12px; font-weight:bold; color:#0000FF; background-color:#DDDDDD; border:0px; padding-bottom:2px; }
option.whpformfield { font-size: 12px; font-weight:bold; color:#0000FF; background-color:#EEEEEE; border:0px; }
textarea.whpformfield { font-family: verdana, geneva, arial, helvetica; font-size: 12px; font-weight:bold; color:#0000FF; background-color:#DDDDDD; border:0px; padding:4px; }

/*
-------------------------------------------------
FORMULARFORMATIERUNGEN WEBHOSTINGBESTELLUNGEN
-------------------------------------------------
*/
input.whp_domainanzeige { font-size:13px; font-weight:bold; color:#000000; background-color:#DDDDDD; border:0px; padding-bottom:4px; padding-left:4px; padding-right:4px; }
input.whp_kkcheckbox { background-color:#EEEEEE; font-size:11px; font-weight:normal; color:#000000; position:relative; left:20px; }
textarea.whp_exProvider { background-color:#EEEEEE; width:420px; height:37px; position:relative; left:23px; font-size:11px; font-family: verdana, geneva, arial, helvetica; }
font.whp_kkcheckbox { font-size:11px; font-weight:normal; color:#000000; position:relative; left:15px; top:-2px; }
/*
-------------------------------------------------
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_titel { background-color:#333333; color:#FFFFFF; font-weight:bold; 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 { 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; }
/*
-------------------------------------------------
GRAFIKFORMATIERUNGEN
-------------------------------------------------
*/