/* Global Reset */
* {
	margin: 0;
	padding: 0;
}



/* Listenmarker entfernen */
ol,ul {
	list-style:none;
}


/* Schriftgröße muss beim IE anders eingestellt werden -> siehe Bulletproof S. 25 */
body {
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	font-size: 62.5%;
	background-color:#FFDDA8;	
/*	border: solid 2px #ffff00;	*/
}


.wrapperout {
/*	background-image:url(../images/buddha2.jpg); */
	background-image:url(../images/buddha3.jpg);
/*	background-position:1% 60%;*/
	background-position:0px 40px;
	background-repeat: no-repeat;
	background-color:#F4B34D;
/*	width:91%; */
	width:97%;
	padding-bottom:10px;
	padding-top:20px;
	margin:auto;
	margin-top:20px;
	min-width:890px;	
}


.wrapper {
	text-align:left; 
/*	margin-left:175px; */
	margin-left:220px;
/*	width:80%; */
	min-width:690px;
	min-height:540px;
	overflow:hidden;
	background-image:url(../images/abschluss.jpg);
	background-position:95% 100%;
	background-repeat:no-repeat;
/*	border: solid 2px #ff0000;	*/
}


/*************************************************************************************************/
/* NAVIGATION START*/
/*******************/
.navi {
	float:left;
	margin-top:100px; 
	padding-bottom:40px;
	width:30%;
/*	border: solid 2px #ff0000;	*/
}


/* Kompletter Bereich für Untermenü, also 2. Ebene */
.navi ul ul {
	margin-top:8px;
}



/* Normaler, nicht aktiviertes DIV des Menüpunktes */
.naviatag {
	margin-bottom:10px;
	list-style:none;
}


/* Normaler, nicht aktivierter Menüpunkt */
.naviatag a{
	text-decoration: none;
	font-size:130%;
	font-weight:bold;
/*	color:#4f75f4; */
	color:#0000FF;	
}


/* Rollover Menüpunkt */
.naviatag a:hover{
	text-decoration: none;
	font-size:130%;
	font-weight:bold;
	color:#FFFFFF
}


/* Aktives, also angeklicktes DIV des Menüpunktes */
.naviatag_act {
	margin-bottom:10px;
}



/* Aktiver, also angeklickter Menüpunkt */
.naviatag_act a {
	text-decoration: none;
	font-size:170%;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:5px;
}



/* Nicht aktives DIV des Menüunterpunktes */
.naviatag_no_2 {
	margin-bottom:10px;
	margin-left:5px;	
}



/* Nicht aktiver Menüunterpunkt */
.naviatag_no_2 a {
	text-decoration: none; 
	font-size:120%;
	font-weight:bold;
	color:#4f75f4; 
	margin-left:5px;
}


/* Bild (Kreis) vor nicht-aktiviertem Menüpunkt in der zweiten Ebene */
.naviatag_no_2 img {
	margin-left:4px;
	margin-bottom:2px;
}


/* Mouseover bei nicht aktivertem Menüunterpunkt */
.naviatag_no_2 a:hover {
	text-decoration: none;
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF
}



/* Aktives, also angeklicktes DIV des Menüunterpunktes */
.naviatag_act_2 {
	margin-bottom:10px;
	margin-left:9px;	
}



/* Aktiver, also angeklickter Menüunterpunkt */
.naviatag_act_2 a {
	text-decoration: none;
	font-size:120%;	
	font-weight:bold;
	color:#FFFFFF;
	margin-left:2px; 
}
/******************/
/* NAVIGATION ENDE*/
/******************/


/*************************************************************************************************/
/* CONTENT START */
/*****************/
.content {
	clear:both;
	float:right;
	width:56%;
	max-width:600px;
	margin-right:60px;
	margin-top:100px;
	margin-bottom:130px;
	padding-right:30px;
/*	border: solid 1px #666666;	*/
}



/* Tabelle für Dauer und Preis */
.contenttable {
	border:2px solid #888888;
	background-color:#FFDDA8; 
}


/* Kopfzeile */
.contenttable > thead > tr > th {
	padding-top:5px;
	padding-bottom:10px;
	padding-left:3px;
	font-size:160%;
	font-variant:small-caps;
}



.contenttable > thead > tr > td {
	padding-top:5px;
}


.contenttable > thead > tr > td > p{
	margin-top:3px;
	padding-left:3px;
}


.contenttable > tbody > tr > td {
	padding-bottom:0px;
}


.contenttable > tbody > tr > td > p{
	padding-left:3px;
}
/****************/
/* CONTENT ENDE */
/****************/



/*************************************************************************************************/
/* LOGO START */
/**************/
#logoposition {
	position:absolute;
	height:151px;
	width:100%;
	min-width:920px;
	margin-top:-55px;
}

