HTML { height: 100%; margin-bottom: 1px; }
BODY { min-width: 900px; height: 100%; margin: 0; padding: 0; background-color: #c4d0d6; }
BODY, INPUT, SELECT, TEXTAREA { color: #4b4545; font-size: 12px; font-weight: normal; font-family: Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT, SELECT, TEXTAREA { border: 1px solid #9f9f9f; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
H2 { margin: 0 0 12px; padding: 0; color: #9f1818; font-size: 22px; font-weight: normal; line-height: normal; }
H3 { margin: 12px 0; padding: 0; color: #7a9044; font-size: 18px; font-weight: normal; line-height: normal; }
H4 { margin: 8px 0; padding: 0; color: #7a9044; font-size: 18px; font-weight: normal; line-height: normal; }
P { margin: 12px 0; }
OL, UL { margin-top: 13px; margin-bottom: 13px; }
A { color: #7a9044; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }


/* LAYOUT */
#page { min-height: 200px; background: url(../img/page_bg.gif) repeat-x left top; border-top: 1px solid #b9c693; }
#container { width: 872px; margin: 0 auto; padding-bottom: 20px; line-height: 16px; }

#twoColumn { width: 100%; background: url(../img/block/columnRight_bg.gif) repeat-y right top; }
#twoColumn .top { background: url(../img/block/columnRight_top.gif) no-repeat right top; }
#twoColumn .bottom { background: url(../img/block/columnRight_bot.gif) no-repeat right bottom; }

#oneColumn .top, #oneColumnBlk .content { background: url(../img/block/content_top.gif) no-repeat left top; padding-top: 7px; }
#oneColumn .bottom { background: url(../img/block/content_bot.gif) no-repeat left bottom; padding-bottom: 7px; }
#oneColumn #content { background-color: #fff; padding: 20px 40px; }
#oneColumnBlk .contentPad { background: #fff url(../img/block/content_bot.gif) no-repeat left bottom; padding: 8px 25px 8px; }

#ToneColumn .top, #oneColumnBlk .content { background: url(../img/block/content_top.gif) no-repeat left top; padding-top: 7px; }
#ToneColumn .bottom { background: url(../img/block/content_bot.gif) no-repeat left bottom; padding-bottom: 7px; }
#ToneColumn #content { background-color: #fff; padding: 5px 10px; }
#ToneColumnBlk .contentPad { background: #fff url(../img/block/content_bot.gif) no-repeat left bottom; padding: 8px 20px 8px; }


#columnLeft { float: left; width: 618px; }
#columnRight { float: right; width: 214px; padding: 15px; }
#columnRight H2 { padding-bottom: 2px; color: #fdfefe; border-bottom: 1px solid #cbd3d7; }


/* HEADER */
#header { position: relative; width: 100%; height: 120px; background: #7BB3D4 url(../img/header/header_bg.jpg) repeat-x left top; border-bottom: 7px solid #6b8619; overflow: hidden; z-index: 0; }
#header #containerPic { position: relative; top: -229px; left: 0; width: 1600px; z-index: 10; }
#header #containerPic .left { background: url(../img/header/header_left.jpg) no-repeat left top; }
#header #containerPic .right { height: 192px; background: url(../img/header/header_right.jpg) no-repeat right top;  }
#header .cloudleft { position: absolute; left: 88px; bottom: 0; width: 58px; height: 26px; background: url(../img/header/cloud_left.png) no-repeat left top; z-index: 30; }
#header .cloudright { position: absolute; right: -1px; bottom: 0; width: 192px; height: 49px; background: url(../img/header/cloud_right.png) no-repeat right top; z-index: 30; }
#header .bridge { position: relative; top: -27px; left: 0; width: 255px; height: 118px; background: url(../img/header/bridge.jpg) no-repeat center bottom; margin: 0 auto; z-index: 20; }
#header .logo {position: relative; width: 900px; height: 96px; margin: 0 auto; padding-top: 15px; z-index: 100; }
#header H1 {width: 567px; height: 87px; background: url(../img/header/dahhosting.png) no-repeat; margin: 0; padding: 8px 0 0; font-size: 0; text-indent: -5000px; }
#header H1 A { position: relative; display: block; width: 452px; height: 75px; }
#header A.vacature { position: absolute; right: 210px; top: 15px; width: 200px; height: 76px; background: url(../img/header/vacature.png) no-repeat; text-indent: -5000px; cursor: pointer; }


/* MENU */
#menu { position: relative; width: 920px; margin: -37px auto 0; padding-bottom: 27px; padding-left: 6px; z-index: 100; }

#topmenu { height: 29px; padding-bottom: 8px; }
#topmenu A { float: left; background: url(../img/pathway_mark.png) no-repeat left top; margin-left: 6px; padding: 8px 0 0 12px; color: #f35b00; font-size: 12px; font-weight: bold; text-transform: lowercase; }
#topmenu A.tabHome { display: block; width: 101px; height: 29px; background: url(../img/menu/tab_home.png) no-repeat left top; margin: 0; padding: 0; text-indent: -5000px; cursor: pointer; }

#mainmenu {width:500px;background: url(../img/menu/mainmenu_bg.gif) repeat-x left top; clear: both; }
#mainmenu .left { height: 40px; background: url(../img/menu/mainmenu_left.gif) no-repeat left top; }
#mainmenu .right { height: 40px; width: 624px;background: url(../img/menu/mainmenu_right.gif) no-repeat right top; }
#mainmenu UL { margin: 0 20px 0 14px; padding: 0; list-style: none; }
#mainmenu LI { float: left; padding-top: 2px; }
#mainmenu LI A { color: #fff; font-size: 12px; text-transform: uppercase; text-decoration: none; line-height: 33px; white-space: nowrap; }
#mainmenu LI A:hover { color: #fff600; }
#mainmenu LI A SPAN SPAN { padding: 0 8px; }
#mainmenu LI.active A { display: block; background: url(../img/menu/mainmenu_tabbg.gif) repeat-x left top; }
#mainmenu LI.active A SPAN { display: block; background: url(../img/menu/mainmenu_tableft.gif) no-repeat left top; }
#mainmenu LI.active A SPAN SPAN { background: url(../img/menu/mainmenu_tabright.gif) no-repeat right top; }
#mainmenu LI.active DIV.submenu { display: block; }
#mainmenu LI DIV.submenu { display: none; position: absolute; top: 65px; left: 0; width: 872px; visibility: hidden; }
#mainmenu LI DIV.submenu .submenubg { position: relative; float: left; height: 31px; background: url(../img/menu/submenu_bg.gif) repeat-x left top; }
#mainmenu LI DIV.submenu .cornerL { float: left; height: 31px; background: url(../img/menu/submenu_left.gif) no-repeat left top; padding-left: 10px; }
#mainmenu LI DIV.submenu .cornerR { float: left; height: 31px; background: url(../img/menu/submenu_right.gif) no-repeat right top; padding-right: 10px; }
#mainmenu LI DIV.submenu UL { margin: 0; }
#mainmenu LI DIV.submenu A { float: left; height: 29px; background: none; padding: 0 8px; text-transform: none; line-height: 28px; }
#mainmenu LI DIV.submenu LI.subactive A { color: #fff600; }
#mainmenu LI DIV.submenu LI.fulcrum { padding: 0; font-size: 0; }
A.icoPDF, A.icoExternal { background-repeat: no-repeat !important; background-position: left 3px !important; padding-left: 23px !important; }
A.icoPDF { background-image: url(../img/icons/ico_pdf.gif) !important; }
A.icoExternal { background-image: url(../img/icons/ico_external.gif) !important; }


/* BLOCKS */
.bar { background: url(../img/bar_bg.gif) repeat-x left top; margin-bottom: 0px; }
.barL { background: url(../img/bar_left.gif) no-repeat left top; }
.barR { height: 29px; background: url(../img/bar_right.gif) no-repeat right top; }

.blk { float: left; width: 431px; }
#twoColumn .blk { float: left; width: 304px; }
.blk .blkT { background: url(../img/block/blkTL.gif) no-repeat left top; }
.blk .blkT DIV { background: url(../img/block/blkTR.gif) no-repeat right top; }
.blk .blkT DIV DIV { height: 7px; background: url(../img/block/blkT.gif) repeat-x left top; margin: 0 7px; font-size: 0; line-height: 0; }
.blk .blkCon { position: relative; width: 100%; background-color: #fff; }
.blk .blkL { width: 100%; background: url(../img/block/blk_brd.gif) repeat-y left top; }
.blk .blkR { width: 100%; background: url(../img/block/blk_brd.gif) repeat-y right top; }
.blk .blkBL { background: url(../img/block/blkBL.gif) no-repeat left bottom; }
.blk .blkBR { background: url(../img/block/blkBR.gif) no-repeat right bottom; padding: 10px 25px 8px; }
.blk A.lnkMore { position: absolute; right: 0; bottom: 0; display: block; background: url(../img/block/blk_more_left.gif) no-repeat left top; padding-left: 12px; color: #7d7c7c !important; font-size: 11px; text-decoration: none; text-align: center; cursor: pointer; }
.blk A.lnkMore B { float: left; display: block; height: 20px; background: url(../img/block/blk_more_bg.gif) repeat-x left top; padding: 9px 3px 0; white-space: normal; }
.blk A.lnkMore SPAN { float: left; display: block; width: 5px; height: 29px; background: url(../img/block/blk_more_right.gif) no-repeat right top; font-size: 0; line-height: 0; }
.blk A:hover.lnkMore { color: #9f1818 !important; }
.blkSeparatorVer { float: left; width: 10px; height: 10px; font-size: 0; line-height: 0; }
.blkSeparatorHor { clear: both; width: 100%; height: 10px; font-size: 0; line-height: 0; }
.blk H2 { margin: 0 0 5px; }
.blk H3 { margin: 0 0 13px; }
.blk P { margin: 7px 0; }

.streaming, .hosting, .pakketten, .gameserver, .pakket { float: left; }
.streaming .blkCon { background-image: url(../img/block/blkimages/streaming.jpg); background-repeat: no-repeat; background-position: right 3px; }

.streaming .blkCon A { color: #4b4545; text-decoration: none; }
.streaming .blkCon A:hover { color: #7a9044; }

.hosting .blkCon { background-image: url(../img/block/blkimages/server_hosting.jpg); background-repeat: no-repeat; background-position: right top; }
.hosting .blkCon A { color: #4b4545; text-decoration: none; }
.hosting .blkCon A:hover { color: #7a9044; }
.pakketten .blkCon { background-image: url(../img/block/blkimages/hosting_pakketten.jpg); background-repeat: no-repeat; background-position: right top; }
.gameserver .blkCon { background-image: url(../img/block/blkimages/game_server.jpg); background-repeat: no-repeat; background-position: 94% 10px; }
.gameserver .blkCon A { color: #4b4545; text-decoration: none; }
.gameserver .blkCon A:hover { color: #7a9044; }
.pakket .blkCon { background-image: url(../img/block/blkimages/pakket.gif); background-repeat: no-repeat; background-position: right 20px; }

.quicke { position: absolute; top: 35px; left: 88px; margin: 0 !important; }
.flash { position: absolute; top: 86px; left: 88px; margin: 0 !important; }


/* TABLES */
TABLE { border-collapse: collapse; }

TABLE.tblform { margin: 15px 0; }
TABLE.tblform TH { padding: 3px 20px 3px 0; font-weight: normal; text-align: left; }
TABLE.tblform TD { padding: 3px 20px 3px 0; }

TABLE.tbl { margin: 5px 0; }
TABLE.tbl TH { padding: 2px 15px 2px 10px; font-weight: bold; text-align: left; border-bottom: 1px  dotted #ccc; }
TABLE.tbl TD { padding: 2px 15px 2px 10px; border-bottom: 1px  dotted #ccc; }
TABLE.tbl A.btn, TABLE.tbl A.btn SPAN { float: none; }


/* BUTTONS */
TABLE.btnsection { margin: 15px 0; }
TABLE.btnsection.center { margin: 15px auto; }
TABLE.btnsection A { display: block; background: url(../img/buttons/btnwithsection_bg.gif) repeat-x left top; color: #879a50; font-size: 11px; text-decoration: none; cursor: pointer; }
TABLE.btnsection A SPAN { display: block; background: url(../img/buttons/btnwithsection_left.gif) no-repeat left top; }
TABLE.btnsection A SPAN SPAN { height: 39px; background: url(../img/buttons/btnwithsection_right.gif) no-repeat right top; padding: 8px 30px 0; text-align: center; white-space: nowrap; }
TABLE.btnsection A B { display: block; margin-bottom: 6px; color: #fff; font-size: 12px; font-weight: normal; text-transform: uppercase; }
TABLE.btnsection A:hover B { color: #FFF600; }

INPUT.btn { height: 26px; background-color: #798f44; margin-right: 10px; padding: 0 10px; color: #fff; font-size: 11px; text-transform: uppercase; border: 1px solid #657f16; cursor: pointer; }

A.btn { float: left; display: block; background: url(../img/buttons/btn_bg.gif) repeat-x left top; color: #fff; font-size: 12px; font-weight: normal; text-transform: uppercase; text-decoration: none; cursor: pointer; }
A.btn:hover { color: #FFF600; }
A.btn SPAN { float: left; display: block; background: url(../img/buttons/btn_left.gif) no-repeat left top; }
A.btn SPAN SPAN { height: 33px; background: url(../img/buttons/btn_right.gif) no-repeat right top; padding: 0 20px; line-height: 33px; white-space: nowrap; text-align: center; }


/* FOOTER */
#footer { background: url(../img/footer/footer_bg.gif) repeat-x left top; margin-top: 22px; clear: both; }
#footer DIV { background: url(../img/footer/footer_left.gif) no-repeat left top; }
#footer DIV DIV { background: url(../img/footer/footer_right.gif) no-repeat right top; }
#footer DIV DIV DIV { background: url(../img/footer/footer_separator.gif) no-repeat 628px 7px; padding: 0 25px; }
#footer P { height: 29px; background: url(../img/footer/footer_line.gif) no-repeat center bottom; margin: 0; color: #606b6f; font-size: 11px; line-height: 30px; text-transform: uppercase; }
#footer A { color: #606b6f; text-decoration: none; }
#footer A:hover { text-decoration: underline; }
#footer .tel { margin: 0 15px; color: #9f1818; }

.footerlink {font-size: 10px;}

/* OTHER */
.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.bglgray { background-color: #f5f7f8; }
.bggray { background-color: #e9eef0; }
.bgdgray { background-color: #e0e6e9; }

.nobrd, TR.nobrd TD { border: none !important; }

.horLine { height: 15px; margin-top: 15px; border-top: 1px dotted #ccc; font-size: 0; line-height: 0; }

.txtbig { font-size: 14px; line-height: normal; }
.txtsmall { font-size: 11px; line-height: normal; }
.txtred { color: #9f1818; }
.txtgreen { color: #798E43; }
.bold { font-weight: bold; }

.fleft { float: left; }
.fright { float: right; }
.flefthalf { float: left; width: 48%; }
.frighthalf { float: right; width: 48%; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }