/* Globale Einstellungen definieren */
html {
     overflow-y:scroll;
}
body {
	background-color: #e2e9f3;
    font-family: Arial, Helvetica;
	text-align: center;
}

/* IDs definieren */
#container {
    width: 900px;
    margin:0 auto;
}
#header {
	width: 900px;
	height: 131px;
	background-color: #ffffff;
	background-image:url(img/background-header.jpg);
	background-repeat:repeat-x;
}
#logo {
	width: 262px;
	height: 131px;
	background-image:url(img/logo.jpg);
	background-repeat:no-repeat;
	margin-left: 70px;
	float: left;
}
#navigation {
	width: 380px;
	height: 50px;
	margin-left: 20px;
	margin-top: 32px;
	float: left ;
}
#contentContainer {
	width: 920px;
	height: 380px;
	background-repeat: no-repeat;
	clear: both;
}
#contentOpen {
	background-image: url('img/content-top.png');
	background-repeat: no-repeat;
	width: 753px;
	height: 55px;
	margin-left: 95px;
}
#content {
    background-image: url('img/content-mid.png');
    text-align: justify;
    width: 753px;
    min-height: 250px;
    margin-left: 95px;
}
#contentClose {
	background-image: url('img/content-bot.png');
	background-repeat: no-repeat;
	width: 753px;
	height: 40px;
	margin-left: 95px;
}
#telefonbox {
	background-image: url('img/telefonbox.png');
	background-color: #ffffff;
	background-repeat: no-repeat;
	width: 251px;
	height: 380px;
	float: left;
}
#footer {
	width: 900px; 
	height: 46px; 
	background-image:url(img/background-footer.jpg); 
	background-repeat:repeat-x;
}
#footer2 {
	width: 900px;
}
#footerText {
	text-align: right; 
	margin-right: 20px; 
	color: #FFFFFF; 
	font-weight: bold;
}

/* Klassen definieren */
.img {
	border: none 0;
}
.text {
	margin-left: 11px; 
	margin-right: 10px; 
}
.startKat1 { 
	background-image: url('images/navi_in_01.gif'); 
	width: 108px;
	height: 380px;
	float: left;	
}
.startKat2 { 
	background-image: url('images/navi_in_02.gif'); 
	width: 109px;
	height: 380px;
	float: left;	
}
.startKat3 { 
	background-image: url('images/navi_in_03.gif'); 
	width: 108px;
	height: 380px;
	float: left;	
}
.startKat4 { 
	background-image: url('images/navi_in_04.gif'); 
	width: 108px;
	height: 380px;	
	float: left;
}
.startKat5 { 
	background-image: url('images/navi_in_05.gif'); 
	width: 109px;
	height: 380px;	
	float: left;
}
.startKat6 { 
	background-image: url('images/navi_in_06.gif'); 
	width: 108px;
	height: 380px;	
	float: left;
}

/* Schriftausrichtung definieren */
.links {
	text-align: left;
}
.rechts {
	text-align: right;
}
.block {
	text-align: justify;
}
.zentriert {
	text-align: center;
}
.bottom {
	vertical-align: bottom;
}

/* Schriftfarben definieren */
.weiss {
	color: #ffffff;
}
.schwarz {
	color: #000000;
}
.blau {
	color: #4c78e3;
}

/* Schrifteigenschaften definieren */
.kursiv {
	font-face: italic;
}
.fett {
	font-weight: bold;
}

/* Schriftgroessen definieren */
.px10 {
	font-size: 10px;
}
.px12 {
	font-size: 12px;
}
.px14 {
	font-size: 14px;
}
.px16 {
	font-size: 16px;
}
.px18 {
	font-size: 18px;
}
.px20 {
	font-size: 20px;
}
.px24 {
	font-size: 24px;
}

/* Links definieren */
a:link { color:#4c78e3; text-decoration:none; }
a:visited { color:#4c78e3; text-decoration:none; }
a:active { color:#3baff3; text-decoration:none; }
a:hover { color:#3baff3; text-decoration:none; }

#navigation a:link { color:#000000; text-decoration:none; font-weight: bold; }
#navigation a:visited { color:#000000; text-decoration:none; font-weight: bold; }
#navigation a:active { color:#888888; text-decoration:none; font-weight: bold; }
#navigation a:hover { color:#888888; text-decoration:none; font-weight: bold; }

#footer a:link { color:#ffffff; text-decoration:none; }
#footer a:visited { color:#ffffff; text-decoration:none; }
#footer a:active { color:#cccccc; text-decoration:none; }
#footer a:hover { color:#cccccc; text-decoration:none; }

.startKat1:hover { background-image: url('images/navi_01.gif'); }
.startKat2:hover { background-image: url('images/navi_02.gif'); }
.startKat3:hover { background-image: url('images/navi_03.gif'); }
.startKat4:hover { background-image: url('images/navi_04.gif'); }
.startKat5:hover { background-image: url('images/navi_05.gif'); }
.startKat6:hover { background-image: url('images/navi_06.gif'); }