.logo {
	position:relative;
	float:right;
	width:456px;
	height:151px;
	margin-right:40px; 
	background-image:url(../images/logo4.png);
	background-repeat: no-repeat;
}
/*************/
/* LOGO ENDE */
/*************/



/*************************************************************************************************/
/* SCHRIFTENFORMATIERUNG START */
/*******************************/
/* Für Datensatzüberschriften 2 bis n */
.csc-header h1 {
	font-family: Georgia, "Lucida Sans Unicode", "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:150%;
	letter-spacing: 0px;
	font-size:210%;
	margin-bottom:5px;
	margin-top:25px;
	/* Bild vor Datensatzüberschrift */
	background-image:url(../images/h1.png);
	background-repeat: no-repeat;
	background-position:0px 5px;
	padding-left:30px;
}


/* Für erste Datensatzüberschrift */
.csc-header h1.csc-firstHeader {
	font-family: Georgia, "Lucida Sans Unicode", "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:150%;
	letter-spacing: 0px;
	font-size:210%;
	margin-bottom:5px;
	/* Margin-top aus csc-header h1 neutralisieren, da hier kein Abstand nach oben benötigt wird */
	margin-top:0px;	
	/* Bild vor Datensatzüberschrift */
	background-image:url(../images/h1.png);
	background-repeat: no-repeat;
	background-position:0px 5px;
	padding-left:30px;
}


/* H1-Überschrift im Fließtext */
h1 {
	font-family: Georgia, "Lucida Sans Unicode", "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:150%;
	letter-spacing: 0px;
	font-size:190%;
	margin-bottom:5px;
}


/* H2-Überschrift im Fließtext */
h2 {
	font-family: Georgia, "Lucida Sans Unicode", "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:150%;
	letter-spacing: 0px;
	font-size:170%;
	margin-bottom:5px;	
}


/* Normaler Absatz */
p {
	margin: 0 0 0.8em 0; 
	font-size:120%;
	line-height:130%;
}


/* Bild im textpic-Bereich wird 1 px nach unten verschoben, da Zeilenhöhe in p eingestellt ist => bündig */
.csc-textpic-imagewrap {
	margin-top:1px;
}


/* Textpic-Element erhält Abstand von unten und oben */
.csc-textpic-text {
	margin-top:10px;
	margin-bottom:20px;
}


/* Interner Link */
a.internal-link, a.internal-link > img {
	border:0px;
	text-decoration:none;
}


/* Interner Link mit neuem Fenster */
a.internal-link-new-window, a.internal-link-new-window > img {
	border:0px;
	text-decoration:none;
}


/* Externer Link */
a.external-link, a.external-link > img {
	border:0px;
	text-decoration:none;
}


/* Externer Link mit neuem Fenster */
a.external-link-new-window, a.external-link-new-window > img {
	border:0px;
	text-decoration:none;
}


/* Linkunterstrich bei Angabe einer Mailadresse entfernen */
a.mail {
	text-decoration:none;
	color:#000000;
}



/* Bild vor Angabe der Mailadresse nicht anzeigen */
a.mail > img {
	display:none;
}




.content ul li {
	list-style-type:square;
	list-style-position:inside;
/*	margin: 0 0 0.8em 0; */
	font-size:120%;
}

/******************************/
/* SCHRIFTENFORMATIERUNG ENDE */
/******************************/



/*************************************************************************************************/
/* KONTAKTFORMULAR START */
/*************************/
div.tx-thmailformplus-pi1 {
/*	padding-bottom:10px; */
}


div.tx-thmailformplus-pi1 form {
	width:450px;
	padding-top:50px;
	padding-bottom:40px;
	background-image:url(../images/mailform.png);
	background-repeat:no-repeat;	
}


div.tx-thmailformplus-pi1 form label {
	text-align:right;
	width:65px;
	float:left;
	padding:5px;
	margin-top:9px;	
	font-size:110%;	
}


div.tx-thmailformplus-pi1 form .input {
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	font-size: 120%;
	margin:6px;
	height:18px; 
	width:293px; 
	padding-top:7px;
	padding-left:7px;
	border:solid 0 #F4B34D;
	background-image:url(../images/input.jpg);
	background-repeat:no-repeat;
}


div.tx-thmailformplus-pi1 form textarea {
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	font-size: 120%;
	margin-top:6px;
	margin-left:5px;
	height:153px;
	width:327px; 
	padding-top:10px;
	padding-left:10px;
	padding-right:13px;
	overflow:auto; 
	border:solid 0 #F4B34D;	
	background-image:url(../images/textarea.jpg);
	background-repeat:no-repeat;	
}



div.tx-thmailformplus-pi1 form p {
	margin-top:20px;
	margin-left:80px;
}



/* CAPTCHA - Infotext */
.captchainfo {
	margin-top:15px;
	margin-left:80px;
	font-size:110%;
	font-style:italic;
}


