/****************************************************
PROJECT: kanzlei-pahn-schubert.de
FILE:    html/kanzlei/styles/main.css

AUTHOR:  Axel Martens, Berlin, Germany, www.axelism.de
DATE:    2007-01-01
****************************************************/



body {
font-family:Verdana, Arial, sans-serif;
font-size:small;
background-color:#cacaca;
margin:5px 0px;
}

/***** LINKS *****/

a:link, a:visited {
color:#d91918;
text-decoration:none;
}

a:hover, a:active {
color:#d91918;
text-decoration:underline;
}

/***** SEITENKOERPER *****/

#site {
width:758px;
margin:0px auto;
background-color:#f3f3f3;
border:1px solid #cacaca;
border-bottom:1px solid #d91918;
}

/***** KOPF *****/

#head {
height:90px;
background-color:#cacaca;
}

.logo {
float:left;
border:none;
margin:3px 0px 0px 10px;
}

div.headLinksOuterBox {
float:right;
height:88px;
width:130px;
text-align:right;
position:relative;
}

div.headLinksInnerBox {
position:absolute;
bottom:0px;
right:0px;
margin-bottom:0.3em;
margin-right:0.7em;
}

#headBar {
clear:both;
margin-left:0px;
margin-right:0px;
background-color:#d91918;
border:1px solid #d91918;
text-align:right;
}

#h1Box {
padding:0.2em 15px 0.2em 15px;
}

h1 {
display:inline;
color:#ffffff;
font-size:1.0em;
font-weight:bold;
text-transform:uppercase;
}

/***** SIDEBAR *****/

#sidebar {
padding-top:1.5em;
width:210px;
border-right:1px dashed #cccccc;
border-bottom:1px dashed #cccccc;
text-align:left;
float:left;
}

#innerSidebar {
padding:0px 15px 0px 30px;
}

p.sidebarText, p.sidebarTextMenu, p.sidebarTextWithoutBorder, p.sidebarTextDoubleBorder {
font-size:0.8em;
border-bottom:6px solid #dddddd;
padding-bottom:1.5em;
margin-bottom:1.5em;
}

p.sidebarTextMenu {
font-size:1em;
}

p.sidebarTextWithoutBorder {
border-bottom:none;
}

p.sidebarTextDoubleBorder {
border-top:6px solid #dddddd;
padding-top:1.5em;
margin-top:1.5em;
}

/***** MENUE *****/

.menuitem:link, .menuitemActive:link, .menuitem:visited, .menuitemActive:visited {
text-transform:uppercase;
display:block;
width:150px;
margin-left:-10px;
border-left:5px solid #cccccc;
padding-left:10px;
margin-top:0.5em;
color:#000000;
cursor:pointer;
}

.menuitemActive:link, .menuitemActive:visited {
border-left:5px solid #d91918;
color:#d91918;
font-weight:bold;
}

.menuitem:hover, .menuitemActive:hover, .menuitem:active, .menuitemActive:active {
border-left:5px solid #d91918;
color:#000000;
text-decoration:none;
}

.menuitemActive:hover, .menuitemActive:active {
color:#d91918;
}

/***** SUBMENUE *****/

.submenuitem:link, .submenuitemActive:link, .submenuitem:visited, .submenuitemActive:visited {
display:block;
width:150px;
margin-left:-10px;
border-left:5px solid #cccccc;
padding-left:20px;
margin-top:0.5em;
color:#000000;
font-size:0.8em;
cursor:pointer;
}

.submenuitemActive:link, .submenuitemActive:visited {
border-left:5px solid #d91918;
color:#d91918;
font-weight:bold;
}

.submenuitem:hover, .submenuitemActive:hover, .submenuitem:active, .submenuitemActive:active {
border-left:5px solid #d91918;
color:#000000;
text-decoration:none;
}

.submenuitemActive:hover, .submenuitemActive:active {
color:#d91918;
}

/***** INFOBOX *****/

.infobox {
font-size:0.8em;
border:1px solid #cccccc;
margin-bottom:1.5em;
}

div.infoboxHeader {
background-color:#cccccc;
padding:0.2em 0.5em;
}

a.infoboxHeader:link, a.infoboxHeader:visited {
display:block;
margin:0px;
font-weight:bold;
color:#000000;
}

a.infoboxHeader:hover, a.infoboxHeader:active {
text-decoration:underline;
color:#000000;
}

div.infoboxContent {
padding:0.2em 0.5em;
}

p.infoboxContent {
margin:0px;
}


/***** CONTENT *****/

#content {
padding-bottom:1.0em;
width:537px;
text-align:left;
float:right;
}

#innerContent {
padding:0em 1.4em;
}

.h2Box {
text-align:left;
}

h2 {
margin:1em 0em;
color:#9b9b9b;
font-weight:bold;
font-size:1.6em;
}

h3 {
margin-top:2em;
color:#000000;
font-weight:bold;
text-transform:uppercase;
font-style:normal;
font-size:1.0em;
}

h4 {
margin-top:2em;
font-weight:bold;
font-style:normal;
font-size:1em;
}

.endOfFloat {
clear:both;
height:0em;
}

h5 {
font-weight:normal;
font-style:italic;
font-size:1em;
display:inline;
}

img.profilePic {
float:right;
margin:0.5em 0em 1em 1em;
}

img.PicLeft {
float:left;
margin:0.5em 1em 1em 0em;
}

/* KLEINE SCHRIFT */
.smallFont {
font-size:0.8em;
}

/* AUTOR */
.author {
font-size:0.8em;
margin-top:3.0em;
}

/* HERVORGEHOBENE TEXTSTELLEN */
em {

}

/* EINLEITENDE TEXTE NACH EINER UEBERSCHRIFT */
.teaser {
font-style:italic;
}

/***** LISTEN ****/

ul {
list-style-type:square;
}

ol {
list-style:decimal outside;
}

li {
margin-bottom:1em;
}

li.tight {
margin-bottom:0em;
}

/***** FORMULAR *****/

div.form {
font-family:Verdana, Arial, sans-serif;
}

fieldset {
padding:0.5em 1em;
margin-top:1em;
}

.random {
font-weight:bold;
}

.formError {
color:#d91918;
font-weight:bold;
}

/***** FOOT *****/

#lineBottomOuterBox {
clear:both;
width:758px;
padding-top:1.0em;
}

#lineBottomInnerBox {
text-align:right;
margin-right:0.7em;
margin-bottom:0.5em;
}

#footBar {
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
background-color:#d91918;
border:1px solid #d91918;
}

#copyrightLineBox {
float:right;
padding:0.2em 0.8em 0.2em 0.8em;
}

.copyrightLine {
display:inline;
color:#ffffff;
}





/***** DRUCKANSICHT *****/

@media print {

body {
background-color:#ffffff;
}

a:link, a:visited {
text-decoration:underline;
}

#site {
width:100%;
background-color:#ffffff;
border:none;
}

#head {
display:none;
}

#headBar {
background-color:#ffffff;
border:none;
text-align:left;
}

h1 {
display:block;
color:#000000;
font-weight:normal;
}

#sidebar {
display:none;
}

#content {
width:100%;
}

#lineBottomOuterBox {
display:none;
}

#footBar {
background-color:#ffffff;
border:none;
}

#copyrightLineBox {
float:left;
padding:0.2em 0.8em 0.2em 0.8em;
}

.copyrightLine {
color:#000000;
}

}