/* ***********************************************************************
Karin Daehne
Bergiusstrasse 20
38116 Braunschweig
karin.daehne@gmxpro.de


Zentrale CSS der Tierheilpraxis im Morsbachtal
Bereichsspezifische Farben sind in den Dateien

**************************************************************************

*********************************************************************** */

/* Allgemein */
@import url(style_nav-general.css);

body, td {
 text-decoration: none;
 margin: 0;
 padding: 0;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 100.01%;
 vertical-align: top;
 text-align: center;
 color: #663300;
 background: #fefaec;
}
TABLE {
 width: 100%;
 margin-top: 20px;
 border: none;
}
THEAD TD {
 padding-bottom: 10px;
 font-weight: bolder;
 background: transparent;
 border: none;
}


TD {
 padding-left: 5px;
 text-align: left;
 vertical-align: top;
 color: #663300;
 background: transparent;
 border: none;
}
HR {
 display: none;
}
H1,
.ph-headline {
 font-size: 101%;
 font-weight: bold;
 text-align: center;
 vertical-align : middle;
 padding-bottom : 5px;
 padding-top : 5px;
 color: #663300;
 background: transparent;
 border: 1px solid #ffcc66;
}
H2 {
 font-size: 101%; /*95%*/
 font-weight: bold;
 text-align: left;
 padding-bottom: 0.3em;
 margin: 2.5em 0 0 0;
}
H3 {
 font-size: 101%;
 font-weight: bold;
 text-align: left;
 padding: 1em 0 0.01em 0;
 margin: 0 0 0.1em 0;
 }
H4 {
 font-size: 93%;
 font-weight: bold;
 text-align: left;
 padding: 0.3em 0 0.01em 0;
 margin: 0;
}
H5 {
 font-size: 93%;
 font-weight: bold;
 text-align: left;
 padding: 0.3em 0 0.01em 0;
 margin: 0 0 0 20px;
}
H6 {
 font-size: 93%;
 font-weight: bold;
 text-align: left;
 padding: 0.3em 0 0.01em 0;
 margin: 0 0 0 20px;
}
P {
 padding: 0;
 margin: 1.25em 0 1em 0;
}
CAPTION {
 padding: 0.5em 0 0.3em 0;
 text-align: left;
 font-weight: bold;
}
UL, OL {
 margin: 10px 0 0 20px;
}
LI {
 margin: 10px 0 0 0;
 /* list-style: url(../upload/pagedesign/style/bullets/dot-663300.gif);*/
 list-style: url(../upload/pagedesign/style/bullets/dot-663300-full.gif);
}
IMAGE {
 border: none;
}
.invisible {
 display: block;
}
A:link {
 color: #CC6600;
 font-weight: bold;
 text-decoration: none;
 background: transparent;
}
A:visited {
 color: #CC9966;
 font-weight: bold;
 text-decoration: none;
 background: transparent;
}
A:hover {
 color: #663300;
 font-weight: bold;
 text-decoration: underline;
 background: transparent;
}
A:active {
 color: #CC6600;
 font-weight: bold;
 text-decoration: underline;
 background: transparent;
}
/*
BACKGROUND {
 display: none;
}
*/
.modul-errortext {
 margin: 5px;
 padding: 5px;
 border: 3px solid #ff0000;
}
.invisible {
 display: none;
 color: #663300;
 background: transparent; 
}
#styleswitcher-braille {
 display: none;
 background: transparent;
 color: #663300;
}

#frame {
 width: 740px;
 margin: 10px auto 10px auto;
 padding: 0;
 vertical-align: top;
 text-align: left;
 color: #663300;
 background: #fdf5d9; /*#dec3f7*/
 border: 1px solid #ffcc66;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {
 display: inline-table;
}
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}

#header {
 width: 100%;
 height: 125px; /*20%*/
 margin: 20px 0 0 0;
 padding: 0;
 color: #663300;
 background: transparent;
/* border: 1px solid #663300;*/
}
#head-logo {
 float: left;
 width: 180px;
 height: 80px;
 text-align: left;
 margin: 0 0 0 10px;
}
#head-text {
 float: right;
 text-align: right;
 width: 460px;
 height: 80px;
 font-size: xx-small; /*60%*/
 line-height: 150%;
 margin: 0 10px 0 0;
}

/*content*/
#content {
/* float: left; Fuer Netscape!!!*/
 width: 700px; /*100% 720px;
 height: 65%;*/
 margin: 0 10px 0 10px;
 padding: 0;
 color: #663300;
 background: transparent;
}

