/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */

body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #555;
	background-color: white;
	line-height: 105%;
	margin: 0;
	padding: 0;
	text-align: center;
}


table#design a img {
	border: 1px solid #fff;
}

table#design .contentelement a img {
	border: 1px solid #888;
}

table#design a:hover img {
	border: 1px solid #B85768;
}

div#image img, 
.noborder, 
a:hover img.noborder, 
.socialbookmarks img, 
.socialbookmarks a:hover img {
	border: 0 !important;
}

.news-list-item img {
	float: left;
	margin: 0 10px 0 0;
}



/* Set the page width here */

table#design {
	/*width: 85%;	*/
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: transparent url('images/bg02-white-right_long.png') no-repeat right top;
	border-collapse:collapse;
}

table#design td {
	vertical-align: top;
}


#menu-top, 
#header, 
#wrapper-footer {
	/*width: 85%;	*/
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#menu-top {
	background: white url('images/bg02-white-right_long.png') no-repeat right top;
	overflow: hidden;
}

#menu-top ul {
	background: transparent url('images/bg02-white-left_long.png') no-repeat left top;
	margin:0;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
	padding-left: 20px;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url('images/menuleft_grey.png') no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url('images/menuright.png') no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#B85768;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#menu-top a:hover {
	background-position:0% -42px;
}

#menu-top a:hover span {
	background-position:100% -42px; 
}

#menu-top a.active {
	background-position:0% -42px;
}

#menu-top a.active span {
	background-position:100% -42px;
	font-weight: bold;
}

#wrapper-header {	
	background: transparent url('images/bg_grey.png') top center repeat-x; 
}

/*#header { background: #eee url('images/banner_mountains.jpg') no-repeat center top; }*/

#wrapper-header2 {
	background: transparent url('images/bg02-blue-left_grey.png') top left no-repeat; 
}

#wrapper-header3 { 
	background: transparent url('images/bg02-blue-right_grey.png') top right no-repeat; 
}

#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: #CCCCCC;
	font-size: 130%;
}

#wrapper-content { 
	/*background: white url('images/bg02-white-left.png') no-repeat left top; */
}

* html #wrapper-content { height: 1%; }

#content {
	/*background: transparent url('images/bg02-white-right.png') no-repeat right top;*/
	padding: 5px 20px 5px 40px;
}

#wrapper-menu-page {
	/*float: right;*/
	width:200px;
	/*margin: 20px 30px 3em 2em;*/
	/*background: transparent url('images/menu.png') no-repeat;*/
	/*text-align: center;*/
	line-height: 110%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-size: 13px;
}

#wrapper-menu-page-left {	
	width:200px;
	/*margin: 20px 30px 3em 2em;*/
	/*background: transparent url('images/menu.png') no-repeat;	*/
	background: white url('images/bg02-white-left_long.png') no-repeat left top; 
	line-height: 110%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-size: 11px;	
}

* html #wrapper-menu-page { 
	margin-right: 15px; 
}

* html #wrapper-menu-page-left { 
	margin-right: 15px; 
}

#menu-page { 
	padding: 5px;
	background: transparent url('images/menu_long.png') no-repeat;
	margin: 2px 20px 0 0;
}

#menu-page-left { 
	padding: 5px;
	padding-right: 8px;
	background: transparent url('images/menu_long.png') no-repeat;
	margin: 20px 0 0 20px;
}

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	/*color: #5b8fbe;*/
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:link, 
#menu-page a:visited { 
	color: #B85768; 
}

#menu-page a:hover {
	color: #590D11; 
}

#menu-page a.active {
	font-weight: bold;
}

#breadcrumb {

	margin-bottom:0;
	margin-top:0;
	padding-left:0;
	padding-bottom: 10px;


	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	display: inline;
	font-size: 12px;	
	display:block;	
	position:relative;
}

#breadcrumb li {
	float: left;
}

#breadcrumb li span {
	margin: 0 3px;
}

#langswitch {
	left:17px;
	list-style:none outside none;
	margin:0;
	padding:0;
	position:relative;
	top:4px;
}

#langswitch li {
	float: left;
}

#langswitch li a img {
	margin: 0 3px;
}

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	background-color: #D6D6D6;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
}

h1 {
	line-height: 25px;
}

#rightcol h1 {
	font-size: 120%;
}

h2 { 
	font-size: 110%; 
}
	
h3 { 
	font-size: 100%; 
}

a, 
a:link, 
a:visited {
	color: #B85768; 
	/*text-decoration: none; */
}

a:hover {
	color: #590D11; 
	/*text-decoration: none; */
}


/***************************************************
 Typo3 Forms
 ***************************************************/
 
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

textarea {
  width: 98%;
  height: 100px;
  /* 
    IE specific to eliminate scroll bar when not needed. 
    Uncomment if wanted, but it is not valid CSS
     
  scrollbar-3dlight-color : #777;
  scrollbar-arrow-color : #EEE;
  scrollbar-darkshadow-color : #777;
  scrollbar-face-color : #777;
  scrollbar-highlight-color : #777;
  scrollbar-shadow-color : #777;
  scrollbar-track-color : #777;    
  */
}

