/***** overall layout *****/

body,html {
height:100%;
}

body {
font-family: Arial;
font-size: 12px;
color: #707071;
margin: 0;
background-color: white;
background-image: url(../_layout/bg.jpg);
background-repeat: repeat-x;
line-height: 150%;
}

input, textarea {
font-family: Arial;
font-size: 12px;
}

img{
border: 0;
}

a {
color: #707071;
text-decoration: none;
}

#main_right a {
	text-decoration: underline !important;
}

a:hover {
color: #B8B8B9;
}

.mehr a:hover {
color: #707071;
}

#content {
width: 850px;
margin: 0 auto;
}

#logo {
height: 96px;
}

#navi {
height: 21px;
clear: both;
background: url(../_layout/navi/navi_bg.jpg);
background-repeat: no-repeat;
padding-left: 1px;
margin-bottom: 15px;
}

.float_right {
float: right;
}

.float_left {
float: left;
}

#footer {
clear: both;
position: relative;
height: 30px;
padding-top: 5px;
background-image: url(../_layout/dotted_bg.gif);
background-position: top;
background-repeat: repeat-x;
clear: both;
font-size: 10px;
}

.error {
color: red;
font-weight: bold;
}

/*** general form elements ***/
input, textarea, select{
border-top: 1px solid #8F8F8F;
border-bottom: 1px solid #F2F2F2;
border-left: 1px solid #DBDCDC;
border-right: 1px solid #DBDCDC;
}

.custombutton {
padding:0px;
margin: 5px 0 0 -2px;
border:none;
background:none;
cursor:pointer;
width: 55px;
}

/*** general list elements ***/
ul {
margin-left: 0;
}

/*** home, aktuelles, kanzlei ***/

#left {
width: 606px;
float: left;
}

#right {
width: 210px;
float: right;
margin-bottom: 30px;
}

#category {
margin: 15px 0;
height: 20px;
font-family: Georgia;
font-size: 14px;
font-style: italic;
color: #707071;
background-image: url(../_layout/dotted_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
}

#category.secondary {
margin-bottom: 15px;
}

#main {
	float: left;
	padding-bottom: 15px;
	/* background-image: url(../_layout/dotted_bg.gif); */
	/* background-position: bottom; */
	/* background-repeat: repeat-x; */

}

#sub {
	float: left;
	margin: 0px 0 0px 0;
	
	background: transparent url(../_layout/sub_bg.gif) 0px 0px repeat-y;
}

#main.no_background {
background-image: none;
}

#aktuelles #main_article {
background-image: url(../_layout/dotted_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
padding-bottom: 15px;
}

#aktuelles #img_comment, #aktuelles #img_comment p{
margin: 0;
padding: 0;
width: 190px;
}

.redlink {
font-style: italic;
color: #AB4431;
}




/*** home ***/
#main,
#sub {
	width: 606px;
	
	/* background: blue; */
}

#main #image {
	float: left;
	width: 190px;
	margin-right:25px;
}


#main .text {
	float: left;
	width: 391px;
	
	/* background: red; */
}


/*** shared article styles ***/
.header {
font-family: Georgia;
color: #AB4431;
}

.mehr {
margin-top: 5px;
font-style: italic;
}

.mehr a {
color: #B8B8B9;
}

.link {
margin-top: 5px;
font-style: italic;
color: AB4431;
}

/*** main article styles ***/
#main_cat {
width: 630px;
height: 20px;
background-image: url(../_layout/dotted_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
}

#main_left {
width: 200px;
float: left;
margin: 0px 15px 15px 0px;
}

#main_right {
width: 415px;
float: left;
}

#main .header,
#main_2 .header {
font-size: 18px;
line-height: 22px;
margin-bottom: 15px;
}

#main .header a:link,
#main .header a:visited,
#main_2 .header a:link,
#main_2 .header a:visited {
	color: #AB4431;
}


/*** sub styles ***/

