﻿/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Reset */
/* ---------------------------------------------------------------------------------------------------------------------------- */

* { padding: 0; margin: 0; }

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Formatierung von DIV-Elementen */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* Wrapper */
#wrapper { margin: 0 auto; width: 952px; }
/* Wrapper Ende */

/* ---------------------------------------------------------------------------------------------------------------------------- */

/* Header */
#header { color: #333; width: 952px; padding: 0; height: 100px; margin: 0; background: Gray; }
/* Header Ende */

/* ---------------------------------------------------------------------------------------------------------------------------- */

/* Faux */
#faux { background: url(../images/faux_column.png); margin-bottom: 0px; overflow: auto; width: 100% }
/* Faux Ende */

/* ---------------------------------------------------------------------------------------------------------------------------- */

/* Navigation */
#navibereich {
   overflow: hidden;
   color: black;
   background: #900 url(../images/header_navi_leather.jpg) repeat-x left bottom; /* Linie */
   padding: 5px 10px 0px 54px;
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
   font-size: 0.9em;
}

/* Sternchen-Hack für IE6 & Co. */
*html #navibereich { height: 1%; }
/* Ende Sternchen-Hack für IE6 & Co. */

#navibereich ul { margin-bottom: 0; float: left; width: auto; }
#navibereich li { background: url(../images/rounded_corner_left.png) no-repeat left top; padding: 0 0 0 11px; float: left; width: auto; list-style-type: none; margin: 0; margin-right: 0.4em; }

#navibereich a, 
#navibereich strong { display: block; color: #900; font-weight: bold; padding: 6px 14px 0px 1px; } 

#navibereich a { background: transparent url(../images/rounded_corner_right.png) no-repeat right top; }

#navibereich a:hover,
#navibereich a:focus,
#startseite #ctl00_navi01, 
#startseite #ctl00_navi02, 
#startseite #ctl00_navi03, 
#startseite #ctl00_navi04, 
#startseite #ctl00_navi05, 
#navibereich strong,
#startseite #ctl00_navi06 { color: #900; background: transparent url(../images/rounded_corner_right.png) no-repeat right top; border-bottom-color: #fff; } /* Rahmenlinie weiss */   

#navibereich strong { color: #000 }

#navibereich a:active { color: black; background: transparent url(../images/rounded_corner_right.png) no-repeat right top; text-decoration: underline; }  

#navibereich li_hover,
#navibereich li:focus,
#startseite #ctl00_navi01, 
#startseite #ctl00_navi02, 
#startseite #ctl00_navi03, 
#startseite #ctl00_navi04, 
#startseite #ctl00_navi05, 
#startseite #ctl00_navi06 { background: transparent url(../images/rounded_corner_left.png) no-repeat top left; color: #000; } 

/* Sternchen-Hack, IE < V7 */

/* Hintergrundbilder entfernen und durch weiße Kästen ersetzen */
#navibereich strong,
*html #navibereich a, 
*html #navibereich li, 
*html #navibereich a:hover, 
*html #navibereich a:active,
*html #navibereich li:lover { background-image: none; background-color: #fff; }

*html #navibereich a:hover,
*html #navibereich a:focus,
*html #navibereich a:active { color: #900; text-decoration: underline; }

/* Navigation Ende */

/* ---------------------------------------------------------------------------------------------------------------------------- */

/* Content */
#content { float: left; color: #333; padding: 0px 20px 10px 68px; width: 647px; display: inline; position: relative; }

/* Content Ende*/

/* ---------------------------------------------------------------------------------------------------------------------------- */

/* Sidebar */
#sidebar { display: inline; color: #333; padding: 0 20px 20px 20px; margin: 0; width: 177px; float: right; }
/* Sidebar Ende*/

/* ---------------------------------------------------------------------------------------------------------------------------- */

/* Footer */
#footer { background: url(../images/footer_leder.png) no-repeat bottom left; vertical-align: middle; text-align: center; width: 952px; clear: both; min-height: 30px; color: #FFF; margin: 0; padding: 0; }
/* Footer Ende */

/* ---------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------- */
/* allgemeine Formatierung */
/* ---------------------------------------------------------------------------------------------------------------------------- */

.clear { clear: both; background: none; }

.left { float:left; width: 48%; text-align:justify; }
.right { float:right; width: 48%; }
.zentriert { text-align: center; }

.underline_no { text-decoration: none; }

body { background-color: #736f6e; margin: 10px 0 0 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: 0.8em; color: Black; }

/* Überschriften */
h1, h2, h3 { font-family: Palatino "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #900; }
h1 { font-size: 1.6em; margin: 1em, 0em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.0em; }

/* Navigation */
#Scheidungsantrag #navi li a strong { color: #e0e0e0; }
#Rechtsanwalt #navi li a strong { color: #e0e0e0; }
#Information #navi li a strong { color: #e0e0e0; }
#Kontakt #navi li a strong { color: #e0e0e0; }
#Downloads #navi li a strong { color: #e0e0e0; }
#Datenschutz #navi li a strong { color: #e0e0e0; }
          
/* Header */
#header a img { border: 0; }
#header img { display: block; }  

/* Content */
#content h1, h2, h3 { padding-bottom: 30px; color: #900; }
#content h2, h3 { padding-top: 10px; }
#content ul, ol { padding: 10px; margin-left: 15px; }
#content ul li { list-style-type: square; text-align:left; }
#content .letters { list-style-type: lower-alpha; }
#content .nachoben { text-align: right; font-size: 0.8em; }
#content .wichtig { margin: 1em 2em; padding: .5em 1em;	border: 1px solid #900; border-left: 5px solid #900; background-color: #999; color: #000; }
#content .wichtig p { margin: 0;  }
#content .bold { font-weight: bold; }
#content .small { font-size: 0.7em; }
#content #accordion h3.accordion { padding: 2em; }
#content #hotline { background-color: Silver; width: auto; } 

/* Sidebar */
#sidebar h1, h2, h3 { padding-bottom: 10px; color: #900; }
#sidebar h3 { padding-bottom: 0; }
#sidebar p { font-size: 1.0em; }
#sidebar img { text-align: right; padding-top:  }  
#sidebar .small { text-align: center; font-size: 0.7em; }
#sidebar .telefon { border: 2px solid #900; }

/* Footer */
#footer a, h1 { color: #fff; padding-top: 18px; margin: 0; }
#footer a { font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; }      
          
/* Absätze und Zeilenhöhe */
p, li { line-height: 1.4em; }

/* Hyperlinks */
a { color: #900; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Bilder */
.main_image { float: right; }

/* Tabellen */
table { margin: 1em 0; }

/* Formulare */
input, textarea { border: 1px solid #900; width: 200px; margin: 0.1em 0; font-size: 0.9em; }
textarea { width: 350px; font: inherit; }
/*.button { color: #900; font-weight: bold; font-size: 1.0em; width: auto; border: 3px double #900; padding: 6px; }*/
.radiobutton input { width: auto; border: 0; margin: 0.3em; font-size: 0.9em; }
