/* ILLUSTRATION FLORIAN MITGUTSCH 
Start:            2006-10-08
Letzte Aenderung: 2006-10-08
Copyright by Holger Harting Kommunikationsdesign */

/* ////////// Allgemeines ////////// */

body {
font-size: 85%;
line-height: 1.4em;
text-align: left;
}	

h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,input,textarea,select {
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

ul,li {
color: #7f7f7f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: center;
line-height: 3em;
}

#text_kontakt {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
line-height: 1.6em;
width: 200px;
height: 150px;
margin-top: 371px;
margin-left: 329px;
}

#navi01 {
line-height: 1.2em;
}

#kontakt {
line-height: 6em;
}

p {
font-size: 1.2em;
line-height: 1.4em;
}

ul,li {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}

img, a img {
border: 0;
}

.clear {
clear: both;
}

.none {
display: none;
}

.leftalign {
float: left;
}

.rightalign {
float: right;
}

/* ////////// Content ////////// */

#wrap {
width: 925px;
height: 100%;
margin: 0 auto;
padding: 0px;
text-align: left;
}

#container01 {
float: left;
width: 925px;
height: 490px;
margin: 0 0 0 0;
padding: 0px;
text-align: left;
}

#container02 {
width: 925px;
height: 100%;
margin-top: 0px;
padding: 0px;
text-align: center;
}

#box_li {
float: left;
width: 150px;
height: 150px;
margin-top: 56px;
text-align: right;
}

#logo {
float: left;
width: 150px;
height: 73px;
text-align: center;
}

#navigation {
float: left;
width: 150px;
height: 300;
margin-top: 82px;
text-align: center;
}

#galerie {
float: left;
width: 664px;
height: 100%;
margin-top: 50px;
margin-left: 57px;
text-align: left;
}

#galerie dl {
margin: 0px 6px 8px 6px;
padding: 0px;
float: left;
width: 152px;
}

#einzel_hoch {
float: left;
width: 672px;
height: 100%;
margin-top: 30px;
margin-left: 57px;
text-align: center;
}

#einzel_quer {
float: left;
width: 672px;
height: 100%;
margin-top: 50px;
margin-left: 57px;
text-align: center;
}

#navigation_start {
float: left;
width: 188px;
height: 100%;
margin-top: 70px;
margin-left: 0px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

#galerie_start {
float: right;
width: 700px;
height: 260px;
margin-top: 130px;
margin-right: 0px;
text-align: right;
}

#galerie_start dl {
margin: 0px 0px 20px 0px;
padding: 0px;
float: left;
width: 252px;
}

#bg_weiss {
float: left;
width: 640px;
height: 475px;
margin-top: 52px;
margin-left: 65px;
text-align: left;
background-image: url(../img/bg_weiss.jpg);
}

#bg_kontakt {
float: left;
width: 640px;
height: 475px;
margin-top: 52px;
margin-left: 65px;
text-align: left;
background-image: url(../img/bg_kontakt.gif);
}

#bg_vita {
float: left;
width: 640px;
height: 475px;
margin-top: 52px;
margin-left: 65px;
text-align: left;
background-image: url(../img/bg_vita.gif);
}

#bg_referenzen {
float: left;
width: 640px;
height: 475px;
margin-top: 52px;
margin-left: 65px;
text-align: left;
background-image: url(../img/bg_referenzen.gif);
}


#start_quad01 {
float: left;
width: 200px;
height: 245px;
margin-top: 0px;
margin-left: 30px;
}

#start_quad02 {
float: left;
width: 200px;
height: 260px;
margin-top: 0px;
}

#start_quad03 {
float: left;
width: 200px;
height: 227px;
margin-top: 0px;
margin-left: 30px;
margin-right: 30px;
}

#navi_start02 {
margin-left: 15px;
margin-right: 15px;
}

#navi_startseite {
margin-top: 10px;
margin-bottom: 15px;
}

#navi_ver-zeit-aus {
margin-top: 35px;
margin-bottom: 15px;
}

#navi_werbung {
margin-top: 15px;
}

#navi_kinderbuch {
margin-top: 15px;
margin-bottom: 15px;
}

#navi_zurueck {
margin-top: 6px;
margin-bottom: 15px;
}

#navi_weiter {
margin-top: 6px;
margin-bottom: 15px;
}

#navi_uebersicht {
margin-top: 6px;
margin-bottom: 15px;
}

/*
#galerie {
float: left;
width: 672px;
height: 100%;
margin-top: 50px;
margin-left: 57px;
}
*/