/*  MichaelSchulz.at Design & Layout
    Author: Engelbert Eichner
    Version 0.1 (Blue and white) v. 08.02.2006 
    zuletzt aktualisiert am 26.01.2010 */

/* Dieses Stylesheet und alle zum Design
   gehoerigen Grafikdateien sind geistiges
   Eigentum von Engelbert Eichner und
   stellen eine exklusive Entwicklung fuer
   MichaelSchulz.at dar. */


/* Colors
--------------------------------------*/
darkblue: .................. #39497c
lighterblue: ............... #7e96b3
darkgrey: .................. #666666
lightgrey: ................... #cfc7c7
darkergrey: ............... #a8a2a2
grey frame: ................ #f1f1f1
orange: ..................... #fa980c
/*------------------------------------*/


/* =Tags
----------------------------*/

body {
   font-family: Verdana, sans-serif;
   font-size: small;
   color: #666;
   background-color: #fff;
   margin:0;
   padding:0;
}

p {
   line-height: 1.6em;
}

/* =Header
---------------------------*/

#HeaderFrame {
   width: 100%;
}

#Header {
   margin: 0 auto;
   width: 880px;
   height: 250px;
   padding-bottom: 20px;
}

#Portrait {
   width: 560px;
   height: 250px;
   background: url(../design/Pfefferkoerner.gif)
   no-repeat bottom left;
   float: right;
}

#Portrait img {
   float: right;
}

#Slogan {
   position: relative;
   width: 140px;
   top: 40px;
   left: 20px;
   text-align: center;
   color: #39497c;
   font-family: Times New Roman;
   font-style: italic;
   font-size: 1.0em;
}

/* =Logo
---------------------------*/

#name {
   float: left;
   left: 10px;
   top: 10px;
}

#name p {
   font-family: Garamond, sans-serif;
   font-size: 3.8em;
   font-weight: 90;
   line-height: 0.8em;
   color: #39497c;
   margin: 0;
   padding:0;
}

#name h5 {
   font-family: Garamond, sans-serif;
   font-size: 1.3em;
   font-weight: bold; 
   letter-spacing: 0.2em;
   margin:0;
   padding-left: 60px;
   color: #fa980c;
   line-height: 1.6.em;
}

#name .mas {
   font-size: 0.4em;
}

#name a, #name a:visited {
   text-decoration: none;
   color: #39497c;
}

#name a:hover {
   color: #7e96b3; 
}

/* =Content
----------------------------*/

#ContentFrame {
   width: 100%;
}

#Content {
   margin: 0 auto;
   width: 880px;
   color: #444;
}

#SubContent {
   clear: both;
   margin-left: 15px;
   float: left;
   width: 200px;

}

#MainContent {
   font-family: Verdana, sans-serif;
   float: right;
   width: 600px;
   margin-bottom: 10px;
}

#Article {
   background: url(../design/ContentBGTop.gif)
   no-repeat top left;
   padding: 20px 30px;
   font-size: 0.8em; 
   margin: 0;
}

/* =SubNavigation
----------------------------*/

#SubNav {
   float: right;
   border:0;
}

#SubNav ul {
   list-style-type: none;  
}

#SubNav li {
   float: left;
   padding: 0 4px;
}

#SubNav a, #SubNav a:visited {
   font-family: Verdana, sans-serif;
   font-size: 0.8em;
   text-transform: uppercase;
   color: #a8a2a2;
   text-decoration: none;
   padding: 1px;
   border: 1px solid #fff;
}

#SubNav a:hover {
   color: #666;
   border: 1px solid #cfc7c7;
}

#about #SubNav .a_about {
   color: #fa980c;
   border: 1px solid #cfc7c7;
}

#kontakt #SubNav .a_kontakt {
   color: #fa980c;
   border: 1px solid #cfc7c7;
}

/* =Navigation
----------------------------*/

#MainNav {
   background: url(../design/NavBG_top.gif)
   no-repeat top left;
   padding: 0px;
   width: 180px;
   margin-bottom: 15px;
}

#MainNav h3 {
   font-family: Times New Roman, serif;
   font-size: 1.2em;
   color: #39497c;
   background: url(../design/Ornament.gif)
   no-repeat bottom left;
   padding-top: 10px; 
   padding-left: 30px;
   margin: 10px;
   }

#MainNav ul {
   background: url(../design/NavBG_bottom.gif)
   no-repeat bottom left;
   list-style-type: none;
   margin: 0;
   padding-left: 10px;
   padding-bottom: 10px;
}

