body {
	margin:0;
	background:#fff url(../img/body_bg.jpg) no-repeat top fixed;
	font-family:arial,sans-serif;
	text-align:center;
}

body, #header_navi a {font-size:1.0em;}
#slogan {font-size:0.90em;}
h1 {font-size:1.7em;}
h2 {font-size:1.5em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}

#text {float:right;display:block;width:29px;}
#standard {display:none;}
#switcher .skip {display:none;}

a img {border:0;}

#all {	
	margin:0 auto;
	background:#fff;
	width:773px;
	text-align:left;
background:#ECE9E9 url(../img/bgmenu.jpg) repeat-y ;
}

#head {
	position:relative;
	margin-bottom:1px;
	height:117px;
	background:#ECE9E9 url(#) repeat-x top left;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#logo h1 {
	margin:5px 0 5px 5px;
	height:26px;
}

#logo h1 a {
	cursor:pointer;
	display:block;
	height:26px;
	width:115px;
}

#logo h1 span {
	display:none;
}

#header_navi a {
	color:#000;
	text-decoration:none;
}

#header_navi a:hover {
	color:#f00;
	text-decoration:underline;
}

#header_navi {
	float:right;
	margin:2px 0 0 3px;
}

#slogan h2 {
	margin:0;
}
#slogan {
	padding:3px 10px 0 0;
	margin:0 0 1px 0;
	background:#ECE9E9;
	text-align:left;
	height:25px !important;
	height:27px;
}

#navi {
	float:left;	
	width:210px !important;
	padding:0;
	margin:0 -210px 0 0;
                background:#ECE9E9 url(../img/bgmenu.jpg) repeat ;
}

#navi h2 {
	display:none;
}

#navi ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#navi ul ul {
	margin:0 0 0 -10px;
}

#navi li {
	margin-bottom:1px;
	padding:3px 0 4px 16px;
	background: url(../img/link_bg.gif) no-repeat left;

	background-position:8px 8px;
}

#navi a {
	color:#000;
	text-decoration:none;

}

#navi a:hover {
	color:#f00;
	text-decoration:underline;
}

#navi li .level_1 a {
	color:#000;
	text-decoration:none;
}

#navi li .level_1 a:hover {
	text-decoration:underline;
}

#navi li .level_2 a {
	color:#000;
	text-decoration:none;
}

#navi li .level_2 a:hover {
	color:#f00;
	text-decoration:underline;
}

#navi li .level_3 a, #navi li .level_4 a {
	color:#000;
	text-decoration:none;
}

#navi li .level_3 a:hover, #navi li .level_4 a:hover {
	color:#f00;
	text-decoration:underline;
}

#navi .cur_level_1 a {
	color:#f00;
	text-decoration:underline;
}

#navi .cur_level_2 a {
	color:#f00;
	text-decoration:underline;
}

#navi .cur_level_3 a, #navi .cur_level_4 a {
	color:#f00;
	text-decoration:underline;
}

#content_left {
                     padding:10px 15px 50px 15px;
}

#content {
	padding:10px 15px 50px 15px;
	margin:-10px 0 0 210px;
	margin:0 0 0 210px;
	border-left:1px solid #E1E0E0;
	min-height:350px !important;
	height:auto !important;
	height:350px;
                background:#ffffff;
}

#content p {
	margin:10px 0 10px 0;
}

#content h1{
                   border-bottom:1px solid #000;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:10px 0 10px 0;
}

h3 {
	border-bottom:1px solid #000;
}

h4 {
	border-bottom:1px dotted #000;
}

#content a:link, #content a:visited {	
	color:#000;
	text-decoration:underline;

}

#content a:hover, #content a:active, #content a:focus {
	background:#000;
	color:#fff;
	text-decoration:none;
}

#sitemap a {
	display:block;
	width:100%;
}

.sitemap_1 {
	padding:5px 0 6px 10px;
	background:#C3DFFF;
}

.sitemap_2 {
	padding:3px 0 4px 25px;
	background:#EAF3FE;
}

.sitemap_3 {
	padding:1px 0 2px 40px;
	background:#EFF2F5;
}

.sitemap_4 {
	padding:0 0 0 55px;
	background:#fff;
}

#footer {
	clear:both;
	padding:4px 15px 5px 15px;
	background:#ECE9E9 url(#) repeat-x top left;	
	text-align:right;

}

#footer h3 {
	display:none;
	font-weight:normal;
}

#footer a:link, #footer a:visited {
	padding:0 5px 0 5px;
	color:#000;
	text-decoration:underline;
	text-transform:uppercase;
}

#footer a:hover, #footer a:active, #footer a:focus {
	color:#f00;
}

/* CSS STYLED IMGTEXT */
/* 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;
	}
	
	.csi-textpic img {
		margin: 4px;
	}
	
	.csi-textpic .csi-caption {
		text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
	}
	
	.csi-textpic .csi-image {
		margin: 0 0 3px 0;  /*XXX demo only*/
		/*width: 210px; will have to be an inline style - controlled by TS*/
	}
	
	.csi-textpic .csi-imagewrap {

	}
	
	.csi-textpic .csi-text {
		text-align: left; /*will have to be an inline style - controlled by TS*/ 
	}
	
	.csi-text p {
		margin-top: 0;
	}
	
	/* CENTER */
	
	.csi-center .csi-image {
		text-align:center;
		margin: 0 auto 3px auto;
	
	}
	
	/* RIGHT */
	.csi-right div.csi-image {
		float: right;

	}
	
	.csi-right div.csi-text {
		clear: right;
	}
	
	
	/* LEFT */
	.csi-left div.csi-image {
		float: left;

	}
	
	.csi-left div.csi-text {

	}
	
	
	/* INTEXT LEFT */
	.csi-intext-left .csi-image {
		float: left;

		margin-right: 5px;
	}
	
	
	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;

		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*/
	}
	
	.csi-intext-right-nowrap .csi-image {
		float: right;

	}
	
	
	/* INTEXT LEFT NOWRAP*/	
	.csi-intext-left-nowrap .csi-text {
		margin-left: 215px; /*will have to be an inline style - controlled by TS*/
	}
	
	.csi-intext-left-nowrap .csi-image {
		float: left;
	}
@media screen and (min-width: 550px){
#all {	
	margin-top:-9px !important;
}
#head {
margin-left: 2px !important;
}
#navi {
margin-left:2px !important;
}
#navi ul {
	margin:0 0 0 0 !important;
}
#footer {
margin-bottom:-10px !important;
}
}


