/*********** CSS for www.sandraloehe.de ***************/

/*********** MAIN STYLES ***************/

* {
  margin: 0;
  padding: 0;
  text-align: left;
  font: normal normal 10pt/1em verdana, sans-serif;
  color: #4a2a09;
}

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

body {
  text-align: center;
  background: #ffebd6 url(../pics/head_hg.jpg) top center repeat-x;

}

#seite {
  margin: 0 auto;
  width: 930px;
}

#head {
  width: 100%;
  height: 130px;
}

         #logo {
           float: left;
           margin-left: 41px;
           width: 117px;
           height: 129px;
           background: url(../pics/sandraloehe_logo.jpg) top left no-repeat;
         }
		 
		 * html #logo {margin-left: 21px;}

         #mainnavi {
           float: left;
           padding: 95px 0 0 0;
         }

         #topnavi {
           float: right;
           width: 290px;
           height: 130px;
           background: url(../pics/topnavi_hg.jpg) top left no-repeat;
         }
         #adress {
           padding: 70px 0 0 16px;
           font-weight: bold;
           font-size: 0.9em;
           color: #4a2a09;
         }


#inhalt {}

         #links {
           float: left;
           padding: 0 0 0 20px;
           width: 600px;
         }

         #rechts {
           float: right;
           width: 290px;
           /* min-height: 477px; */
           background: url(../pics/infobox_hg.jpg) top left no-repeat;
         }

.spacer {clear: both; width: 100%; height: 20px;}

#footer {
         clear: both;
         padding: 10px 0 0 0;
         height: 200px;
         background: #FD9B3C url(../pics/footer_hg.jpg) top center repeat-x;
}

/*********** NAVI STYLES ***************/

#mainnavi ul, #topnavi ul, #bottomnavi ul {list-style-item:none;}
#mainnavi li, #topnavi li, #bottomnavi li {display:inline;}

#mainnavi li {margin: 0 0 0 10px;}
#mainnavi * a:link, #mainnavi a:visited {font-weight: bold; font-size: 10pt; color: #4a2a09; text-decoration: none;}
#mainnavi * a:hover {text-decoration: underline;}

#topnavi ul {padding: 10px 0 0 0; width: 100%; height: 17px; text-align: center; font-weight: bold; font-size: 0.8em; color: #fbc187; background: url(../pics/topnavi_line.jpg) bottom center no-repeat;}
#topnavi * a:link, #topnavi * a:visited {font-weight: bold; font-size: 0.8em; color: #fbc187; text-decoration: none;}
#topnavi * a:hover {color: #fff;}


#bottomnavi ul {width: 100%; height: 17px; text-align: center; font-weight: bold; font-size: 0.8em; color: #fbc187; background: url(../pics/bottomnavi_line.jpg) bottom center no-repeat; }
#bottomnavi * a:link, #bottomnavi a:visited {font-weight: bold; font-size: 0.8em; color: #fbc187; text-decoration: none;}
#bottomnavi * a:hover {color: #ffebd6;}


/*********** INFOBOX STYLES ***************/

#special {float: right; width: 290px;}

#rechts, #special {font-size: 6pt;}
#rechts h3, #special h3 {margin: 15px 0 0 5px; padding: 5px 0 0 10px; height: 25px; font-weight: bold; background: url(../pics/infobox_headline_hg.jpg) top left no-repeat; }

.angebot {margin: 0 0 2px 5px; padding: 0 10px 5px 15px; background: url(../pics/infobox_highlight_hg.jpg) top left repeat-y;}
h4 a:link, h4 a:visited {margin: 0 0 2px 0; font-family: Palatino Linotype; font-style: italic; font-size: 16pt; font-weight: bold;}
h4 a:hover {color: #C77A2F;}

/*
.news {margin: 20px 5px 0 5px; padding: 0 0 5px 15px;}
.news h4 {font-weight: bold}
.newsmessage {margin: 0 0 10px 0;}
.newsdate {margin: 0;}
*/

.thumbnailalbum {margin: 0px 5px 5px 9px;}
.thumbnail:link, .thumbnail:visited {display: block; float: left; margin: 0 2px 2px 0; padding: 7px; min-width: 76px; height: 76px; text-align: center; background: #F2DFCB;}
.thumbnail:hover, .thumbnailCurrent {background: #FBBE7D;}

.thumbnail img {border: none;}

/*********** MAIN STYLES ***************/

#links h1 {margin: 20px 0 0 0; font-size: 10pt; font-weight: bold;}
#links h2 {margin: 10px 0 20px 50px; font-family: Palatino Linotype; font-style: italic; font-size: 14pt; font-weight: bold;}

#links p {margin: 0 0 15px 0; line-height: 1.2em;}
#links ul {margin: 40px 0 30px 40px; list-style-type: square; }
#links li {margin: 0 0 10px 0;}
#links a:link, #links a:visited {font-weight: bold; color: #C77A2F;}
#links a:hover {text-decoration: underline;}

#portrait_rechts { float: right; margin: 22px 15px 15px 15px; padding: 7px; border: none; background: #F2DFCB;}
#portrait_links { float: left; margin: 7px 15px 15px 0px; padding: 7px; border: none; background: #F2DFCB;}
#unterschrift {width:92px; height: 45px; border: none;}
#bilder_mitte {text-align: center; margin: 0 15px 15px 15px;}
#bilder_mitte img {/*width:200px; height:140px;*/ margin: 0 4px; padding: 7px; border: none; background: #F2DFCB;}

.special {margin-bottom: 30px; width: 560px}
.special_top {width: 560px; background: url(../pics/special_top_hg.gif) top left no-repeat;}
.special_content {padding: 10px 10px 20px 30px; background: url(../pics/special_hg.gif) bottom left no-repeat;}
.special h3 {margin: 0; padding: 30px 0 0 90px; height: 40px; font-family: Palatino Linotype; font-style: italic; font-size: 14pt; font-weight: bold; background: url(../pics/special_bullet.gif) top left no-repeat;}
.special h4 {text-align: right; padding: 5px 10px 0 0; font-size: 1.2em; font-weight: bold; border-top: 1px solid #4a2a09;}

#vorschau {margin: 80px 0 50px 0; width: 600px; text-align: center;}
#vorschau img {margin: 0 2px; padding: 7px; width: 75px; height: 75px; background: #F2DFCB;}
#vorschau img:hover {background: #FBBE7D;}

.sgImageBox {width: 100%; margin: 50px 0 0 0; text-align: center;}
.sgImageBox h2 {margin: 10px 0 20px 0; text-align: center; font-family: Palatino Linotype; font-style: italic; font-size: 14pt; font-weight: bold;}
.sgImage {max-width: 500px; border: 15px solid #F2DFCB;}

#effektgalerie {padding: 0; margin: 10px 0 0 0; width: 100%;}
#effektgalerie td {width: 50%;}
.egbild {height: 200px;}
.egtext td {padding: 2px 0 5px 0; text-align: center; font-weight: bold; background: #F2DFCB; border-bottom: 20px solid #ffebd6;}