/***** 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:link,
a:visited {
color: #707071;
text-decoration: none;
}

a:hover {
text-decoration: underline !important;
color: #B8B8B9;
}

a.softlink:link,
a.softlink:visited {
color: #707071;
text-decoration: none;
}

a.softlink:hover {
text-decoration: underline !important;
color: #B8B8B9;
}


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


.impressum #main a{
text-decoration: underline;
}

p{
margin-top: 0px;
}

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

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

#logo {
height: 96px;
margin-left: -3px;
}

#navi {
height: 21px;
clear: both;
background: url(../_layout/navi/navi_bg.jpg);
background-repeat: no-repeat;
}

.float_right {
float: right;
}

.float_left {
float: left;
}

#footer {
height: 30px;
background-image: url(../_layout/dotted_bg.gif);
background-position: top;
background-repeat: repeat-x;
clear: both;
font-size: 10px;
padding-top: 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;
}

.custombutton img{
padding: 0;
margin: 0;
}
/*** general list elements ***/
ul {
margin-left: 0;
}

/*** home, nachrichten, kanzlei ***/

#articles li.more_news select {
	width: 150px;
	float: right;
}

#articles li.last, #articles li.more_news {
	background-image: none;
}

#articles li.more_news {
	margin-bottom: 40px;
}

#articles li.more_news .more {
	float: left;
	font-style: italic;
	font-family: Georgia;
}

.welcome {
font-size: 14px;
margin-bottom: 60px;
line-height: 150%;
}

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

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

#right #articles .label {
margin: 30px 0px 15px 0px;
height: 20px;
font-family: Georgia;
font-size: 14px;
font-style: italic;
font-weight: bold;
color: #1A2448;
background-image: url(../_layout/dotted_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
}

#category {
margin: 30px 0px 20px 0px;
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,
#sub {
	float: left;
	/* background: red; */
}


#main {
	width: 610px;
}

#sub {
	background-image: url(../_layout/sub_bg.gif);
}

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

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

h1, h2, h3 {
	display: block;
	padding: 0px;
	margin: 0px;
}

h2, h3 {
        font-weight: normal;
}

/*** shared article styles ***/
#logo h1, .header, .header a {
font-family: Georgia;
color: #1a2448;
line-height: 125%;
font-weight: normal !important;
}

#logo h1 {
    padding-top: 32px;
    font-size: 22px;
}

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

.mehr a {
color: #b8b8b9;
}

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

/*** 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;
/* background: blue; */
}

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

/*** sub styles ***/

#sub #clear {
clear: both;
width: 100%;
margin-bottom: 30px;
}

#sub .header, 
#right .header, 
#sub .header a {
font-size: 18px;
margin: 0px 0px 20px 0px;
}

#sub .subtitle, #right .subtitle {
font-size: 11px;
font-style: italic;
margin-bottom: 10px;
line-height: normal;
}

#sub #section {
width: 190px;
float: left;
}

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

#sub ul{
list-style: disc;
margin-left: 15px;
padding: 0;
font-size: 11px;
}

#schwerpunkte #sub ul{
font-size: inherit;
}

#sub li {
margin: 5px 0;
}

/*** shadow box ***/
.shadow_content {
background: transparent url(../_layout/shadow_box_middle.gif) left top repeat-y;
padding: 0px 7px 0px 7px;
margin: 0px;
width: 199px;
float: left;
overflow: hidden;
/* background: red; */
}


/*** 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;
}



#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;
}

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

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

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

/*** navi styles ***/
#navi div {
float: left;
width: 169px;
height: 20px;
}


#navi .float_right {
float: right;
}

#navi a {
display: block;
width: 169px;
height: 17px;
padding: 3px 0px 0px 0px;
font-family: Georgia, serif;
font-weight: bold;
color: #ffffff;
font-size: 14px;
line-height: 1.0em;
text-align: center;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

#navi a.nav_1 {
background: transparent url(../_layout/bg_navi_1.gif) 0px 0px repeat-x;
}

#navi a.nav_2 {
background: transparent url(../_layout/bg_navi_2.gif) 0px 0px repeat-x;
}


#navi a:hover {
background: transparent url(../_layout/bg_navi_2.gif) 0px 0px repeat-x;
}


#navi #phone{
background-image: url(../_layout/navi/phone_mid.gif);
background-repeat: none;
height: 20px;
width: 280px;
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 a{
font-style: italic;
}

.option li{
clear: both;
}

ul.option {
	width: 192px !important;
}

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

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



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

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

#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, #home .label, #nachrichten .label {
font-family: Georgia;
font-style: italic;
margin: 0 0 5px -1px;
}


/*** kanzlei + schwerpunkte + home ***/


#kanzlei #sub #section_content .subtitle {
	height: 50px;
	line-height: 15px;
}

