/* ---------------------------------------------

	BASIC.CSS
	Generelle Styles für das Frontend.

	Autor:				PH
	Erstellungsdatum:	05.09.2006
	
	Index:				Generelle Frontend Styles
						Layout Elemente
						Content Elemente
						Überige Klassen
						
	Changelog:			-
	
--------------------------------------------- */

/* ---------------------------------------------
	Generelle Frontend Styles
--------------------------------------------- */

body {
	background-color: #fff;
	margin: 0;
	padding:0;
}

h1 {
	display:none;
}

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

/* --- Main Container ------------------ */

div#maincontent {
	background-color:#fff;
	width: 740px;
	margin: 0 auto;
	padding:0 20px 20px 20px;
	
}

div#header {
	height:110px;
	width:inherit;
	margin:0;
	padding:0;
	background:url(../images/logo-cfeb.gif) left no-repeat;
}

/* --- Navigations Container ----------- */

ul#navigation {
	background:url(../images/border-nav.gif) #cdcdcd bottom repeat-x;
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin:0;
}

ul#navigation li {
	font: 9pt/11pt Verdana, Arial, Helvetica, sans-serif;
	display:block;
	float:left;
}

ul#navigation li.sprache {
	font: 9pt/11pt Verdana, Arial, Helvetica, sans-serif;
	display:block;
	float:right;
}

ul#navigation li.sprache-first {
	border-left:1px solid #fff;
}

ul#navigation li a {
	display:block;
	color:#000;
	text-decoration:none;
	border-right:1px solid #fff;
	padding: 5px 10px 5px 10px;
}

ul#navigation li a:HOVER {
	background-color:#413E3E;
	color:#fff;
}

li#navigation-active a {
	background-color:#413E3E;
	color:#fff !important;
}

/* --- Mittel Container mit Bild-------- */

ul#image {
	clear:both;
	width:100%;
	height:200px;
	background-color:#413E3E;
	list-style:none;
	padding:0;
	margin:0;
}

ul#image li {
	float:left;
	height:200px;
	padding:0;
	margin:0;
}

.image-first {
	font: 16pt/20pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	width:410px;
	margin:0;
	padding:0;
}

/* bei allen 3 sprachen das gleich logo */
.image-home {
	background:url(../images/logo-st-moriz.gif) center no-repeat;
}

/* die anderen text-bilder sind je in 3 sprachen */
.image-betreuung-de {
	background:url(../images/text-images/betreuung-de.jpg) center no-repeat;
}

.image-erholung-de {
	background:url(../images/text-images/erholung-de.jpg) center no-repeat;
}

.image-kompetenz-de {
	background:url(../images/text-images/kompetenz-de.jpg) center no-repeat;
}

.image-welcome-de {
	background:url(../images/text-images/welcome-de.jpg) center no-repeat;
}

.image-betreuung-en {
	background:url(../images/text-images/betreuung-en.jpg) center no-repeat;
}

.image-erholung-en {
	background:url(../images/text-images/erholung-en.jpg) center no-repeat;
}

.image-kompetenz-en {
	background:url(../images/text-images/kompetenz-en.jpg) center no-repeat;
}

.image-welcome-en {
	background:url(../images/text-images/welcome-en.jpg) center no-repeat;
}

.image-betreuung-ru {
	background:url(../images/text-images/betreuung-ru.jpg) center no-repeat;
}

.image-erholung-ru {
	background:url(../images/text-images/erholung-ru.jpg) center no-repeat;
}

.image-kompetenz-ru {
	background:url(../images/text-images/kompetenz-ru.jpg) center no-repeat;
}

.image-welcome-ru {
	background:url(../images/text-images/welcome-ru.jpg) center no-repeat;
}

.image-text {
	display:block;
	padding:0;
	margin:20px 20px 20px 20px;
}

.image-second {
	width:330px;
	margin:0;
	padding:0;
}

.image-second-home {
	background: url(../images/backgrounds/home.jpg) no-repeat;
}

.image-second-betreuung {
	background: url(../images/backgrounds/betreuung.jpg) no-repeat;
}

.image-second-erholung {
	background: url(../images/backgrounds/erholung.jpg) no-repeat;
}

/*.image-second-preise {
	background: url(../images/backgrounds/faq.jpg) no-repeat;
}*/

/*.image-second-kontakt {
	background: url(../images/backgrounds/kontakt.jpg) no-repeat;
}*/

.image-second-kompetenz {
	background: url(../images/backgrounds/kompetenz.jpg) no-repeat;
}

.image-second-welcome {
	background: url(../images/backgrounds/welcome.jpg) no-repeat;
}


/* --- Inhalts Container --------------- */

div#title {
	height:29px;
	width:734px;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:19pt;
	color:#000;
	padding: 8px 8px 8px 0px;
}

div#content {
	font: 10pt/14pt Verdana, Arial, Helvetica, sans-serif;
	padding:5px 10px 25px 10px;
	margin:0;
	color:#000;
}

div#content ul li {
	list-style:square;
	padding-left:5px;
}

div#content p {
	padding:0;
}

div#top {
	padding:0;
	width:100%;
	text-align:right;
	clear:left;
}

div#top a {
	background:url(../images/arrow.up.gif) right no-repeat;
	padding:0 10px 0 0;
	width:100%;
	text-align:right;
}

.content-title {
	font-size: 12pt;
}

div#content a {
	color:#0080c0;
	text-decoration:none;
}

/* --- Fusszeilen Container ------------ */

div#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#C0C0C0;
}

ul#footer-ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

ul#footer-ul li {
	font: 9pt/11pt Verdana, Arial, Helvetica, sans-serif;
	display:block;
	float:left;
}

ul#footer-ul li a {
	display:block;
	color:#0080c0;
	text-decoration:none;
	margin-left:20px;
	background:url(../images/listtype.gif) no-repeat;
}

#footer a {
	color:#0080c0;
	text-decoration:none;
	padding-left:10px;
	/*background:url(../images/border-nav.gif) no-repeat fixed left;*/
}

span#copyright {
	clear:left;
	display:block;
	padding:10px 0 0 0;
}

div#formular {
	float:left;
}

div#kontaktadr {
	float:left;
	padding:70px 0 0 100px;
}

div#formular input[type="text"] {
	width:170px;
}

div#formular textarea {
	width:280px;
	height:120px;
}