/* Document : styles Created on : 08.07.2009, 08:42:09 Description: Formatvorlage der Kanzlei Zimmermann */ body { display: block; font-family: Calibri,"Trebuchet MS",Arial,Helvetica,sans-serif; background-color:#eee; color: #333333; font-size: 0.75em; margin:.5em; } ul { list-style: none; margin:0; padding:0; } #canvas { width:990px; min-height:800px; background:transparent url(./../images/bgs/bg_all.png) no-repeat; margin-left:auto; margin-right:auto; position:relative; } #logo { width:400px; height:70px; position:absolute; top:25px; left:240px; } #sidelayer { width:200px; height:760px; position:absolute; top:0; left:0; z-index:11; color:#fff; } #centerlayer { width:790px; height:605px; position:absolute; top:140px; left:205px; z-index:12;} #centerleft { width:515px; height:605px; float:left; margin:8px 0 0 25px; padding:0; position:relative; background:transparent url(./../images/bgs/bg_center.png) no-repeat; } #centerright { width:220px; height:605px; float:right; margin:8px 12px 0 0; padding:0; background:transparent url(./../images/bgs/bg_news.png) no-repeat; position:relative;} #footer { position:absolute; bottom:0; left:0; width:180px; height:40px; color:#821D0C; margin-bottom:2em; font-size:smaller; font-style:italic; } #nav { width:200px; height:auto; float:left; font-size:larger; } #nav ul { margin-top:153px; margin-left:auto; margin-right:auto; width:95%; } #nav ul.sublist { margin-top:0; margin-left:24px; margin-right:auto; width:85%; } #nav li { height:40px; line-height:40px; width:100%; border-bottom:1px solid #666; } #nav li a { display:block; padding-left:15px; color: #dfdfdf; font-weight: normal; text-decoration: none; } #nav li.selected a { display:block; background-image:url(./../images/icons/icon_selected.png); background-repeat:no-repeat; background-position:center right; padding-left:15px; color: #dfdfdf; font-weight: normal; text-decoration: none; } #nav li a:hover { background-color:#444444;/*#9e291d;*/ padding-left:15px; color: #fff; font-weight: normal; text-decoration: none; } #nav ul.sublist li { height:100%; line-height:1.2em; width:100%; border-bottom:1px dashed #666; font-size:80%; padding:7px 0; } #nav ul.sublist li a { display:block; padding:4px; color: #dddddd; font-weight: normal; text-decoration: none; } #nav ul.sublist li.selected a { display:block; padding-left:4px; color: #dfdfdf; font-weight: normal; text-decoration: none; } #nav ul.sublist li a:hover { background-color:#444;/*#9e291d;*/ padding-left:4px; color: #fff; font-weight: normal; text-decoration: none; } #centerleft h1, #centerright h1 { margin:0; margin-top:-6px; height:60px; text-align:center; font-size:larger; font-weight:normal; padding-left:25px; color:#fff; padding:0; line-height:60px; } #centerleft p { margin:0; padding-bottom:1em; padding-left:25px; line-height:20px; padding-right:25px; background:url(./../images/bg/bg_center_leftmiddle.png) repeat-y; text-align:justify; } #centerleft p.last { margin:0; padding-left:25px; line-height:40px; padding-right:20px; background:url(./../images/bg/bg_center_leftbottom.png) no-repeat; text-align:justify; } #centerleft p.h2 { font-size:125%; padding-bottom:8px; font-weight:bold; } #centerleft p.list { line-height:25px; padding-bottom:8px; padding-left:50px; background:transparent url(./../images/icons/icon_li_bright.png) no-repeat 20px 4px; } #centerleft p.listred { line-height:25px; padding-bottom:8px; padding-left:50px; background:transparent url(./../images/icons/icon_li_red.png) no-repeat 20px 4px; } #centerleft ul { width:100%; margin:0; background:url(./../images/bg/bg_center_leftmiddle.png) repeat-y; list-style-image:none; list-style-type: none; } #centerleft ul li { margin-left:15px; padding:0 25px 8px 25px; background:transparent url(./../images/icons/icon_li_red.png) no-repeat left top; } #centerleft ol li p { margin-left:0px; padding:0; padding:0 25px 8px 10px; } #centerright p { margin:0; padding:0 35px 1em 25px; line-height:20px; background:url(./../images/bg/bg_center_rightmiddle.png) repeat-y; text-align:left; } #centerright p.last { margin:0; padding-left:25px; line-height:40px; padding-right:20px; background:url(./../images/bg/bg_center_rightbottom.png) no-repeat; text-align:justify; } #centerright p.h2 { font-size:125%; padding-bottom:8px; font-weight:bold; } #centerright ul { width:100%; margin:0; padding-top:10px; background:url(./../images/bg/bg_center_rightmiddle.png) repeat-y; list-style-image:none; list-style-type: none; } #centerright ul li { margin-left:15px; line-height:16px; margin-top:0 !important; padding-left:25px; padding-bottom:8px; width:145px; background:transparent url(./../images/icons/icon_li_red.png) no-repeat left top;} .error { color:#c00; font-weight:bold; } .success { color:#363; font-weight:bold; } a:link, a:visited { color:#BD202A; text-decoration:none; } a:hover { text-decoration:underline; } a[href^="mailto:"] { background: url(./../images/icons/link_email.gif) no-repeat right top; padding-left:0; padding-right:15px; } a[href^="http:"] { background: url(./../images/icons/link_new.gif) no-repeat right top; padding-left:0; padding-right:15px; } a[href^="http://www.karsten-berlin.net"] { background: none; padding-right:0; } /* p { line-height:1.5em; text-align:justify; } */ label { float:left; } .link {color:#bd202a;cursor:pointer; text-decoration:none;} .link:hover { text-decoration:underline;} input, textarea { background-color:#fff; color:#333; padding:3px 5px; border-top:1px solid #ccc; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #ccc;} .btn_submit { width:110px;height:38px;text-align:center;font-variant: small-caps; text-align:center; color:#fff; /*background-color:#ccccbc; border:1px solid #999;*/ background:transparent url(./../images/bgs/btn.png) no-repeat left bottom; border:0; cursor:pointer; } .btn_submit:hover { background:transparent url(./../images/bgs/btn_hover.png) no-repeat left bottom; color:#fff; border:0; } ul.list { margin-left:1em 2em; padding:0; } ul.list li { padding-left:20px; line-height:25px; position:relative;} li.clickable { cursor:pointer; } ul.list li.clickable:hover { background-color:#f1f1e8; } td { vertical-align: top;}