/* www.florian-peter.de */

/* Ganz allgemein */

body, img, h1, h2, h3, h4, h5, p, li, a, ul, input, textarea {
border: 0;
margin: 0;
padding: 0;
}

ul {
margin: 0 10px 0 23px;
list-style: square;
}

input, textarea {
margin: 2px 0 8px 0;
border: 1px solid #354312;
}


hr {
display: none;
}

.versteckt_web, .versteckt_beide {
display: none;
}

/* Die Hauptboxen */

div#kopf {
position: absolute;
margin: 0 0 0 -337px;
padding: 0;
border: 0;
top: 30px;
left: 50%;
width: 258px;
height: 78px;
}

div#wrapper {
position: relative;
margin: 0px auto;
padding: 0 0 40px 0;
border: 0;
top: 120px;
width: 500px;
}

div#inhalt {
position: relative;
margin: 0px;
padding: 250px 0 0 0;
border: 5px solid #92B8D8;
width: 490px;
min-height: 240px;
background-color: #fff;
}

span#flashbeitrag {
margin: 0 10px 0 0;
padding: 0;
}


body#bhome div#inhalt {background: #fff url(../css/istockphoto_aktuell.jpg) 20px 20px no-repeat;}
body#bange div#inhalt {background: #fff url(../css/istockphoto_angebot.jpg) 20px 20px no-repeat;}
body#bkont div#inhalt {background: #fff url(../css/istockphoto_kontakt.jpg) 20px 20px no-repeat;}
body#bbiog div#inhalt {background: #fff url(../css/istockphoto_biografie.jpg) 20px 20px no-repeat;}
body#brefe div#inhalt {background: #fff url(../css/istockphoto_referenzen.jpg) 20px 20px no-repeat;}
body#bbild div#inhalt {background: #fff url(../css/istockphoto_bilder.jpg) 20px 20px no-repeat;}
body#blink div#inhalt {background: #fff url(../css/istockphoto_links.jpg) 20px 20px no-repeat;}
body#bimpr div#inhalt {background: #fff url(../css/istockphoto_impressum.jpg) 20px 20px no-repeat;}

/* Die Navigation */

div#navigation	{
position: absolute;
}

ul#menu li {
margin: 0;
padding: 0;
border: 0;
list-style: none;
display: block;
}

ul#menu li a {
position: absolute;
text-indent: -9999px;
overflow: hidden;
}

ul#menu li#aktuell a {
top: -25px;
left: 314px;
width: 56px;
height: 20px;
background: #6B8991 url(menu1.gif) 0 0 no-repeat;
}

ul#menu li#angebot a {
top: -25px;
left: 375px;
width: 62px;
height: 20px;
background: #6B8991 url(menu1.gif) -56px 0 no-repeat;
}

ul#menu li#kontakt a {
top: -25px;
left: 442px;
width: 58px;
height: 20px;
background: #6B8991 url(menu1.gif) -118px 0 no-repeat;
}

ul#menu li#biografie a {
top: 0px;
left: 505px;
width: 20px;
height: 66px;
background: #6B8991 url(menu2.gif) -20px 0 no-repeat;
}

ul#menu li#referenzen a {
top: 71px;
left: 505px;
width: 20px;
height: 77px;
background: #6B8991 url(menu2.gif) -20px -66px no-repeat;
}

ul#menu li#bilder a {
top: 153px;
left: 505px;
width: 20px;
height: 48px;
background: #6B8991 url(menu2.gif) -20px -143px no-repeat;
}

ul#menu li#links a {
top: 206px;
left: 505px;
width: 20px;
height: 42px;
background: #6B8991 url(menu2.gif) -20px -191px no-repeat;
}

ul#menu li#aktuell a:hover {background: #6B8991 url(menu1.gif) 0px -20px no-repeat;}
ul#menu li#angebot a:hover {background: #6B8991 url(menu1.gif) -56px -20px no-repeat;}
ul#menu li#kontakt a:hover {background: #6B8991 url(menu1.gif) -118px -20px no-repeat;}
ul#menu li#biografie a:hover {background: #6B8991 url(menu2.gif) 0px 0px no-repeat;}
ul#menu li#referenzen a:hover {background: #6B8991 url(menu2.gif) 0px -66px no-repeat;}
ul#menu li#bilder a:hover {background: #6B8991 url(menu2.gif) 0px -143px no-repeat;}
ul#menu li#links a:hover {background: #6B8991 url(menu2.gif) 0px -191px no-repeat;}