#sub .header {
font-size: 14px;
margin-bottom: 5px;
}

#sub #section {
	width: 181px;
	float: left;
	
	background: red;
}

#sub #seperator {
width: 26px;
float: left;
}

/*** shadow box ***/
.shadow_content {
background-image: url(../_layout/shadow_box_middle.gif);
background-repeat: repeat-y;
margin: 0px;
padding: 0px 7px;
float: left;
}

#shadow_box img {
margin: 0px;
padding: 0px;
float: left;
}

#shadow_clear {
clear: both;
height: 10px;
}

/*** shadow box small ***/
.shadow_content_sm {
background-image: url(../_layout/shadow_box_middle_sm.gif);
background-repeat: repeat-y;
margin: 0px;
padding: 0px 6px;
float: left;
white-space: nowrap;
width: 122px;
overflow: hidden;
}

#shadow_box_sm img {
margin: 0px;
padding: 0px;
float: left;
}

#shadow_clear_sm {
float: left;
width: 3px;
}

#shadow_box_sm {
width: 135px;
float: left;
}

/*** navi styles ***/
#navi img {
float: left;
}

#navi .float_right {
float: right;
}

#navi a{
display: inline;
width: 114px;
height: 20px;
float: left;
background-repeat: none;
}

#navi a:hover, #navi a.on{
background-position: 0 -20px;
}

#navi a.aktuelles {
background-image: url(../_layout/navi/aktuelles.gif);
}

#navi a.service {
background-image: url(../_layout/navi/service.gif);
}

#navi a.kanzlei {
background-image: url(../_layout/navi/kanzlei.gif);
}

#navi a.kontakt {
background-image: url(../_layout/navi/kontakt.gif);
}

#navi a.home {
background-image: url(../_layout/navi/home.gif);
}

#navi #phone{
background-image: url(../_layout/navi/phone_mid.gif);
background-repeat: none;
height: 20px;
width: 279px;
margin-left: 0;
padding: 0;
float: left;
display: inline;
}
/*** option list ***/
.option {
list-style: none;
padding: 0;
}

.option .label {
float: left; 
width: 35px;
font-style: italic;
font-family: Georgia;
margin: 3px 0;
}

.option li{
clear: both;
}

.option a {
font-style: italic;
}

.option input {
width: 160px;
float: right;
font-size: 11px;
}

.option textarea {
width: 100%;
font-size: 11px;
}

/*** tip box ***/
#tip	 { 
/* padding: 5px 10px 5px 5px; */
background: #c4c3c4 url(../_layout/tip_bg.gif) left top repeat-x;
line-height: 140%;
width: 177px;
}

#tip_header {
	background: transparent url(../_layout/vline.gif) left bottom repeat-x;
	padding: 5px 7px 5px 7px;
}

#tip_text {
	padding: 5px 7px 5px 7px;
}

/*** article list ***/
#articles {
list-style: none;
padding: 0;
}

#articles a {
font-family: Georgia;
font-size: 12px;
color: #AB4431;
}

#articles a:hover {
color: #707071;
}

#articles li {
background-image: url(../_layout/dotted_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
padding-bottom: 5px;
margin-bottom: 10px; 
}

/*** archive ***/
#archive {
list-style: none;
padding: 0;
}

#archive li {
clear: both;
}

#archive select, #archive input {
width: 197px;
float: right;
}

#archive .label {
font-family: Georgia;
font-style: italic;
margin: 0 0 5px -1px;
}

/*** kanzlei ***/
#kanzlei #main_left {
width: 400px;

/* background: red; */
}

#kanzlei #main_right {
width: 230px;
}

#kanzlei .mehr a {
color: #AB4431;
}

#kanzlei #sub {
background: transparent url(../_layout/kanzlei_sub_bg.gif) -6px 0px repeat-y;
}

#kanzlei #sub #section {
float: left;
width: 295px;
}