input,
textarea {
  padding: 1px 3px;
  margin: 5px 0;
  font: 1em verdana, arial, sans-serif;
  color: #888;
  background-color: #F2F2F2;
  border: 1px solid #888;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
} 

form {
}

form legend {
	display: none;
}

form label {
	display: block;
}

form input {
	width: 50%;
}

.csc-default form input {
	width: 160px;
}

.tx-veguestbook-pi1 p.tx-guestbook-form-error, 
.tx-guestbook-form-obligationfield, 
.powermail_mandatory_js, 
.powermail_mandatory {
	color: #f00 !important;
	font-weight: normal;
}

.tx-comments-required-error {
	background-color:#fff !important;	
	margin-left:0 !important;
	padding:0 !important;
}

#commentsWrap {		
	display: none;
}

#textaddcomment {
  cursor: pointer;
}

/***************************
tt_news
*****************************/
.news-latest-date {
	font-size: 10px;
}

#menu-page .news-latest-container h3 {
	font-size:13px;
	font-weight: bold;
	letter-spacing: normal;
	margin:0;
	text-transform: none;
}

#menu-page .news-latest-container p {
	margin: 0;
}

#menu-page .news-latest-container hr {
	display: none;
}

#menu-page .news-latest-container img {
	margin: 5px 0;
}

#menu-page .news-latest-item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E0E0E0;	
}

.news-list-item h3 {
	margin: 0;
}

.news-list-item a p,
.news-list-item .subheader a {
	color: #555;
	text-decoration: none !important;
} 


/*****************************
cal
******************************/

#wrapper-menu-page-left .found {
	margin: 2px 0;
}

#wrapper-menu-page-left h1 {
	font-size: 130%;
	margin-bottom: 0;
}

#wrapper-menu-page-left dl {
	margin: 4px 0;;
	padding: 3px;
}

#wrapper-menu-page-left dt {
	font-weight: bold;
	margin-top: 10px;
}

.tx-cal-controller .even {
	background-color: transparent;
}

#wrapper-menu-page-left dd {
	margin-left: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #E0E0E0;	
}

#menu-page-left .banner {
	padding: 5px;
	/*margin: 0 0 0 40px;	*/
}

#gads_cols_160 {	
	margin: 10px 0 0 0;
	width: 160px;
	border-top: 1px solid #E0E0E0;
	padding-top: 10px;
}


/******************************
comments
*******************************/
#content .tx-comments-comment-form label {
	float: none;
	padding-top: 0;
	width: auto;
}

#content .tx-comments-comment-form input, 
#content .tx-comments-comment-form textarea, 
#content .tx-comments-comment-form img {
	margin-top: 0;
}

#content .tx-comments-comment-input, 
#content .tx-comments-comment-form textarea {
width: 50%;
}

#content .tx-comments-captcha {
	padding-left: 0;
}

/**********************
socialbookmarks
***********************/
.socialbookmarks p {
	margin-bottom: 0;
}

#design .socialbookmarks a img, 
#design .socialbookmarks a:hover img {
	border: 0 !important;
}

/*
div.csc-textpic-clear {
	clear: none;
}
*/
div.contentelement {
	clear: both;
}

/* CE Frames, special alignment */
div.ce_centered {
	text-align:center;
}

/* cse search box */
.csc-default #cse-search-box input {
	width: 154px;
	background: none !important;
	border: 1px solid #888888 !important;
	padding: 0 !important;
	margin-bottom: 0;
	margin-top: 1px;
}

.csc-default #cse-search-box input#sa {
	text-indent: -9999px;
	background:url("/fileadmin/user_upload/images/search_16x16.gif") no-repeat scroll 0 0 transparent !important;
	border: none !important;
	cursor:pointer;
	height:16px;
	width:16px;
	margin-left: 2px;
	margin-top: 0;
}



/*tt_news default css style 3*/
.news-list-category,
.news-list-author,
.news-list-imgcaption,
.news-list-date,
.news-list-browse,
.news-amenu-container,
.news-catmenu  {
	font-size:11px;
}



/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
 {
	clear:left;
	height:1px;
	border:none;
	padding:0;
	margin:0;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
	clear:both;
}

.news-single-item HR.cl-left {
	clear:left;
}

/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
	padding: 10px 0;

}
.news-list-item {
	padding: 0 0 10px 0;
}

.news-list-container H2 {
	margin: 0px;
}

.news-list-date {
	float: right;
	display:block;
	padding-left:10px;
}

.news-list-imgcaption {
	padding:3px 3px 0 0;

}

.news-list-container IMG {
	float: left;
	margin:0 5px 5px 2px;
	border: none;

}

.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink  {
	padding-left:5px;
}