/* ------------------------------------------------- */ /* ----- CSS Thomas von Thaden Architekten BDA ----- */ /* ------------------------------------------------- */ body, html { font-family: Verdana, Tahoma, Arial, sans-serif ; font-size: 12px; font-style: normal; font-weight: normal; color: #e3e3e3; background-color: #FFFFFF; height:100%; margin:0px; padding: 0px; letter-spacing:0.1em; } #viewport { display:block; height:50%; margin-bottom: -300px; } br.clear { clear:both; } div.hr { width: 100%; height: 1px; background-color: #ffffff; clear:both; } #content, #top, #top2, #main, #bottom { width:950px; } #content { height:570px; background-color:#2f2f2f; margin:0 auto; } #top { height:49px; border-bottom:1px #FFFFFF solid; background-color:#000000; background-image:url(../images/tvt_top.gif); background-position:left; background-repeat:no-repeat; position: relative;} #top_en { height:49px; border-bottom:1px #FFFFFF solid; background-color:#000000; background-image:url(../images/tvt_top_en.gif); background-position:left; background-repeat:no-repeat; position: relative;} #top2 { position: relative; height:49px; border-bottom:1px #FFFFFF solid; background-color:#000000; } #main { height:487px; background-color:#38362b; border-bottom:1px #FFFFFF solid; overflow:hidden; } #bottom { height:32px; /*border-top:1px #FFFFFF solid;*/ background-color:#000000; clear:both; } #bottom2 { height:32px; background-color:#000000; clear:both; } a:link, a:active, a:visited { color: #FFFFFF; text-decoration: underline; } a:hover { color: #534b45; text-decoration: underline; } .langmenu { position: absolute; top: 3px; right: 3px; } /* ----- menu und navigation ----- */ #menu { float:right; width:460px; height:32px; } a.menu, a.menu:active, a.menu:visited, a.menu_on, a.menu_on:active, a.menu_on:visited { display:block; padding-top:8px; text-decoration:none; text-align:center; font-weight:bold; font-size:12px; letter-spacing:0.2em; height:24px; } a.menu:hover { background-color:#2f2f2f; color:#FFFFFF; text-decoration:none; } a.menu_on { background-color:#2f2f2f; color:#FFFFFF; text-decoration:none; } .projekte, .profil, .kontakt, .buero { border-left:1px #FFFFFF solid; float:left; text-align:center; height:32px; } .projekte { width:135px; } .profil { width:103px; } .kontakt { width:125px; } .buero { width:92px; } #navigation { width:170px; height:487px; border-left:1px #FFFFFF solid; float:left; background-color:#38362b; } a.navi, a.navi:active, a.navi:visited, a.navi_on, a.navi_on:active, a.navi_on:visited, a.navi-pro, a.navi-pro:active, a.navi-pro:visited, a.navi-pro_on, a.navi-pro_on:active, a.navi-pro_on:visited { display:block; padding-top:51px; text-decoration:none; text-align:center; font-size:11px; font-weight:bold; letter-spacing:0.3em; height:70px; width:169px; border-bottom:1px #FFFFFF solid; } a.navi:hover, a.navi_on:hover, a.navi-pro:hover { background-color:#534b45; color:#FFFFFF; text-decoration: none; } a.navi_on, a.navi-pro_on { background-color:#2f2f2f; text-decoration: none; } a.navi-pro_on:hover { background-color:#2f2f2f; color:#FFFFFF; } a.toplink { display:block; height:49px; width:950px; } .locator { width:270px; height:24px; float:left; font-size:11px; font-weight:bold; letter-spacing:normal; color:#888888; padding:8px 0px 0px 45px; } .locator strong { color:#FFFFFF; } .locator a:link, .locator a:active, .locator a:visited { color:#888888; font-size:10px; font-weight:bold; text-decoration:none; } .locator a:hover { color:#FFFFFF; font-size:10px; font-weight:bold; text-decoration:underline; } /* ----- */ /* ----- start screens ----- */ .start_pic { width:610px; height:487px; float:left; } .kontakt_pic { width:610px; height:487px; float:left; } .kontakt_small_pic { width:340px; height:487px; float:left; } .profil_pic { width:779px; height:487px; float:left; } .buero_pic { width:779px; height:487px; float:left; } /* ----- */ /* ----- text und mehr ----- */ .article_head { width:659px; float:left; margin-bottom:5px; } .article_content { width:719px; height:417px; padding:45px 0px 25px 60px; line-height:19px; float:left; overflow:hidden; letter-spacing:normal; background-color:#2f2f2f; } .article_pre { width:120px; float:left; margin-bottom:5px; } .article_info { width:539px; float:left; margin-bottom:5px; margin-bottom:25px; } .article_mid { width:400px; float:left; margin-bottom:5px; } .article_sub { width:139px; float:left; margin-bottom:5px; } .article_pre_ref { width:120px; float:left; margin-bottom:5px; } .article_pre_imprint { width:180px; float:left; margin-bottom:5px; } .article_mid_ref { width:295px; float:left; margin-right: 5px; margin-bottom:5px; } .article_sub_ref { width:239px; float:left; margin-bottom:5px; } .article_content strong { font-weight:bold; font-size:13px; color:#ffffff; margin-bottom:5px; } /* ----- */ /* ----- start seite ----- */ .start_blank { width:339px; height:487px; border-right:1px #FFFFFF solid; float:left; background-color:#38362b; } .start_text { width:299px; height:385px; padding-left:40px; padding-top:45px; letter-spacing:0.1em; font-weight:600; } .start_logo { width:329px; padding-right:10px; text-align:right; font-weight:bold; font-size:18px; letter-spacing:0.2em; padding-top:30px; } .start_logob { width:329px; padding-right:10px; text-align:right; font-weight:bold; font-size:18px; letter-spacing:0.2em; padding-top:380px; } .start_logo2 { width:590px; padding-left:10px; font-weight:bold; font-size:18px; letter-spacing:0.2em; padding-top:30px; color:#38362b; } .start_logob2 { width:590px; padding-left:10px; font-weight:bold; font-size:18px; letter-spacing:0.2em; padding-top:380px; color:#38362b; } /* ----- */ /* ----- projekte ----- */ .projekt { width: 475px; height: 121px; float:left; font-weight:bold; font-size:13px; border-bottom:1px #FFFFFF solid; } .projekt img { width:90px; height:90px; border:none; } a.projektlink, a.projektlink:active, a.projektlink:visited { display:block; text-decoration:none; font-weight:bold; border:0px; font-size:13px; letter-spacing:0.2em; height:121px; width:440px; padding-left:35px; } a.projektlink:hover { background-color:#534b45; color:#FFFFFF; text-decoration:none; } /*a.navi-pro, a.navi-pro_on { font-size:10px; font-weight:bold; letter-spacing:normal; }*/ /* ----- */ /* ----- arbeiten ----- */ .tab140, .tab160, .tab90, .tab59 { font-size:11px; letter-spacing:normal; line-height:normal; padding-right:3px; } .tab140 strong, .tab160 strong, .tab90 strong, .tab59 strong { font-size:11px; font-weight:bold; } .tab160 { width:160px; float:left; margin-right:10px; } .tab140 { width:140px; float:left; margin-right:5px; } .tab90 { width:90px; float:left; } .tab59 { width:59px; float:left; } /* ----- */ /* ----- kontakt ----- */ form { margin: 0; padding: 0; } .kontakt_data_large { width:584px; height:487px; border-left:1px #FFFFFF solid; float:left; background-color:#38362b; } .kontakt_data { width:264px; height:487px; border-left:1px #FFFFFF solid; float:left; background-color:#38362b; } .kontakt_text { height:477px; padding-left:40px; padding-top:10px; font-size:11px; letter-spacing:0.1em; } .kontakt_text strong { font-size:12px; } label { width:120px; float:left; margin:0; padding:0; border:0; } input, select { width:120px; border:0px; font-size:10px; margin:0; border:0; margin-bottom:6px !important; margin-bottom:4px; } .message { width:240px; border:0px; font-size:10px; margin-top:6px; height:90px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; } button { width:120px; border:0px; font-size:11px; height:17px; } .smalltext { font-size:9px; letter-spacing:normal; color:#CCCCCC; } .kontakt_s_links { width: 262px; overflow: hidden; float: left; } ul.linkliste, ul.linkliste li { color: #e3e3e3; margin: 0; padding: 0;} ul.linkliste { margin: 10px; list-style-type: none;} ul.linkliste li { margin-left: 10px; float: left; width: 250px;} ul.linkliste li a:link, ul.linkliste li a:visited, ul.linkliste li a:active { text-decoration: none; color: #e3e3e3; } ul.linkliste li a:focus, ul.linkliste li a:hover { text-decoration: none; color: #FFFFFF; } /* ----- */