body#bhome ul#menu li#aktuell a {height: 25px; background: #92B8D8 url(menu1.gif) 0px -20px no-repeat;}
body#bange ul#menu li#angebot a {height: 25px; background: #92B8D8 url(menu1.gif) -56px -20px no-repeat;}
body#bkont ul#menu li#kontakt a {height: 25px; background: #92B8D8 url(menu1.gif) -118px -20px no-repeat;}
body#bbiog ul#menu li#biografie a {width: 25px; left: 500px; background: #92B8D8 url(menu2.gif) 5px 0px no-repeat;}
body#brefe ul#menu li#referenzen a {width: 25px; left: 500px; background: #92B8D8 url(menu2.gif) 5px -66px no-repeat;}
body#bbild ul#menu li#bilder a {width: 25px; left: 500px; background: #92B8D8 url(menu2.gif) 5px -143px no-repeat;}
body#blink ul#menu li#links a {width: 25px; left: 500px; background: #92B8D8 url(menu2.gif) 5px -191px no-repeat;}


ul#menu2 {
clear: left;
position: relative;
}

ul#menu2 li {
margin: 0;
padding: 0;
border: 0;
list-style: none;
display: block;
}

ul#menu2 li#impressum a {
position: absolute;
top: 5px;
left: 401px;
width: 76px;
height: 20px;
text-indent: -9999px;
overflow: hidden; 
background: #6B8991 url(menu1.gif) -176px 0 no-repeat;
}

ul#menu2 li#impressum a:hover {background: #6B8991 url(menu1.gif) -176px -20px no-repeat;}
body#bimpr ul#menu2 li#impressum a {border-top: 5px solid #92B8D8; top: 0px; background: #92B8D8 url(menu1.gif) -176px -20px no-repeat;}


/* Die weiteren Boxen */

div#inhalt img.block {
display: block;
margin: 30px 20px 5px 15px;
border: 1px solid #fff;
padding: 4px;
}


/* Die Schriftinformationen */

body	{
color: #000;
font-family: Verdana, Helvetica, sans-serif;
font-size: 80%;
background-color: #CFC891;
text-align: center;
/* text-align sorgt dafür, dass der IE5/Win den Inhalt in die Mitte setzt */
}

h1, h2, h3, h4, h5, p, ul, li, a  {
text-align: left;
font-weight: normal;
font-family: Verdana, Helvetica, sans-serif;
background: transparent;
text-decoration: none;
}

h1, h2, h3, h4, h5 {
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
}

h2 {
padding: 0.2em 20px 0em 20px;
font-size: 1.3em;
line-height: 1.5em;
height: 1.7em;
color: #92B8D8;
}

h3.left {
float: left;
}


p, li {
font-size: 1em;
line-height: 1.4em;
}

a  {
text-decoration: none;
color: #6B8991;
}

a:hover {
text-decoration: underline;
}

h3 {
margin: 0 0 5px 0;
padding: 0em 20px 0em 20px;
font-size: 1.2em;
line-height: 1.4em;
letter-spacing: 0.05em;
color: #000;
}

div#inhalt p {
margin: 0 20px 20px 20px;
}

div#inhalt p,clr {
clear: both;
}

div#inhalt ul {
margin-bottom: 10px;
}

div#inhalt ul li {
font-size: 1em;
line-height: 1.6em;
}


/* txp-Kontaktformular */

form {
text-align: left;
}

form fieldset {
margin: 20px;
border: 1px solid #354312;
padding: 10px 20px;
width: 408px;
}


form label {
margin: 15px 0 -10px 0;
display: block;
}


form input {
display: none;
padding: 4px;
}

form input#E-Mail, form input#Name, form input.zemSubmit {
width: 300px;
display: block;
}

/* Diese beiden Felder sind nur Spam-Honeypots */
form input#phone, form input#mail  {
width: 300px;
height: 1px;
display: inline;
float: left;
}

form textarea {
padding: 4px;
width: 300px;
height: 100px;
margin-bottom: 16px;
}

/* txp-lightbox */

ul.lightbox li {
margin: 0;
border: 0;
padding: 0;
display: inline;
list-style: none;
}

ul.lightbox li img {
margin: 0 5px 5px 0;
border: 0;
padding: 0;
}