/*content - left*/
#content-left {
 float: left;
 width: 180px;
 font-size: 69%; /*79%*/
}

/*content - middle */
#content-middle {
 float: right;
 width: 460px;
/* height: 100%;*/
 text-align: left;
 font-size: 69%;
 margin: 0;
}
#content-middle div div p {
 display: block;
 margin-bottom: 10px;
}
#content-middle-contentbox {
/* float: left;*/
 width: 440px;
}

/*Seitenspezifische Formatierungen:*/
#link-top-seite {
 width: 98%;
 float: right;
 text-align: right;
/* font-size: 90%;*/
 font-family: helvetica, arial, geneva, sans-serif;
 margin: 20px 0 0 0;
 padding: 3px 5px 3px 5px;
 color: #663300;
 background: transparent;
 border: 1px solid #ffcc66;
}
#link-top-seite a:link,
#link-top-seite a:visited,
#link-top-seite a:hover,
#link-top-seite a:active {
 padding: 0 5px 0 5px;
}
#link-top-seite a:link,
#link-top-seite a:visited {
 color: #cc9966;
 background: transparent;
}
#link-top-seite a:hover,
#link-top-seite a:active {
 color: #663300;
 background: transparent;
}
#footer {
 float: left;
 width: 700px;
 height: 75px; /*15%*/
 margin-top: 15px;
}
#footer-content {
 float: left;/**/
 width: 700px;
 font-size: xx-small; /*60%*/
 text-align: center;
 margin: 15px 0 0 10px;
 padding: 15px 0 0 0;
 border-top :1px solid #ffcc66;
}
.link-extern {
 color: #cc6600;
 background: url(../upload/pagedesign/style/icon/link_extern.gif) no-repeat 0 0;
}
.link-extern A {
 padding: 0 0 20px 20px;
}

.al-naviseminare-top,
.al-naviseminartabelle-top,
.al-naviseminarbilder-top {
 background: #a900aa;
}
.al-naviseminare-bottom,
.al-naviseminartabelle-bottom,
.al-naviseminarbilder-bottom {
 width: 100%;
 float: left;
}


/*Css-Popup*/
.al-artikelbox a .smallpopup,
.al-artikelbox a .smallpopup:visited,
.al-artikelbox a .smallpopup:hover {
 text-decoration: none;
 font-weight: bold;
 top: 0px;
 left: 0px;
 color: #0000FF;
 background: transparent;
 cursor: pointer;
}
.smallpopup SPAN {
 float: right;
 position: relative;
 top: -20px;
 right: -20px;
 text-align: left;
}
A .largepopup {
 position: relative;
 top: -100px;
 left: -150px;
}
.al-artikelbox a .largepopup {
/* visibility: hidden;*/
 display: none;
}

.al-artikelbox a.popupcss:hover .largepopup {
 display: block;
 width: auto;
 height: auto;
 padding: 5px;
 position: relative;
 top: auto;
 left: 150px;
 text-decoration: none;
 font-size: 11px;
 text-align: left;
 color: #000000;
 background: transparent;
/* border: 1px solid #ffcc66;*/
}

#al-thumbpopupcss-alcnr406-1 a.popupcss:hover  {
/* visibility: visible;*/
 display: block;
 width: auto;
 height: auto;
 padding: 5px;
 position: relative;
 top: auto;
 left: 100px;
 text-decoration: none;
 font-size: 11px;
 text-align: left;
 color: #000000;
 background: transparent;
 border: 1px solid #ffcc66;
 z-index: 2;
}

/*ArtikelInfotex*/
.al-artikelbox .normal {
 font-weight: bold !important;
 color: lime !important;
 background: transparent;
}
.warning {
 font-weight: bold !important;
 color: orange !important;
 background: transparent;
}
.stop {
 font-weight: bold !important;
 color: red !important;
 background: transparent;
}



 a .smallpopup,
 a .smallpopup:visited,
 a .smallpopup:hover {
 text-decoration: none;
 font-weight: bold;
 color: #0000FF;
 background: transparent;
}
 a .largepopup {
 display: none;
/* z-index: 2;*/
}
 a.popupcss:hover .largepopup {
 display: block;
 width: auto;/*150px;*/
 height: auto;
 padding: 5px;
 position: relative;
 top: -150px;
 left: -200px; /*auto*/
 text-decoration: none;
/* color: #000000;
 background: #FFFFFF;
 border: 1px solid #000000;
 z-index: 2;*/
}