/* CAPTCHA - Bild */
.captchapic {
	float:left;
	margin-top:10px;
	margin-left:80px;
	margin-bottom:15px;
}


/* CAPTCHA - DIV um das Eingabefeld */
.captchainput {
	margin-top:10px;
	margin-left:20px;
	float:left;
}


/* DIV um den Submitbutton */
/* input[type=image] { */
.submitarea {
	clear:both;
	margin-left:76px;
}


/* Fehlermeldungen */
div.tx-thmailformplus-pi1 ul li {
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	color:#DD0000;
}

div.tx-thmailformplus-pi1 .errormessagetop {
	font-size:120%;
	color:#DD0000;
	margin-bottom:3px;
}


div.tx-thmailformplus-pi1 .errormessage {
	border-bottom:2px solid #DD0000;
	padding-bottom:5px;
	margin-bottom:10px;
	width:445px;
}


div.tx-thmailformplus-pi1 > ul.errormessage > li {
	margin-left:0px;
}
/************************/
/* KONTAKTFORMULAR ENDE */
/************************/



/*************************************************************************************************/
/* FOOTER START */
/****************/
/* Positionierung des Footerbereichs */
#footer {
	position:relative; 
	float:right;
	z-index:10;
	height:20px;
	margin-top:-20px;
	margin-right:33%;
}


/* Hack nur für den Safari 3 */
/* Im Auge behalten, da dieser Hack ein CSS3-Selektor ist und bei aktuelleren Browsern in der Zukunft */
/* ein Problem darstellen könnte */
body:first-of-type #footer {
	margin-right:8%;
}


/* Link auf die eigene Website */
#footer a {
	text-decoration:none;
	color:#000000;	
}


/* Copyright und Jahreszahl */
/* Formatierung des Footertextes */
.footertext {
	color:#000000;
}
/***************/
/* FOOTER ENDE */
/***************/





/*************************************************************************************************/
/* ANFAHRT START */
/*****************/
#map {
	width:95%;
	height:300px;
}

/* Hinweistexte am unteren Bildrand ausgeblendet */
#map div span {
	display:none;
}
/****************/
/* ANFAHRT ENDE */
/****************/



/*************************************************************************************************/
/* GÄSTEBUCH START */
/*******************/
.guestinput {
	border-top:1px solid white;
	margin-top:10px;
}

.guestbook-captchainfo {
	margin-left:60px;	
	margin-bottom:5px;
	margin-top:5px;
	font-size:110%;
	font-style:italic;
}

.tx-guestbook-form-inputfield-med, .tx-guestbook-form-inputfield-big, .tx-guestbook-form-textarea {
	margin-left:-48px;
}


/* Eintragsfeld */
textarea#message {
	width:320px;
}


.tx-guestbook-field label {
	font-size:110%;
}

#guestbookcaptcha {
	margin-left:60px;
}


/* Angaben der Errorfelder, die nicht ausgefüllt wurden */
.tx-veguestbook-pi1 ul li {
	list-style-type:disc;
	margin-left:12px;
	color:#990000;
	font-weight:bold;
}


.guestsubmitarea {
	padding-left:50px;
	margin-top:-5px;
}


/* Hintergrundbild für Gästebuchdatensatz oben */
.papyrusoben {
	width:440px;
	height:23px;
	background-image:url(../images/Papyrusrolle_oben.jpg); 
	background-repeat: no-repeat;
	background-position:left top;
}


/* Hintergrundbild für Gästebuchdatensatz mitte */
.papyrusmitte {
	background-image:url(../images/Papyrusrolle_mitte.jpg);
	background-repeat: repeat-y;
	padding-left:30px;
	width:440px;
}


/* Hintergrundbild für Gästebuchdatensatz unten */
.papyrusunten {
	width:440px;
	height:23px;
	background-image:url(../images/Papyrusrolle_unten.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	margin-bottom:20px;
}


.papyrusmitte h3 {
	padding-top:5px;
	max-width:270px;
	border-bottom:1px solid #000000;
	font-style:italic;
}

/* Breite der Eintragsspalte */
.tx-guestbook-eintrag {
	width:380px;
	margin-top:15px;
}


/* Positionierung des Datumsfeldes */
.tx-guestbook-date {
	position:absolute;
	margin-left:290px;
	margin-top:-28px;
}


/* Box wird angezeigt, wenn noch keine Einträge im Gästebuch gemacht wurden */
.tx-veguestbook-pi1 h2.tx-guestbook-header {
	background-color:#990000; 
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
}


/* Box soll nicht angezeigt werden, wenn noch keine Einträge im Gästebuch gemacht wurden */
.tx-guestbook-right {
	display:none;
}
/******************/
/* GÄSTEBUCH ENDE */
/******************/