#kanzlei #sub #section .header twoup

#kanzlei #sub #section #section_content {
float: right;
width: 170px;
margin-right: 20px;
}

/*** twoup -> service + kontakt ***/
#twoup #main {
width: 850px;
background-image: url(../_layout/2up_bg.gif);
background-repeat: repeat-y;
margin-bottom: 30px;
}

#twoup #main_left {
width: 390px;
}

#twoup #main_right {
width: 410px;
float: right;
}

#twoup #main_right #teaser{
float: left;
margin-bottom: 20px;
}

#twoup #main_right #category {
clear: both;
margin-bottom: 15px;
}

#twoup #main_right #category #title {
float:left;
}

#twoup #main_right #category #pages {
float:right;
font-size: 11px;
}

#twoup #main_right #category #pages #count {
display: inline;
margin: 0 5px;
}

/*** service only ***/

#service_articles {
list-style: none;
padding: 0;
margin: 0;
font-weight: bold;
}

#service_articles li {
margin-bottom: 3px;
}

#service_articles li.selected a {
color: #AB4431;
}

/*** kontakt, kommentar ***/
#kontakt_daten {
margin-top: 15px;
}

#kontakt_l {
width: 75px;
float: left;
}

#kontakt_r {
float: left;
}

#kontakt_form #label, #kommentar_form #label {
font-weight: bold;
float: left;
width: 100px;
}

#kontakt_form ul, #kommentar_form ul {
list-style: none;
padding: 0;
margin-top: 15px;
}

#kontakt_form ul li, #kommentar_form ul li {
margin-bottom: 5px;
}

#kontakt_form input{
width: 220px;
}

#kontakt_form textarea {
width: 220px;
height: 140px;
}

#kontakt_form .custombutton, #kommentar_form .custombutton {
margin-left:96px;
}

/*** kommentar ***/
#kommentar_link {
background-image: url(../_layout/dotted_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
padding: 3px 0;
font-size: 11px;
}

#kommentar_form input {
width: 285px;
}

#kommentar_form textarea {
width: 287px;
height: 140px;
}

.kommentar {
font-size: 11px;
clear: both;
}

.kommentar .left {
font-size: 14px;
font-family: Georgia;
font-style: italic;
color: #AB4431;
width: 25px;
float: left;
}

.kommentar .right {
float: right;
width: 385px;
}

.kommentar_header {
color: #AB4431;
font-style: italic;
}

.kommentar .name {
float: left;
}

.kommentar .time {
float: right;
}

.kommentar .body {
padding: 5px 0;
clear: both;
margin-bottom: 15px;
}


#kontakt_daten p{
margin: 0;
}

/*** drucken ***/
#drucken {
background-image: none;
background-color: white;
}

#drucken #left {
width: 100%;
}

#drucken #main {
width: 100%;
}

#drucken #main_right {
width: 600px;
}

#img_comment{
	margin: 0;
	padding: 0;
	font-size: 9px;
	line-height: 13px;
}



table, tr, th, td {
	vertical-align: top;
	text-align: left;
}

th {
	font-weight: normal !important;
	padding-right: 20px;
}


.vspace {
	clear:both;
	width:auto;
	height:0px;
	font-size:0px;
	line-height:0px;
}

.hspace {
	width:0px;
	height:0px;
	font-size:0px;
	line-height:0px;
}

.hline_2 {
	height: 50px;
	background: white url(../_layout/hline_2.gif) center center no-repeat;
}

.vline,
.vline_medium {
	clear: both;
	width: auto;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 14px 0px 12px 0px;
	border-bottom: 1px dotted #828399;
}

.vline_medium {
	margin: 11px 0px 9px 0px;
}


#btn_print,
#btn_forward {
	padding: 0px 0px 0px 16px;
	font-style: italic;
	background: transparent url(../_layout/pfeil.gif) 0px 4px no-repeat;
}

.print { display: none; }
.no_print { display: block; }