/* Webdesign und Webprogrammierung Individual Software Gültekin www.it-gueltekin.de Nevzat Gültekin Erstellt am 07. Juli 2010 Letzte Aenderung am 12. August 2010 */ /* Def */ a{text-decoration:none;font-family:Arial,Helvetica,sans-serif;} a img {border:none;} p{margin:0;padding:0;padding-bottom:10px;} .clearer {clear: both;line-height: 0em;height: 0px;visibility: hidden;font-size: 0;display: block;} h1{font-size:14px;color:#143D9F;text-align:left} h2{font-size:12px;color:#143D9F;text-align:left} h3{font-size:11px;color:#143D9F;text-align:left} h4{font-size:10px;color:#143D9F;text-align:left} h5{font-size:10px;color:#143D9F;text-align:left} h6{font-size:10px;color:#143D9F;text-align:left} /* ---------------------------------------------------------------------------*/ /* LAYOUT */ body{background:#ffffff; font-family:Arial,Helvetica,sans-serif; font-size:11px;height:100%;margin:0px;width:100%;color:#151515;letter-spacing: 0.05em} #page{margin:0 auto;width:960px;border:0px solid #000000;} #header {height:88px;text-align:left;} #content {padding:0px; text-align:left;} #col_left {float:left;width:187px;margin:0;padding:0;} #col_left img{display:block;} #col_right {float:left;width:771px;margin:0;padding:0;line-height:130%;} #banner{border:1px solid #BDCCCE;border-bottom:1px solid #7B94C0;} #subnavi_box{background:transparent url(../_pics/bg_subnavi.jpg) 0px 0px repeat-x;height:25px;margin:0;padding:0;} #col_cont{margin-top:32px;} #col_cont2{margin-top:32px;} #col_cont_both{margin:0;padding:10px;padding-top:0;color:#151515} #col_cont_left{float:left;width:330px;margin:0;padding:10px;padding-top:0;color:#151515} #col_cont_right{float:right;width:370px;margin:0;padding:10px;padding-top:0;color:#151515} /* ---------------------------------------------------------------------------*/ /* HEADER */ #headernavi{float:left;padding-left:5px;margin-top:40px;width:200px;} #headernavi a{margin-right:10px;text-decoration: none;font-size:11px;} #headernavi a:link{color:#717171;} #headernavi a:visited{color:#717171;} #headernavi a:focus{color:#717171;} #headernavi a:hover{color:#143D9F;} #headernavi a:active{color:#717171;} #headernavi a.active:link{color:#143D9F;} #headernavi a.active:visited{color:#143D9F;} #headernavi a.active:focus{color:#143D9F;} #headernavi a.active:hover{color:#143D9F;} #headernavi a.active:active{color:#143D9F;} #logo_left{float:right;margin-right:3px;} /* ---------------------------------------------------------------------------*/ #fash_requires{height:113px;text-align:center;padding:20px;padding-top:120px;font-size:12px;font-weight:bold;} /* CONTENT -> COL_LEFT -> Hauptnavigation */ #topnavi_box {/*background:transparent url(../_pics/bg_topnavi.jpg) 0px 0px repeat-x;*/height:248px;margin:0;padding:0;margin-left:4px;padding-top:3px;} #topnavi_box ul#topnavi {list-style-position:outside;list-style-type:none;padding:0;margin:0;} #topnavi_box ul#topnavi li {list-style-type:none;padding:0;margin:0;height:25px;border-bottom:2px solid #E8E8E8} #topnavi_box ul#topnavi li a {color:#717171;font-weight:normal;font-size:12px;background:transparent url(../_pics/navi_listicon.gif) 1px 1px; background-repeat:no-repeat;padding-left:19px;line-height:25px;letter-spacing:0.02em} #topnavi_box ul#topnavi li a:link{color:#717171;} #topnavi_box ul#topnavi li a:visited{color:#717171;} #topnavi_box ul#topnavi li a:focus{color:#717171;} #topnavi_box ul#topnavi li a:hover{color:#143D9F;background:transparent url(../_pics/navi_listicon_act.gif) 1px 1px no-repeat;} #topnavi_box ul#topnavi li a:active{color:#143D9F;background:transparent url(../_pics/navi_listicon_act.gif) 1px 1px no-repeat;} #topnavi_box ul#topnavi li a.active_link:link{color:#143D9F;background:transparent url(../_pics/navi_listicon_act.gif) 1px 1px no-repeat;} #topnavi_box ul#topnavi li a.active_link:visited{color:#143D9F;background:transparent url(../_pics/navi_listicon_act.gif) 1px 1px no-repeat;} #topnavi_box ul#topnavi li a.active_link:focus{color:#143D9F;background:transparent url(../_pics/navi_listicon_act.gif) 1px 1px no-repeat;} #topnavi_box ul#topnavi li a.active_link:hover{color:#143D9F;background:transparent url(../_pics/navi_listicon_act.gif) 1px 1px no-repeat;} #topnavi_box ul#topnavi li a.active_link:active{color:#143D9F;background:transparent url(../_pics/navi_listicon_act.gif) 1px 1px no-repeat;} /* #topnavi_box ul#topnavi li a.first_link{background:none; color:#fff;padding-left:10px;} #topnavi_box ul#topnavi li a.first_link:link{background:none; color:#fff;} #topnavi_box ul#topnavi li a.first_link:visited{background:none; color:#fff;} #topnavi_box ul#topnavi li a.first_link:focus{background:none; color:#fff;} #topnavi_box ul#topnavi li a.first_link:hover{background:none; color:#ddddff;} #topnavi_box ul#topnavi li a.first_link:active{background:none; color:#ddddff;} #topnavi_box ul#topnavi li a.first_active_link{background:none; color:#fff;padding-left:10px;} #topnavi_box ul#topnavi li a.first_active_link:link{background:none; color:#fff;} #topnavi_box ul#topnavi li a.first_active_link:visited{background:none; color:#fff;} #topnavi_box ul#topnavi li a.first_active_link:focus{background:none; color:#fff;} #topnavi_box ul#topnavi li a.first_active_link:hover{background:none; color:#ddddff;} #topnavi_box ul#topnavi li a.first_active_link:active{background:none; color:#ddddff;} */ /* CONTENT -> COL_LEFT -> Leistungen-Navigation */ #leftnavi_box {background:#F6F6F6 url(../_pics/bg_leftnavi.jpg) 0px 0px repeat-x;height:320px;margin:0;padding:0;padding-top:40px;padding-left:16px;} #leftnavi_box ul#leftnavi {list-style-position:outside;list-style-type:none;padding:0;margin:0;} #leftnavi_box ul#leftnavi li {list-style-type:none;padding:0;margin:0;margin-top:9px;margin-bottom:10px;} #leftnavi_box ul#leftnavi li a {background-image:none;color:#575757;font-weight:normal;letter-spacing:0.04em} #leftnavi_box ul#leftnavi li a:link{color:#575757;} #leftnavi_box ul#leftnavi li a:visited{color:#575757;} #leftnavi_box ul#leftnavi li a:focus{color:#575757;} #leftnavi_box ul#leftnavi li a:hover{color:#000000;} #leftnavi_box ul#leftnavi li a:active{color:#575757;} #leftnavi_box ul#leftnavi li a.active_link:link{color:#000000;} #leftnavi_box ul#leftnavi li a.active_link:visited{color:#000000;} #leftnavi_box ul#leftnavi li a.active_link:focus{color:#000000;} #leftnavi_box ul#leftnavi li a.active_link:hover{color:#000000;} #leftnavi_box ul#leftnavi li a.active_link:active{color:#000000;} /* CONTENT -> COL_RIGHT -> Header Banner Slideshow */ #banner_image{display:block;} #slideshow{} #monoslideshow{} /* CONTENT -> COL_RIGHT -> Horizantales Menü */ #subnavi_box ul#subnavi {list-style-type:none;list-style-image:none;padding:0;margin:0;} #subnavi_box ul#subnavi li {display:inline; padding:0;margin:0;height:25px;} #subnavi_box ul#subnavi li a {background-image:none;text-transform:uppercase;color:#ffffff;display:block; float:left;height:25px; padding:3px 21px 0px 21px;font-size:11px;font-weight:bold;} #subnavi_box ul#subnavi li a:hover {background:transparent url(../_pics/bg_subnavi_act.jpg) 0px 0px repeat-x;text-decoration:underline;} #subnavi_box ul#subnavi li a.active_link {background:transparent url(../_pics/bg_subnavi_act.jpg) 0px 0px repeat-x;text-decoration:underline;} /* ---------------------------------------------------------------------------*/ /* CON_CONT -> COLRIGHT -> COL_CONT_LEFT */ /* ---------------------------------------------------------------------------*/ #col_cont ul{margin:0;padding:0;padding-bottom:15px;list-style-position:outside; } #col_cont ol{margin:0;padding:0;padding-bottom:15px;list-style-position:outside; } #col_cont li{margin:0;padding:0;padding-left:35px;list-style-image:none;} #col_cont ul li{margin:0;padding:0;padding-left:0px;list-style-position:inside;} #col_cont div.textilbox {padding:0;margin:0;} #col_cont div.textilbox div.textilbox_inner {margin:0px 0px 0px 0px; } #col_cont div.textilbox div.textilbox_inner span{} #col_cont div.textilbox div.textilbox_inner span.caps{text-align:left;padding:2px;display:inline;} #col_cont div.textilbox div.textilbox_inner div.floatLeft{display:inline;float:left;margin-right:20px; margin-bottom:10px;} #col_cont div.textilbox div.textilbox_inner div.floatRight{display:inline;float:right;margin-left:20px; margin-bottom:10px;} #col_cont div.textilbox div.textilbox_inner ul li span{display:inline;padding-left:20px;font-weight:normal;} #col_cont a{color:#143D9F;} #col_cont a:link{color:#143D9F;} #col_cont a:visited{color:#143D9F;} #col_cont a:focus{color:#143D9F;} #col_cont a:hover{color:#143D9F;text-decoration:underline;} #col_cont a:active{color:#143D9F;} /* ----------------------------------------------------------- */ /* -------------------- MODULE ------------------------------- */ /* ----------------------------------------------------------- */ /* Modul 01 - Headline */ h1.h_blue_left{font-size:14px;color:#143D9F;text-align:left} h2.h_blue_left{font-size:12px;color:#143D9F;text-align:left} h3.h_blue_left{font-size:11px;color:#143D9F;text-align:left} h4.h_blue_left{font-size:10px;color:#143D9F;text-align:left} h5.h_blue_left{font-size:10px;color:#143D9F;text-align:left} h6.h_blue_left{font-size:10px;color:#143D9F;text-align:left} h1.h_blue_right{font-size:14px;line-height:20px;color:#143D9F;text-align:right} h2.h_blue_right{font-size:12px;line-height:20px;color:#143D9F;text-align:right} h3.h_blue_right{font-size:11px;line-height:20px;color:#143D9F;text-align:right} h4.h_blue_right{font-size:10px;line-height:15px;color:#143D9F;text-align:right} h5.h_blue_right{font-size:10px;line-height:15px;color:#143D9F;text-align:right} h6.h_blue_right{font-size:10px;line-height:15px;color:#143D9F;text-align:right} h1.h_black_left{font-size:14px;color:#151515;text-align:left} h2.h_black_left{font-size:12px;color:#151515;text-align:left} h3.h_black_left{font-size:11px;color:#151515;text-align:left} h4.h_black_left{font-size:10px;color:#151515;text-align:left} h5.h_black_left{font-size:10px;color:#151515;text-align:left} h6.h_black_left{font-size:10px;color:#151515;text-align:left} h1.h_black_right{font-size:14px;color:#151515;text-align:right} h2.h_black_right{font-size:12px;color:#151515;text-align:right} h3.h_black_right{font-size:11px;color:#151515;text-align:right} h4.h_black_right{font-size:10px;color:#151515;text-align:right} h5.h_black_right{font-size:10px;color:#151515;text-align:right} h6.h_black_right{font-size:10px;color:#151515;text-align:right} div.borderbox h1{padding:0;margin:0;line-height:20px;font-size:14px;color:#143D9F;text-align:left} div.borderbox h2{padding:0;margin:0;line-height:20px;font-size:12px;color:#143D9F;text-align:left} div.borderbox h3{padding:0;margin:0;line-height:20px;font-size:11px;color:#143D9F;text-align:left} div.borderbox h4{padding:0;margin:0;line-height:20px;font-size:10px;color:#143D9F;text-align:left} div.borderbox h5{padding:0;margin:0;line-height:20px;font-size:10px;color:#143D9F;text-align:left} div.borderbox h6{padding:0;margin:0;line-height:20px;font-size:10px;color:#143D9F;text-align:left} /*----------------------------------------------------------------------------*/ /* Modul 02 - Boxen mit Rahmen */ #col_cont_both div.borderbox{border: 1px solid #DCDCDC;} #col_cont_both div.borderbox h1{padding:5px;padding-left:25px;color:#143D9F;font-size:12px;background:transparent url(../_pics/r02.jpg) 0px 0px no-repeat; margin-bottom:10px;} #col_cont_both div.borderbox div.borderbox_inner{padding:10px;padding-left:25px} #col_cont_left div.borderbox{border: 1px solid #DCDCDC;} #col_cont_left div.borderbox h1{padding:5px;padding-left:25px;color:#143D9F;font-size:12px;background:transparent url(../_pics/r03.jpg) 0px 0px no-repeat; margin-bottom:10px;} #col_cont_left div.borderbox div.borderbox_inner{padding:10px;padding-left:25px} #col_cont_right div.borderbox{border: 1px solid #DCDCDC;} #col_cont_right div.borderbox h1{padding:5px;padding-left:25px;color:#143D9F;font-size:12px;background:transparent url(../_pics/r03.jpg) 0px 0px no-repeat;margin-bottom:10px;} #col_cont_right div.borderbox div.borderbox_inner{padding:10px;padding-left:25px} img.corner_icon{} /*----------------------------------------------------------------------------*/ /* Modul 03 - Bild und/oder Textmodul - */ /*----------------------------------------------------------------------------*/ /* Modul 04 - WYSIWYG-Editor - kein CSS erforderlich*/ /*----------------------------------------------------------------------------*/ /* Modul 05 - Interner Link */ #col_cont a{color:#143D9F;} #col_cont a.externerlink:link{color:#143D9F;} #col_cont a.externerlink:visited{color:#143D9F;} #col_cont a.externerlink:focus{color:#143D9F;} #col_cont a.externerlink:hover{color:#143D9F;text-decoration:underline;} #col_cont a.externerlink:active{color:#143D9F;} /*----------------------------------------------------------------------------*/ /* Modul 06 - Externer Link */ #col_cont a{color:#143D9F;} #col_cont a.internerlink:link{color:#143D9F;} #col_cont a.internerlink:visited{color:#143D9F;} #col_cont a.internerlink:focus{color:#143D9F;} #col_cont a.internerlink:hover{color:#143D9F;text-decoration:underline;} #col_cont a.internerlink:active{color:#143D9F;} /*----------------------------------------------------------------------------*/ /* Modul 07 - Backlink */ #col_cont div.link_zurueck{margin-top:10px;text-align:right;padding-right:10px;} #col_cont div.link_zurueck a.a_link_zurueck{color:#143D9F;text-decoration:underline;} #col_cont div.link_zurueck a.a_link_zurueck:link{color:#143D9F;} #col_cont div.link_zurueck a.a_link_zurueck:visited{color:#143D9F;} #col_cont div.link_zurueck a.a_link_zurueck:focus{color:#143D9F;} #col_cont div.link_zurueck a.a_link_zurueck:hover{color:#143D9F;text-decoration:none;} #col_cont div.link_zurueck a.a_link_zurueck:active{color:#143D9F;} /*----------------------------------------------------------------------------*/ /* Modul 08 - Artikelweiterleitung - kein CSS erforderlich */ /*----------------------------------------------------------------------------*/ /* Modul 09 - Download */ div.download-hdl{color:#151515;font-size:11px;font-weight:bold;} div.download-file a{color:#143D9F;} div.download-file a:link{color:#143D9F;} div.download-file a:visited{color:#143D9F;} div.download-file a:focus{color:#143D9F;} div.download-file a:hover{color:#143D9F;text-decoration:underline;} div.download-file a:active{color:#143D9F;} /*----------------------------------------------------------------------------*/ /* Modul 10 - Linie */ hr{color: #fff; background-color: #fff; border: 1px dotted #BDCCCE; border-style: none none dotted; margin-top: 15px; margin-bottom:15px} /*----------------------------------------------------------------------------*/ /* Modul 11 - H-Spacer */ div.hspacer{height:30px} /*----------------------------------------------------------------------------*/ /* Modul 12 - Kontakt */ #kontaktbox{padding:0;margin:0;} #kontaktbox #kontaktbox_inner{padding:20px; margin:0; border:1px solid #BDCCCE;} #kontaktbox label{} #kontaktbox #name{width:100%;border:1px solid #BDCCCE;height:18px;color:#151515;} #kontaktbox #email{width:100%;border:1px solid #BDCCCE;height:18px;color:#151515;} #kontaktbox #message{width:100%;border:1px solid #BDCCCE;height:100px;color:#151515;} #kontaktbox #senden{width:150px;} #kontaktbox p.center{} #kontaktbox input{margin-bottom:10px;} #kontaktbox textarea{margin-bottom:10px;} /*----------------------------------------------------------------------------*/ /* Modul 13 - Headerbild - siehe oben */ /*----------------------------------------------------------------------------*/ /* Modul 14 - Headerslideshow - siehe oben */ /*----------------------------------------------------------------------------*/ /* Kontakt Modul */ div.contact_modul {float:left;width:761px;} div.contact_modul div.img_map {float:left;width:540px;} div.contact_modul div.sidebar {float:right;width:220px;} div.contact_modul div.sidebar div.contact_button {float:left;width:220px;margin:0px 0px 20px 0px;} div.contact_button div.contact_title {float:left;width:216px;min-height:90px;padding:0px 1px 0px 3px;background:transparent URL("../_pics/_contact_button_top.jpg") 0px 0px no-repeat;} div.contact_button div.contact_title h2 {float:left;width:206px;line-height:125%;color:#FFFFFF;font-size:16px;text-align:center;margin:0px;padding:15px 5px 15px 5px;} div.contact_button div.contact_link {float:left;width:202px;padding:15px 1px 5px 17px;background:transparent URL("../_pics/_contact_button_bottom.jpg") 0px 0px no-repeat;} div.contact_button div.contact_link div.link_top {float:left;width:191px;height:3px;/*background:transparent URL("../_pics/button_top.png") 0px 0px no-repeat;*/} div.contact_button div.contact_link div.link_middle {float:left;width:191px;/*background:transparent URL("../_pics/button_middle.png") 0px 0px no-repeat;*/} div.contact_button div.contact_link div.link_middle span {float:left;margin-top:6px;} div.contact_button div.contact_link div.link_bottom {float:left;width:191px;height:8px;/*background:transparent URL("../_pics/button_bottom.png") 0px 0px no-repeat;*/} div.contact_button div.contact_foot {float:left;width:220px;height:5px;background:transparent URL("../_pics/_contact_button_foot.jpg") 0px 0px no-repeat;} div.contact_button a.top, div.contact_button a.bottom {float:left;width:166px;padding:5px 10px 5px 10px;} div.contact_button a.middle {float:left;width:166px;padding:5px 10px 5px 10px;font-size:14px;font-weight:bold;color:#205aa1;letter-spacing:0.0em;/*background:transparent URL("../_pics/link_button.png") right center no-repeat;*/} div.contact_button a:hover {text-decoration:none !important;} div.contact_modul div.sidebar div.box {float:left;width:200px;padding:0px 0px 0px 19px;margin-bottom:25px;color:#747675;font-size:11px;} div.contact_modul div.sidebar div.box h2 {float:left;line-height:100%;color:#143D9F;font-size:18px;margin:0px;padding:0px;} div.contact_modul div.sidebar div.box h2.haupt {color:#143D9F;padding:7px 7px 0px 0px;} div.contact_modul div.sidebar div.box div.icon_haupt {float:left;width:26px;height:32px;background:transparent URL("../_pics/pin_blue.jpg") 0px 0px no-repeat;} div.contact_modul div.sidebar div.box h2.nieder {color:#143D9F;padding:7px 7px 0px 0px;} div.contact_modul div.sidebar div.box div.icon_nieder {float:left;width:26px;height:32px;background:transparent URL("../_pics/pin_green.jpg") 0px 0px no-repeat;} div.contact_modul div.sidebar div.box h2.aktion {color:#143D9F;padding:10px 7px 0px 0px;} div.contact_modul div.sidebar div.box div.icon_aktion {float:left;width:40px;height:40px;background:transparent URL("../_pics/_action.jpg") 0px 0px no-repeat;} div.contact_modul div.sidebar div.box h2.bahn {color:#143D9F;padding:7px 7px 0px 0px;} div.contact_modul div.sidebar div.box div.icon_haupt {float:left;width:26px;height:32px;background:transparent URL("../_pics/pin_blue.jpg") 0px 0px no-repeat;} div.contact_modul div.sidebar div.box h3 {float:left;width:200px;font-size:13px;margin:0px;padding-top:7px;font-weight:bold;color:#143D9F;} div.contact_modul div.sidebar div.box p {float:left;width:200px;padding-top:5px;margin-top:3px;font-size:12px;letter-spacing:0em;} div.contact_modul div.sidebar div.box span.left {width:45px;color:#747675;font-size:12px;padding:0px 5px 0px 0px;} div.contact_modul div.sidebar div.box span.right {width:150px;color:#747675;font-size:12px;padding:0px 0px 0px 0px;} div.contact_modul div.sidebar div.box span.left_mail {width:45px;color:#747675;font-size:12px;padding:10px 5px 0px 0px;} div.contact_modul div.sidebar div.box span.right_mail {width:150px;color:#747675;font-size:12px;padding:10px 0px 0px 0px;} div.contact_modul div.sidebar div.box hr {float:left;width:200px;border:none;border-top:1px solid;color:#747675;margin:5px 0px 5px 0px;} span.address {width:370px;color:#747675;font-size:12px;padding:0px 0px 10px 0px;} span.left {width:45px;color:#747675;font-size:12px;padding:0px 5px 0px 0px;} span.right {width:320px;color:#747675;font-size:12px;padding:0px 0px 0px 0px;} span.left_mail {width:45px;color:#747675;font-size:12px;padding:10px 5px 0px 0px;} span.right_mail {width:320px;color:#747675;font-size:12px;padding:10px 0px 0px 0px;} hr.w_200 {width:200px;border:none;border-top:1px solid;color:#747675;margin:15px 0px 15px 0px;} /*----------------------------------------------------------------------------*/ /* Kontakt Navigation */ #leftnavi_box2 {background:#F6F6F6 url(../_pics/bg_leftnavi2.jpg) 0px 0px repeat-x;height:320px;margin:0;padding:0;padding-top:9px;padding-left:16px;} #leftnavi_box2 ul#leftnavi {list-style-position:outside;list-style-type:none;padding:0;margin:0;} #leftnavi_box2 ul#leftnavi li {list-style-type:none;padding:0;margin:0;margin-top:9px;margin-bottom:10px;} #leftnavi_box2 ul#leftnavi li.leftnavi-title {list-style-type:none;padding:0px;margin:0px;margin-bottom:20px;font-size:12px;color:#2b3d63;} #leftnavi_box2 ul#leftnavi li a {background-image:none;color:#575757;font-weight:normal;letter-spacing:0.04em} #leftnavi_box2 ul#leftnavi li a:link {color:#575757;} #leftnavi_box2 ul#leftnavi li a:visited {color:#575757;} #leftnavi_box2 ul#leftnavi li a:focus {color:#575757;} #leftnavi_box2 ul#leftnavi li a:hover {color:#000000;text-decoration:underline;} #leftnavi_box2 ul#leftnavi li a:active {color:#575757;text-decoration:underline;} #leftnavi_box2 ul#leftnavi li a.active_link:link {color:#000000;text-decoration:underline;} #leftnavi_box2 ul#leftnavi li a.active_link:visited {color:#000000;text-decoration:underline;} #leftnavi_box2 ul#leftnavi li a.active_link:focus {color:#000000;text-decoration:underline;} #leftnavi_box2 ul#leftnavi li a.active_link:hover {color:#000000;text-decoration:underline;} #leftnavi_box2 ul#leftnavi li a.active_link:active {color:#000000;text-decoration:underline;} /*----------------------------------------------------------------------------*/ /* Schrachauswahl */ div.language {float:left;width:100%;margin:15px 0px 0px 0px;height:13px;} div.language div.flag {float:left;margin:0px 5px 0px 0px;} #banner_text {background:transparent url(../_pics/bg_subnavi.jpg) 0px 0px repeat-x;height:20px;margin:0px;padding:5px 0px 0px 10px;font-size:12px;color:#FFFFFF;}