/* Navigation */ #wrap { margin-top: 30px; position:relative; left: -4px; width: 973px; height:44px; background: url(../images/navigation.png); z-index:3; } * html #wrap { height:100%; } /* ---------- Mega Drop Down --------- */ #mega { list-style:none; font-weight:bold; } #nav_home { width: 80px; display: block; height: 28px; } #nav_web { width: 138px; display: block; height: 28px; padding-top:14px; } #nav_app { width: 183px; display: block; height: 28px; padding-top:14px; } #nav_domains { width: 120px; display: block; height: 28px; padding-top:14px; } #nav_km { width: 210px; display: block; height: 28px; padding-top:14px; } #nav_info { width: 120px; display: block; height: 28px; padding-top:14px; } #nav_support { width: 118px; display: block; height: 28px; padding-top:14px; } #mega li { margin-left:-1px; float:left; text-align:center; } #mega li:hover { border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps
  • and
    connected */ z-index:1; /* shadow above adjacent li */ } #mega a { outline:0; display:block; } /* ----------- Hide/Show Div ---------- */ #mega div { position:absolute; left:-999em; padding-left:10px; font-weight:normal; text-align:left; /* background:#fff; */ background-image:url(../images/navigation/background_blue3.png); background-repeat:no-repeat; } #mega li:hover div#clapp { left:-1px;top:auto; position:absolute; left:55px; top:40px; width:899px; height:235px; z-index:10; } .sub_link {color: white; font-size: 15px; font-weight: bold; text-align: center; height:44px; } /* --------- Within Div Styles --------- */ #mega div h3 { font-size:10px; color:#FFF; padding-top:10px; padding-left:10px;} #mega div a:hover, #mega div a:focus, #mega div a:active { } .div_150 h2 { font-size:16px; font-weight:bold; color:#FFF; padding: 20px 30px 0px 10px; float:left; width:330px;} .div_180 h2 { font-size:16px; font-weight:bold; color:#FFF; padding: 20px 30px 0px 10px; float:left; width:330px;} .div_240 h2 { font-size:16px; font-weight:bold; color:#FFF; padding: 20px 30px 0px 10px; float:left; width:330px;} .div_240_a h2 { font-size:16px; font-weight:bold; color:#FFF; padding: 20px 30px 0px 10px; float:left; width:330px;} .div_440 h2 { font-size:16px; font-weight:bold; color:#FFF; padding: 20px 30px 0px 10px; float:left; width:440px;} .div_440_a h2 { font-size:16px; font-weight:bold; color:#FFF; padding: 20px 30px 0px 10px; float:left; width:440px;} .div_300 h2 { font-size:16px; font-weight:bold; color:#FFF; padding: 20px 30px 0px 10px; float:left; width:330px;} .div_400 h2 { font-size:16px; font-weight:bold; color:#FFF; padding: 20px 30px 0px 10px; float:left; width:340px;} .div_150 a{padding-bottom:5px; font-size:13px; color:#FFF; padding-left:10px;} .div_180 a{padding-bottom:5px; font-size:13px; color:#FFF; padding-left:10px;} .div_240 p{padding-bottom:5px; font-size:13px; color:#FFF; padding-left:10px; width:200px; line-height:18px;} .div_240_a a{padding-bottom:5px; font-size:13px; color:#FFF; padding-left:10px; width:200px; line-height:18px;} .div_440 p{padding-bottom:5px; font-size:13px; color:#FFF; padding-left:10px; width:400px; line-height:18px;} .div_440_a a{padding-bottom:5px; font-size:13px; color:#FFF; padding-left:10px; width:400px;} .div_300 a{padding-bottom:5px; font-size:13px; color:#FFF; padding-left:10px; width:330px;} .div_400 a{padding-bottom:5px; font-size:13px; color:#FFF; padding-left:10px; width:340px;} .div_150 p{padding: 0 0; margin: 0 0;} /*a:hover{background-color:#FFF; color:#FFF; } */ .div_150{ float:left; width:175px;} .div_180{ float:left; width:180px;} .div_240{ float:left; width:230px;} .div_240_a{ float:left; width:230px;} .div_300{ float:left; width:380px;} .div_440{ float:left; width:440px; } .div_440_a{ float:left; width:440px; } .div_400{ float:left; width:340px; padding-left:50px; } .div_240 a:hover { text-decoration:underline; color:#FFF; } .div_440 a:hover { text-decoration:underline; color:#FFF; } .domain_image{float:right; padding:0px 80px 0 0; width:280px; } .domain_image p{padding-bottom:5px; font-size:13px; color:#FFF; padding-left:10px; line-height:18px;} .domain_image h2 { font-size:16px; font-weight:bold; color:#FFF; padding: 12px 30px 0px 10px; float:left; width:330px;} .domain_image a:hover{text-decoration:underline; color:#FFF;} .gruende_image{float:right; padding:10px 30px 0 0; } .support_image{float:right; padding:10px 30px 0 0; } .support_image2{float:right; padding:0 30px 0 0; } .support_image3{float:right; padding:30px 0px 0 0; } .imagetest{padding-top:0px;} .p_left{float:left; width:100px; } .p_right{float:left; width:300px; padding-left:20px; } .p_left2{float:left; width:100px; } .p_right2{float:left; width:200px; padding-left:20px; } .nav_mehr {color:#FFF; text-decoration:underline;} .selection a {text-decoration:none; padding-top:5px; } //.selection a {text-decoration:none; padding-top:5px; height:20px; } .p_left a {text-decoration:none; padding-top:5px; } .p_left2 a {text-decoration:none; padding-top:5px; } .p_right a {text-decoration:none; padding-top:5px; } .p_right2 a {text-decoration:none; padding-top:5px; } .selection a:hover { background-color:#0b99e6; width:80%; behavior: url(http://nonsecure.kreativmedia.ch/css/border-radius.htc); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } //.selection a:hover { background-image:url(http://nonsecure.kreativmedia.ch/images/round.png); background-repeat:no-repeat; height:20px; background-color:transparent; } .p_left a:hover {background-color:#0b99e6; width:90%; behavior: url(http://nonsecure.kreativmedia.ch/css/border-radius.htc); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .p_left2 a:hover {background-color:#0b99e6; width:110%; behavior: url(http://nonsecure.kreativmedia.ch/css/border-radius.htc); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} .p_right a:hover {background-color:#0b99e6; width:45%; behavior: url(http://nonsecure.kreativmedia.ch/css/border-radius.htc); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} .p_right2 a:hover {background-color:#0b99e6; width:55%; behavior: url(http://nonsecure.kreativmedia.ch/css/border-radius.htc); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} /* -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; behavior: url(border-radius.htc); div#navigation { margin-top: 30px; position:relative; left: -4px; width: 973px; height:44px; background: url(../images/navigation.png); overflow: hidden; z-index:3; } div#navigation li { float: left; } div#navigation li a { color: white; font-size: 15px; font-weight: bold; text-align: center; padding-top: 14px;} #nav_home, #nav_home a { width: 80px; display: block; height: 44px; } #nav_web, #nav_web a { width: 138px; display: block; height: 44px; } #nav_app, #nav_app a { width: 183px; display: block; height: 44px; } #nav_domains, #nav_domains a { width: 120px; display: block; height: 44px; } #nav_km, #nav_km a { width: 210px; display: block; height: 44px; } #nav_info, #nav_info a { width: 120px; display: block; height: 44px; } #nav_support, #nav_support a { width: 118px; display: block; height: 44px; } /* -------------------------- */ /* Klappnavigation */ /* ----------- Hide/Show Div ---------- */ /* #navigation li:hover { left:-1px;top:auto; } #link{ display:inline-block; overflow:hidden; height:20px; } #link:hover{ height:auto; } #webhosting_subnav { font-size: 13px; font-weight: bold; position:absolute; left:70px; top:131px; z-index:1; display: none; background: #FFF; background-repeat:no-repeat; width: 898px; height:225px; } .nav_pos1{float:left; width: 150px; } .nav_pos2{float:left; width: 150px;} .nav_pos3{float:left; width: 150px;} .nav_pos4{float:left; width: 150px;} .nav_pos5{float:left; width: 150px;} .sub_name{font-size:10px; color:#FFF; padding: 5px 0 5px 0;} #webhosting_subnav {padding: 0 0 0 10px;} #webhosting_subnav a { padding-top: 7px; padding-left: 25px; } #webhosting_subnav a:hover { padding-top: 7px; padding-left: 25px; color: white; background:blue; } #link_sharedhosting { display: block; width: 150px; height: 22px; background: #FFF; font-size:16px; color:#FFF; font-weight:bold; } #link_sharedhosting:hover { background-position: 0px -29px; } #link_sharedhosting_nav { display: block; width: 150px; height: 22px; background: #FFF; color: #FFFFFF; } #link_sharedhosting_nav:hover { background-position: 0px -29px; } #link_rootserver { display: block; width: 150px; height: 22px; background: #FFF; } #link_rootserver:hover { background-position: 0px -29px; } #link_rootserver_nav { display: block; width: 150px; height: 22px; background: #FFF; } #link_rootserver_nav:hover { background-position: 0px -29px; } #link_managedserver { display: block; width: 150px; height: 22px; background: #FFF; } #link_managedserver:hover { background-position: 0px -29px; } #link_reseller {display: block; width: 150px; height: 22px; background: #FFF; } #link_reseller:hover { background-position: 0px -29px; } #link_karte { display: block; width: 150px; height: 22px; background: #FFF; } #link_karte:hover { background-position: 0px -38px; } #apphosting_subnav { font-size: 13px; font-weight: bold; position:absolute; left:218px; top:131px; z-index:1; display: none; } #apphosting_subnav a { padding-top: 7px; padding-left: 25px; color: #FFFFFF; } #apphosting_subnav a:hover { padding-top: 7px; padding-left: 25px; color: white; } #link_mail { display: block; width: 165px; height: 22px; background: url(../images/subnav_button.png); } #link_mail:hover { background-position: 0px -29px; } #link_mx { display: block; width: 165px; height: 22px; background: url(../images/subnav_button.png); } #link_mx:hover { background-position: 0px -29px; } #link_backup { display: block; width: 165px; height: 22px; background: url(../images/subnav_button.png); } #link_backup:hover { background-position: 0px -29px; } #link_sitebuilder { display: block; width: 165px; height: 22px; background: url(../images/subnav_button.png); } #link_sitebuilder:hover { background-position: 0px -29px; } #link_ssl { display: block; width: 165px; height: 31px; background: url(../images/subnav_button_unten.png); } #link_ssl:hover { background-position: 0px -38px; } #domain_subnav { font-size: 13px; font-weight: bold; position:absolute; left:405px; top:131px; z-index:1; display: none; } #domain_subnav a { padding-top: 7px; padding-left: 25px; color: #FFFFFF; } #domain_subnav a:hover { padding-top: 7px; padding-left: 25px; color: white; } #link_registrieren { display: block; width: 165px; height: 22px; background: url(../images/subnav_button.png); } #link_registrieren:hover { background-position: 0px -29px; } #link_transferieren { display: block; width: 165px; height: 31px; background: url(../images/subnav_button_unten.png); } #link_transferieren:hover { background-position: 0px -38px; } /* -------------------------- */ /* SubNavigation */ #subnav_text { font-size: 18px; font-weight: bold; margin: 0px 10px 0px 20px; position: relative; top: 3px; float: left; } div#subnavigation { position:relative; margin-top: 15px; height: 0px; } div#subnavigation li { padding: 5px 8px; margin: 2px 7px 0px 7px; font-size: 15px; font-weight: lighter; } #subnavigation li a { color: #666; text-decoration: none; } #subnavigation li a:hover { color: #0099ef; text-decoration: none; } .stoerer_neu{ position:absolute; left:440px; top:10px; }