/***********************************************************************

	Page Setup CSS style sheet
	
	Copyright 2005 by Pixelsound Web Design Perth - www.pixelsound.com

	Colours:	#633A49 dark red
				#6C7E21 dark green
				#B3D036 vibrant green
				
				#969BBA medium Blue
				#e6e8ef light Blue

***********************************************************************/

/* default styles for extension "tx_descrollbarprop_pi1"
body {
	scrollbar-face-color:#900; 
	scrollbar-highlight-color:#c00; 
	scrollbar-3dlight-color:#f00; 
	scrollbar-darkshadow-color:#600; 
	scrollbar-shadow-color:black; 
	scrollbar-arrow-color: ; 
	scrollbar-track-color: ;
	scrollbar-base-color:;

}

 */

/**************   Necessary with typo3   *************/

body, table, td, th, p, form, select, blockquote {
	color:white;
}

h1.csc-firstHeader {
	margin:0;
	padding:0;
	padding-left:20px;
}

td, th {
	border:1px none white;
	padding:0;
	margin:0;
}

p.bodytext, h1,h2,h3,h4,h5,h6 {
	padding-left:20px;
}


/**************   Main Page Setup   *************/

body {
	background-color:#333;
	padding-top:10px;
	padding-bottom:10px; /* margin-bottom does not work */
	text-align: center;
	background-image:url(../images/page-bodyTile.gif);
}

/*  make page 750px wide and center aligned */
body div.page {
	background-image:url(../images/page-tile.gif);
	background-position:2px 3px;
	width: 770px;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	border:1px solid white;
}
	body div.page div.container {
		background-image:url(../images/header_TR.gif);
		background-position:531px 54px;
		background-repeat:no-repeat;
	}
	body div.page div.container div.container2 {
		background-image:url(../images/header_BM.gif);
		background-position:205px 54px;
		background-repeat:no-repeat;
		background-image:url(../images/background.gif);
		background-position:69px 356px;
		background-repeat:no-repeat;
	}
	




/**************   Main Areas   *************/

body div.container div.container2 div.pageHeader {
	background-image:url(../images/header_TL.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:183px;
	margin:0;
}
		body div.container div.container2 div.pageHeader div.logo {
			width:100px;
			float:left;
			padding:4px;
			display:none;
		}
		body div.container div.container2 div.pageHeader div.navBar {
			height:54px;
			color:white;
			float:right;
			text-align:right;
			width:565px;
			background:black;
		}
		body div.container div.container2 div.pageHeader div.siteTitle {
			display:none;
		}
		body div.container div.container2 div.pageHeader div.pageTitle {
			background:none;
			padding:0;
			margin-left:205px;
		}

body div.container div.container2 div.leftColumn {
	padding:50px 0px 30px 0px;
	width:180px;
}

body div.container div.container2 div.mainColumn {
	padding:20px 0px 30px 0px;
	width:560px;
}

body div.container div.container2 div.mainColumn img {
	margin:0 2px 2px 0;
}



/***************  pageHeader	**********************/

div#nav1 {
	clear:none;
	float:right;
	text-align:right;
	background:none;
	padding:10px 30px 10px 0;
}

div.jumpMenu {
	width:160px;
	margin:1px 0px 1px 0px;
	clear:none;
	float:right;
}







/**********  Content Elements  ************/

body div.container div.container2 div.mainColumn div.colNormal {
	width:500px;
}
body div.container div.container2 div.mainColumn div.content-element {
	padding-left:0px;
	margin-left:0px;
	margin-right:0;
}
		.align-left {
			margin:0px 10px 10px 0px;
		}
		.align-center {
			margin:0px 10px 10px 20px;
		}
		.align-right {
			margin:0px 0px 10px 20px;
		}
		
		.imgtext-nowrap {
			margin:20px 0px 20px 0px;
			margin:0px;
			margin:10px 0px 5px 0px;
		}
				.ct2 .colLeft .imgtext-nowrap,
				.ct2 .colRight .imgtext-nowrap,
				.ct2 .colBorder .imgtext-nowrap {
					margin:0px;
				}


				.ct2 .colNormal .content-element {
				}
				.imgtext-nowrap h1,
				.imgtext-nowrap h2,
				.imgtext-nowrap h3 {
					margin-top:0px;
					padding-top:0px;
					background:none;
				}

		div.content-element table {
			margin-left:-150px;
			margin-left:0px;
			padding-left:0px;
		}
		div.content-element table.align-left {
			margin-left:-150px;
			margin-left:0px;
			padding-left:0px;
		}

