@charset "utf-8";
@import "nav.css";
@import "footer.css";
@import "calendar.css";
@import "wt_gallery.css";
@import "tt_news.css";

/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:770px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		max-width:1000px;
		font-size:90%;
		font-family:arial;
	}
	body a{color:red;}
	div .col1 .csc-header csc-header-n1 p .bodytext{padding-left:25px;}
	div .news-latest-item h3 a{color:black;text-transform:lowercase;}
	div .news-latest-item  a img {color:black;}
	span.news-latest-date a{font-family:arial;color:grey;display:block;}
	*|*:visited {color:grey;}
	div.csc-header csc-header-n1{padding:0;}
	div.news-latest-morelink a{color:red;font-family:arial; text-align:right;}
	div .col1 ul li {font-family:arial;}
	h1.csc-firstHeader{padding:0;margin-bottom:0;}
	div.csc-header csc-header-n1{padding:0px;margin:0;}
	a.external-link-new-window {color:red;}
	p.bodytext b a {color:red;}
	.news-list-container{font-family:arial;}
	.news-list-date{color:grey;}
	.news-title-item{font-family:arial;font-weight:bold;color:red;}
	.tx-felogin-pi1{font-family:arial;}
	.csc-mailform{font-family:arial;}
	.csc-mailform-field input, textarea{}
	div .csc-mailform-field label{width:150px;}
	
	.align-center { text-align:center;}
	.align-left { text-align:left;}
	.align-right { text-align:right;}
	.align-justify { text-align:justify;}
	
	
	#month-header div{font-family:arial;font-weight:bold;color:red;text-transform:uppercase;text-align:top;}

	div.tx-cal-controller{font-family:arial;} 
	div.tx-cal-controller dl dt{padding-left: 25px;padding-top:10px;}
	div.tx-cal-controller dl dt.even{padding-left:25px;padding-top:10px;}

	.default_catheader_bullet{display:none;}
	th.month-weeknums{display:none;}
	div.tx-wtgallery-pi1{font-family:arial;}
	
	.col1 h1{
		font-family:Impact, Arial;
		color:white;
		font-size:2.4em;
		font-stretch:3.5em;
		font-weight:100;
		padding-left:0.75em;
		padding-top: 5px;
		width:100%;
		height:52px;
		background-image:url(../img/h1.png);
		background-repeat:no-repeat;
		
	}
	
	.col2 h1, h2 {
		font-family:Impact, Arial;
		font-size:1.6em;
		font-stretch:2.2em;
		font-weight:100;
		border-bottom:solid 3px red ;
		text-transform:uppercase;
		
		}
	
	
	h3 {
		font-family:Impact, Arial;
		font-size:1.3em;
		font-stretch:0.2em;
		font-weight:100;
		color:black;
		text-transform:lowercase;
		margin:.8em 1em .2em 0;
		padding:0;
		text-decoration:underline;
		
		}
			
	h3 a:link{color:black;}
	
	p {
		font-family:Arial;
		padding:0px;
	}
	img {
		margin:10px 0 5px;
		border:none;
	}
	hr {
    border:1px solid black;
  }
  
  /* Formulare */
  
  input, select, textarea {
    border:1px solid #fd8585;
    width:180px;
    padding:3px;
    color:black;
    margin:3px;
  }
  input:hover, 
  select:hover,
  textarea:hover {
    border-color:red;
  }
  fielset {
    margin:3px;
    padding:3px;
    border:1px solid #bcabab;
  }
  legend {
    font-size:130%;
    color:red;
  }
  label {
    display:block;float:left;
    margin-right:0.5em;
    text-align:right;
    width:10em;
  }
  
  
	
	
	* Header styles */
	
	#header {
		clear:both;
		height:120px;
		width:100%;
	}

	
	#header #address{
		padding-top:55px;
		float:left;
		width:345px;
		text-align:right;
	}
	
	#header #logo{
	}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:shown;
	}
	.col1 {
		overflow:shown !important;
	}
	/* 3 Column settings */
	.threecol {
		background:white;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:transparent;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:white;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
.colmask .colmid .colleft .col3 ul  {
		position:relative;
		left:0;
		font-family:Arial;
		list-style-type:none;
		text-decoration:underline;
		text-align:left;}

.colmask .threecol .colmid .colleft .col1 h1 {
	font-family:Impact, Arial;
	font-size:24pt;
	text-transform:uppercase;
	text-decoration:none;
	background-image:url(../img/h1.png);
		
	
	}	
	
	/* --> */