@font-face {
    font-family: 'titilliumtext25l800_wt';
    src: url('font/titilliumtext25l001-webfont.eot');
    src: url('font/titilliumtext25l001-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/titilliumtext25l001-webfont.woff') format('woff'),
         url('font/titilliumtext25l001-webfont.ttf') format('truetype'),
         url('font/titilliumtext25l001-webfont.svg#titilliumtext25l800_wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titilliumtext25l600_wt';
    src: url('font/titilliumtext25l002-webfont.eot');
    src: url('font/titilliumtext25l002-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/titilliumtext25l002-webfont.woff') format('woff'),
         url('font/titilliumtext25l002-webfont.ttf') format('truetype'),
         url('font/titilliumtext25l002-webfont.svg#titilliumtext25l600_wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

#wrapper  {
width: 800px;
margin: 40px auto;
font-family:  'titilliumtext25l600_wt',Verdana, sans-serif;
font-size: 11pt;
}
/* ---------------------------------------------------- Header*/
h1 {
font-size: 30px;
color: #234eed;
width: 250px;
float: left;
margin-left: 50px;
font-family: 'titilliumtext25l800_wt',Georgia, sans-serif;
}

h2 {
font-family: 'titilliumtext25l800_wt',Georgia, sans-serif;
}

h3{
font-family: 'titilliumtext25l800_wt',Georgia, sans-serif;
}

b{
font-family: 'titilliumtext25l800_wt',Georgia, sans-serif;
}

#logo1 {
float: left;
}

#logo2, #logo3 {
float: right;
}
/* ---------------------------------------------------- Navi*/
#navi {
clear: both;
width: 900px;
float: none;
}

#navi li,  #subnavi li{
list-style: none;
float: left;
position: relative;
padding: 6px 18px 6px 25px;
background-image: url(../img/navi.png);
}

#subnavi li {
padding: 6px 7px 6px 7px;
background-image: url(../img/subnavi.png);
}

#navi li.active,  #subnavi li.active{
background-image: none;
padding: 1px 15px 1px 15px;
border: 5px solid #243eed;
}

#subnavi li.active {
padding-left: 3px;
padding-right: 3px;
border-color: #1c32c2;
}

#navi a:link,
#subnavi a:link,
#navi a:visited,
#subnavi a:visited  {
color: white;
text-decoration: none;
}

#navi li.active a {
color: #234eed;
text-decoration: none;
}

#subnavi li.active a {
color: #234eed;
text-decoration: none;
}

#navi #kontaktp {
padding: 6px 20px 6px 27px;
}

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

#content li{
	clear: both;
}

p {
text-align: justify;
}

#content {
clear: both;
margin: 50px;
padding-top: 30px;
}

#content a {
font-weight: bold;
color: #243eed;
text-decoration: none;
}

.rechts img {
padding: 2px;
margin: 0 0 5px 10px;
float: right;
}

.links img {
padding: 2px;
margin: 0px 10px 5px 0;
float: left;
}

.center, .center img{
display: block;
margin-left: auto;
margin-right: auto;
}

#personal img {
float: none;
border: none;
}

.gallery img {
border: 1px #bacd0d solid;
padding: 2px;
margin: 10px 10px 25px 10px;
float: right;
}

.gallery li {
list-style: none;
float: left;
height: 180px;
width: 140px;
text-align: center;
}

h2 {
overflow:hidden;
clear: both;
}

.rundgang {
clear: both;
padding-top: 10px;
margin-right: 100px;
text-align: center;
overflow: hidden;
}

#rundgang p {
margin-top: 50px;
}

.abstand li {
margin: 15px;
}

.nummer h3 {
text-align: center;
color: red;
}

.tabelle {
text-align: center;
margin-left: 180px;
}

.tabelle table {
border-color: #243eed;
}

#notdienst table {
border-color: red;
margin-left: -39px;
}

#cc {

}

/* ---------------------------------------------------- Formular */

#feld{
margin-left:200px;
margin-top: -20px;
}

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

#footer {
clear: both;
margin: 50px 0 0 0;
}

#footer-bar {
clear: both;
margin: 0;
background-color: #234eed;
}

#footer-bar-content{
	text-align: center;
}

#footer-bar a {
	color: white;
	text-decoration: none;
	margin: 15px;
}

@charset 'utf-8';
@import url(reset.css);
@import url(fancybox.css);

/* ----------------------------------------------------- Intro */


/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */

#intro a {
text-decoration: none;
color: white;
}


#intro h1 {
width: auto;
color: black;
float: none;
margin: 0 0 0 0;
}


#intro2 p {
text-align: center;
}

/*Ein Clear Element. Das ist zwischen Logos und Navi-Leiste gebaut, damit die Navi-Leiste unter den Logos sitzt!*/
.clear {
clear: both;
}

.indent {
padding-left: 3em;
}