/*******  Subpage Navigation Column  *******/
ul#nav2-ul,
ul.nav2-ul {
	background-image:url(../images/subpage_nav_top.gif);
	background-position:17px top;
	background-repeat:no-repeat;
	margin:150px 0px 30px 0px;
	padding:30px 0px;
	width:180px;
}
div#nav2 li a {
	width:150px;
}

/*************  content elements in left column  ***************/
.box {
	border:1px solid #ccc;
	background:#eee;
	width:120px;
	margin:1em 0 1em 1em;
	padding:1em;
}
	.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
		/* background:none; */
		font-size:11px;
		font-weight:700;
		margin:0 0 .5em 0;
		padding:0 0 .5em 0;
	}
	.box td.csc-form-labelcell {
		display:none;
	}
	.box input {
		width:100px;
	}




/**********  Home Page (ct_home) and Section Overview (ct2) only ************/

.ct_home .spiel {
	margin:0px;
	padding:0px;
}
		.ct_home .content-body {
			padding:0px;
			margin:0px;
			background:white;
		}
		.ct_home td.colLeft h1 {
			border-left:2px none white;
		}


/***   Standard Detail page  ***/
div#pageID-7 .leftColumn {
	display:none;
}

/***   Standard Detail page  ***/
.ct1 {
	
}

/***   Sitemap Links  ***/
div.content-element div.csc-menu {
	padding-left:20px;
}
		div.cont-type-menu a,
		div.cont-type-menu a:link,
		div.cont-type-menu a:active,
		div.cont-type-menu a:visited {
			font-weight:700;
			line-height:1.2em;
			text-transform:lowercase;
		}
		.csc-section {
			margin:1em 0;
		}





/***************************************
***		Extensions					****
****************************************/



/**********  Guestbook  ************/

div.tx-veguestbook-pi1 {
	padding-left:20px;
	line-height:1em;
}
		div.tx-veguestbook-pi1 table td {
			padding:0 .5em;
		}
		div.tx-veguestbook-pi1 table.list table td {
			padding:.5em 1em 1em;
		}
		div.tx-veguestbook-pi1 table.list table td p {
			margin:0;
			padding:0;
			line-height:1em;
		}
		div.tx-veguestbook-pi1 span.tx-guestbook-list-small,
		div.tt_board span.tt_board_small {
			font-weight:100;
			display:block;
		}


/**********  Forum  ************/

div.content-element form table {
	margin-left:20px;
}

div.tt_board table td {
	padding:1px 1em;
	vertical-align:middle;
}
div.tt_board_thread table td {
	padding:.5em 1em;
}
		div.tt_board table td img {
			margin:0;
			padding:0;
			vertical-align:middle;
		}
		div.tt_board table td p {
			margin:0;
			padding:0;
		}

/**************** Vertical Table ********************/

		.vertical_table {
			border-collapse:collapse;
		}
				.vertical_table td {
					padding:5px;
					border:1px solid #e6e8ef;
				}

		.vertical_table td.question {
			font-weight: bold;
			width:50px;
			white-space:nowrap;
			background:#e6e8ef;
			padding:5px;
			border:1px solid white;
		}


		.csc-mailform td {
			padding:2px;
			vertical-align:top;
			line-height:2em;
		}
				.csc-mailform td.csc-form-labelcell {
					text-align:right;
					padding:2px 5px 0px 0px;
				}
				.csc-mailform td.csc-form-labelcell p {
					line-height:2em;
				}




/******  Styles outside the RTE  ***********/

.noMargin {
	margin:0;
}
.noPadding {
	padding:0;
}






/******* Footer *********/
div.footer {
	line-height:1em;
	padding:0 0 3em 0;
	font-size:.9em;
}
		div.footer .content-element {
			margin:0;
			padding:0;
		}
		div.footer,
		div.footer p,
		div.footer div,
		div.footer td,
		div.footer td p,
		div.footer a,
		div.footer a:link,
		div.footer a:active,
		div.footer a:visited,
		div.navFooter,
		div.navFooter li a,
		div.navFooter li a:link,
		div.navFooter li a:active,
		div.navFooter li a:visited {
			color:white;
			text-decoration:none;
			font-weight:100;
		}
				div.footer a:hover {
					color:black;
				}