#MainNav li {
   background: url(../design/bullet.gif)
   no-repeat top left;
   padding-left: 20px;
   padding-bottom: 5px;
   font-size: 0.9em;
   line-height: 1.4em;
}

#MainNav a, #MainNav a:visited {
   text-decoration: none;
   color: #39497c;
}

#MainNav br {
   background: url(..design/NavBG_bottom.gif)
   no-repeat top left;
}


#MainNav a:hover {
   color: #7e96b3;
}

/* =Address
----------------------------*/

#Address {
   text-align: center;
   font-family: Lucida Sans;
   font-size: 0.8em;
   line-height: 1.3em;
   color: #39497c;
   width: 100%;
}

#Address p {
   background: url(../design/manneken.gif)
   no-repeat top left;
   padding: 0 0 0 10px;
}

/* =Calendar
----------------------------*/

#Calendar {
   width: 160px;
   font-family: Verdana, sans-serif;
   padding: 0 10px;
}

#Calendar h3 {
   font-family: Times New Roman, serif;
   color: #39497c;
   font-size: 1.2em;
   font-weight: 100;
   padding: 0;
   margin: 10px 0 0 0;
}

.dateline {
   width: 100%;
   font-family: Georgia,
   "Times New Roman",serif;
   font-size: 0.9em;
   text-transform: uppercase;
   letter-spacing: 2px;
   padding: 10px 0 5px 20px;
   background: url(../design/bullet.gif)
   no-repeat left;

}

#Calendar p {
   margin: 0 0 10px 20px;
   font-size: 0.7em;
   line-height: 1.3em;
}

/* =Termine
----------------------------*/

.dateh1 {
   font-family: Times New Roman, serif;
   font-size: 1.4em;
   font-weight: 100;
   color: #fa980c;
   line-height: 18px;
}

/* =Headlines
----------------------------*/

#MainContent h1 {
   width: 500px;
   margin: 10px auto;
   font-family: Times New Roman, serif;
   font-size: 1.2em;
   font-weight: 100;
   color: #39497c;
   text-align: center;
   padding: 10px  30px;
   border-top: 2px solid #f1f1f1;
}

h2 {
   font-family: Times New Roman, serif;
   font-size: 1.5em;
   font-weight: 100;
   color: #fa980c;
   line-height: 18px;
}


/* =Links
----------------------------*/

a {
   color: #253699;
}

a:hover {
   color: #7e96b3;
}

#MainContent a, #MainContent p:a {
   font-family: Verdana, sans-serif;
}

/* =Lists
----------------------------*/

#MainContent ul {
   font-family: Verdana;
}

#MainContent li {
   line-height: 1.5em;
   list-style: square;
   color: #39497c;
}

/* =Kontaktformular
----------------------------*/

form {
   margin-left: 30px;
   width: 77%;
}

input, textarea {
   margin: 5px 0;
   padding: 2px;
   background: #f5f5f5;
   color: #39497c;
   font-family: Verdana, sans-serif;
   font-size: 1.0em;
}

/* =Footer
----------------------------*/

#footer {
   width: 605px;
   height: 60px;
   margin: 0 auto;
   padding: 5px;
   color: #a8a2a2;
   font-size: 0.7em;
   text-align: center;
   background: url(../design/ContentBGBottom.gif)
   no-repeat bottom left;
}

#footer p {
   padding: 0 35px;
   line-height: 1.3em;
}

#footer a, #footer a:visited {
   text-decoration: none;
   color: #a8a2a2;
   font-weight: bold;
}

#footer a:hover {
   color: #666;
}

/* =Misc
----------------------------*/

#PrintSource {
  display: none;
}

embed {
  padding: 5px;
  border: 3px solid #333;
}

.clear {
clear:both;
}

.mehr {
   font-family: Verdana, sans-serif;
   line-height: 1.6em;
}

p cite {
   line-height: 1.4em;
   margin: 15px;
   background: #efefef;
   display: block;
   padding: 4px;
}

#Calendar img {
   margin: 5px 0;
   border: 3px solid #ddd;
   padding: 3px;
}

#MainContent img {
   border: 3px solid #ddd;
   padding: 3px;
   margin: 5px;
}

.bildrechts {
   float: right;
}

.bildlinks {
   float: left;
}

#MainContent .noframe, 
#MainContent .divider,
#Calendar .noframe {
   border: 0;
   padding: 0;
   margin: 0;
}

/* End of Stylesheet */