#home #main, #kanzlei #main, #schwerpunkte #main {
width: 100%;
background-image: url(../_layout/dotted_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
padding-bottom: 30px;
}

/*#kanzlei #main{
margin-bottom: 30px;
}*/

#home #main, #kanzlei #main {
background: none;
padding-bottom: 15px;
clear: both;
}

/*** kanzlei + home ***/

#home #sub #section {
width: 46%;
}

#kanzlei #sub #section, #home #sub #section {
width: 28%;
}

#kanzlei .s1, #home .s1{
margin-left: 8%;
}

#category{
clear: both;
}

#schwerpunkte #main img, #kanzlei #main img, #home #main img, #nachrichten #main img.image {
border: 1px solid #b8b8b9;
}

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

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

#schwerpunkte #main #image{
float: left;
width: 420px;
}

#kanzlei #main #image{
float: right;
width: 290px;
}

#schwerpunkte .header {
	margin-bottom: 3px;
}


#img_comment,
#img_comment p {
	margin: 0;
	padding: 0;
	font-size: 9px;
	line-height: 13px;
	/* font-style: italic; */
	/* font-weight: bold; */
}

#kanzlei #sub #img_comment, #home #sub #img_comment {
float: left;
clear: left;
margin-top: 5px;
/* font-size: 11px; */
/* font-style: italic; */
}

#nachrichten #img_comment{
width: 190px;
}

#kanzlei #main #intro {
float: left;
width: 520px;
}

#home #main #intro {
float: left;
width: 410px;
}

#kanzlei #sub img, #home #sub img {
float: left;
border: 1px solid #b8b8b9;
}

#kanzlei #sub p, #home #sub p {
margin-top: 0;
}

#kanzlei #section #bild, #home #section #bild {
float: left;
width: 110px;
}

#kanzlei #section #bild {
height: 110px;
}

#home #section_content {
float: left;
width: 280px;
}

#home #sub #section_content {
width: 176px;
}

#kanzlei #section_content {
float: left;
width: 238px;
}

#kanzlei #sub, #home #sub {
background: none;
width: 100%;
margin-top: 15px;
margin-top: 0px;
margin-bottom: 30px;
background-image: url(../_layout/3up_bg_narrow.gif);
clear: both;
}

#kanzlei #sub {
background-image: url(../_layout/3up_bg.gif);
}

#home #sub, #kanzlei #sub {
padding-top: 0px;
}

#kanzlei #sub a {
color: #1a2448;
text-decoration: none;
font-style: italic;
}

/*** schwerpunkte ***/

#schwerpunkte #main img {
float: left;
margin-right: 30px;
margin-left: 0;
}

#schwerpunkte #main #intro {
float: right;
width: 430px;
}

#schwerpunkte #sub {
width: 100%;
padding-top: 15px;
margin-bottom: 30px;
background: none;
}

#schwerpunkte .subtitle {
	font-size: 11px;
	font-style: italic;
	margin-bottom: 15px;
}

#schwerpunkte #sub #section {
width: 100%;
margin-bottom: 30px;
padding: 0;
background-image: url(../_layout/2up_bg.gif);
background-repeat: repeat-y;
}

#schwerpunkte #sub .left {
width: 400px;
margin-top: 0px;
float: left;
}


#schwerpunkte .right {
width: 400px;
margin-top: 0px;
float: right;
}


/*** referenzen ***/

.referenzen #main_left #image {
margin-bottom: 30px;
}

.referenzen #main_right ul {
margin: 0;
padding: 0;
list-style: none;
}

.referenzen #main_right li {
margin-bottom: 15px;
}

/*** 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: 10px;
}

#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: #1a2448;
}

/*** 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;
}

#kontakt_daten p{
margin: 0;
}

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

#kommentar_link .redlink {
background-image: url(../_layout/dotted_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
display: block;
padding-bottom: 4px;
}

#kommentar_form input {
width: 287px;
}

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

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

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

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

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

.kommentar .name {
float: left;
}

.kommentar .time {
float: right;
}

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

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

#drucken #left {
width: 100%;
}

#drucken #left #category{
margin-top: 0;
height: 1px;
}

#drucken #main {
width: 100%;
}

#drucken #main_right {
width: 600px;
}


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

.hspace {
	float: left;
	width: 0px;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	
	/* background-color: blue; */
}

.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;
	background: transparent url(../_layout/vline.gif) left center repeat-x;
}

.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; }


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

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


.kurzkontakt {
	padding: 1px 0px 0px 0px;
}


.kurzkontakt .label,
.kurzkontakt .text {
	font-family: Georgia;
	font-size: 13px;
	line-height: 15px;
	font-style: normal !important;
	font-weight: bold;
	color: #1A2448;
}

.kurzkontakt .text {
	font-weight: normal !important;
}