div.navFooter {
	background-image:  url("../images/dotted_line-horiz.gif");
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#9CBC00;
	text-align:center;
	padding:1em;
}
		div.navFooter a, 
		div.navFooter a:link, 
		div.navFooter a:active, 
		div.navFooter a:visited {	/* style all a tags */
			text-decoration:none;
			color:black;
			padding:1em;
			font-weight:100;
		}
				div.navFooter a:hover {
					color:white;
				}

div.footerBottom {
	background-image:  url("../images/dotted_line-horiz.gif");
	background-image:url(../images/footer_shadow_tile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:left;
	padding:0em 0em;
}
		div.footer div.copyright {
			padding:1em 0 0 1em;
			margin:0;
		}
				div.footer div.copyright div.content-element p.bodytext {
					padding:0;
					margin:0;
				}
		div.footer div.siteby {
			padding:0 1em;
			margin:0;
			line-height:1em;
		}
div.footerDetails {
	padding:1em;
}

div.footer .totop {
	text-align:right;
	padding:0;
	display:block;
}
		div.footer .totop a {
			display:block;
			padding:1em 1em 2em;
			height:5em;
		}
		


/****** default styles for extension "tx_cssstyledimgtext" ********/
/* 
   Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
   (c) the TYPO3 content rendering group 
*/

	/* COMMON */
	.csi-textpic {
		padding: 5px;
		background: #DDDDFF;  /*XXX demo only*/
		border: 2px solid green;  /*XXX demo only*/
	}
	
	.csi-textpic img {
		border: 1px solid black;  /*XXX demo only*/
		margin: 4px;
	}
	
	.csi-textpic .csi-caption {
		text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
		font-style: italic;  /*XXX demo only*/
	}
	
	.csi-textpic .csi-image {
		border: 1px solid red;  /*XXX demo only*/
		margin: 0 0 3px 0;  /*XXX demo only*/
		background: #FFF;  /*XXX demo only*/
		/*width: 210px; will have to be an inline style - controlled by TS*/
	}
	
	.csi-textpic .csi-imagewrap {
		border: 1px solid blue; /*XXX demo only*/
	}
	
	.csi-textpic .csi-text {
		border: 1px solid silver; /*XXX demo only*/
		text-align: left; /*will have to be an inline style - controlled by TS*/ 
	}
	
	.csi-text p {
		margin-top: 0;
	}
	
	/* CENTER */
	
	.csi-center .csi-image {
		margin: 0 auto 3px;
	
	}
	
	/* RIGHT */
	.csi-right div.csi-image {
		float: right;
		clear: both;
	}
	
	.csi-right div.csi-text {
		clear: right;
	}
	
	
	/* LEFT */
	.csi-left div.csi-image {
		float: left;
		clear: both;
	}
	
	.csi-left div.csi-text {
		clear: left;
	}
	
	
	/* INTEXT LEFT */
	.csi-intext-left .csi-image {
		float: left;
		clear: both;
		margin-right: 5px;
	}
	
	
	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
		clear: both;
		margin-left: 5px;
	}
	
	
	/* INTEXT RIGHT NOWRAP */
	.csi-intext-right-nowrap .csi-text {
		/*margin-right: 215px; will have to be an inline style - controlled by TS*/
	}

	/* Hide from IE5-mac. Only IE-win sees this. \*/
	*html .csi-intext-right-nowrap .csi-text {
		height: 1%;
	}
	/* End hide from IE5/mac */ 
	
	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
	}
	
	
	/* INTEXT LEFT NOWRAP*/	
	.csi-intext-left-nowrap .csi-text {
		 /*margin-left: 215px;will have to be an inline style - controlled by TS*/
	}

	/* Hide from IE5-mac. Only IE-win sees this. \*/
	*html .csi-intext-left-nowrap .csi-text {
		height: 1%;
	}
	/* End hide from IE5/mac */
	
	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
	}

#nav1 .actifsub a,
#nav1 .actifsub a:active,
#nav1 .actifsub a:link,
#nav1 .actifsub a:visited,
#nav1 .actifsub a:hover {
	color:#999;
}



table.typo3-adminPanel {
	text-align:left;
}


/***  Guestbook.com  ****/

body div#pageID-25 div.uid-100 {
	margin-left:20px;
}

div.uid-100 table {
	width:500px;
	text-align:left;
}
div.uid-100 table td {
	text-align:left;
	font-weight:700;
}
div.uid-100 center {
	text-align:left;
	text-align:center;
}

div.uid-100 p {
	display:none;
}
div.uid-100 hr {
	height:1px;
	width:500px;
	color:black;
}

div.uid-100 font {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}