/*
	based on 960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

body { background-color: #fff; }

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container {
	margin-left: 20px;
	margin-right: auto;
	width: 980px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.left,
.middle,
.right,
.full {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid Columns
----------------------------------------------------------------------------------------------------*/

.container .left {
	width: 188px;
	padding-top: 45px;
	background: url('../images/flocke.gif') no-repeat top left;
}

.container .right {
	width: 200px;
	margin-right: 0;
}

.container .middle {
	width: 520px;
	margin: 0 20px;
}

.container .full {
	width: 960px;
}

/* Special properties
----------------------------------------------------------------------------------------------------*/
#header {
  background: #fff url('../images/header_ohne_kopf.jpg') no-repeat top left;
  height: 157px;
}

#logo {
  position: absolute;
  top: 0;
  left: 30px;
}

#mainnav {
  background-color: rgb(190,2,1);
}

.mainnav ul {
  margin: 10px 0 0 208px;
  padding: 0;
}

.mainnav ul li { 
  list-style-type: none; 
  float: left;
  margin: 0 7px;
  padding: 0;
  height: 39px; 
}

.metanav { float:right; }

.metanav li { 
  list-style-type: none; 
  float: left;
  margin: 0 3px; 
  padding: 0;
}

#main {
  margin: 20px 0;
  background: url('../images/linie_vertikal_grau.gif') repeat-y 782px 0;
}

#main #subnav {
	margin-bottom: 20px;
}

#main #subnav ul {
  font-size: 13px;
}

#main #subnav ul li {
  list-style-type: none;
  background: url('../images/pfeil_r.gif') no-repeat 0 5px;
  padding-left: 11px;
  margin: 5px 0;
}

#main #subnav ul li a {
  color: #000;
  text-decoration: none;
}

#main #subnav ul li a:hover,
#main #subnav ul li a:focus,
#main #subnav ul li.active,
#main #subnav ul li.active_w_sub,
#main #subnav ul li.active a {
  color: rgb(192,2,1);
}

#main #subnav ul li.active ul li a {
	color: #000;
}

#main #subnav ul li.active_w_sub ul li a:hover,
#main #subnav ul li.active_w_sub ul li a:focus,
#main #subnav ul li.active_w_sub ul li.active {
  color: rgb(192,2,1);
}

#main #subnav ul li ul {
  font-size: 12px;
}

#main #subnav ul li ul li {
  background: url('../images/pfeil_r.gif') no-repeat 0 4px;
}

#main .left .leftcontent .box {
  width: 188px;
  margin: 0 0 10px 0;
}

#main .left .leftcontent .box .box_top {
  background: url('../images/teaser_oben.gif') no-repeat top left;
  padding: 10px 0 0 0;
}

#main .left .leftcontent .box .box_content {
  border-left: 1px solid #9a9a9a;
  border-right: 1px solid #9a9a9a;
  background: url('../images/verlauf.gif') repeat-x bottom left;
  padding: 0 9px;
  margin: 0;
}

#main .left .leftcontent .box .box_bottom {
  background: url('../images/teaser_unten.gif') no-repeat top left;
  padding: 0 0 10px 0;
  height: 1px;
}

#footer {
  background-color: rgb(190,2,1);
  color: #fff;
  padding: 10px 0;
  font-weight: bold;
}

#footer .copy { float: left; }
#footer ul { float: right }
#footer ul li { 
  list-style-type: none;
  float: left;
  margin: 0 3px; 
}
#footer ul li a { 
  color: #fff; 
  text-decoration: none; 
}
#footer ul li a:hover,
#footer ul li a:focus { text-decoration: underline; }

.clearer { clear: both; }
.hidden { display:none; }

.csc-linkToTop {
  background: url('../images/linie_horizontal_rot.gif') repeat-x top left;
  padding: 5px 0 10px 0;
  margin-top: 10px;
  text-align: right;
}

.csc-linkToTop a {
  background: url('../images/pfeil_n_o.gif') no-repeat 0 6px;
  padding-left: 12px;
  color: #000;
  text-decoration: none;
}

.csc-linkToTop a:hover,
.csc-linkToTop a:focus {
  color: rgb(192,2,1);
}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

.subcolumns {
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow:hidden;
}

.c50l {float: left; overflow: hidden;}
.c50r {float: right; overflow: hidden;}

.c50l, .c50r { width: 49.999%; }

.subcl { padding: 0 5px 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 5px; overflow: hidden; }

/* tt_news
----------------------------------------------------------------------------------------------------*/

.news-list-item,
.news-latest-item {
	clear: both;
}

.news-list-date,
.news-latest-date,
.news-single-timedata {
	color: #BE0101;
	font-size: 10px;
	font-weight: bold;	
	margin-bottom: 2px;
}

.news-latest-item h4,
.news-list-item h4,
.news-single-item h4  {
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 5px;
  color: rgb(192,2,1);
}

.news-latest-item h4 a,
.news-list-item h4 a  {
  text-decoration: none;
}

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

.news-latest-content,
.news-list-content {
	padding-left: 125px;
}

.news-latest-morelink,
.news-list-morelink {
  margin-top: 5px;
}

.news-latest-morelink a,
.news-list-morelink a {
  color: #000;
  text-decoration: none;
  background: url('../images/pfeil_r.gif') no-repeat 0 5px;
  padding-left: 9px;
}

.news-latest-morelink a:hover,
.news-latest-morelink a:focus,
.news-list-morelink a:hover,
.news-list-morelink a:focus {
	  text-decoration: underline;
}

.news-list-line,
.news-latest-line,
.news-single-line,
.news-single-gift-line {
	background: url('../images/linie_horizontal_rot.gif') repeat-x bottom left;
	clear: both;
	height: 10px;
	margin: 10px 0;
	width: 100%;
}

.news-latest-gotoarchive {
	clear: both;
	float: right;
}

.news-latest-gotoarchive a {
  color: #000;
  text-decoration: none;
  background: url('../images/pfeil_r.gif') no-repeat 0 5px;
  padding-left: 9px;
}

.news-latest-gotoarchive a:hover,
.news-latest-gotoarchive a:focus {
  text-decoration: underline;
}

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

.news-single-backlink a {
	background: transparent url('../images/pfeil_l.gif') no-repeat 0 5px;
	padding-left: 9px;
	color: #000;
	text-decoration: none;
}

.news-single-backlink a:hover,
.news-single-backlink a:focus {
  text-decoration: underline;
}

.news-list-gift-item {
	float: left;	
}
.news-list-gift-content {
	width: 150px;
	margin: 0 10px 20px 10px;
}
.news-single-gift-item {
	padding: 10px;
	width: 480px;	
}
.news-single-gift-content {
	float: left;
	margin: 0 10px 0 0;
	width: 230px;
}
.news-single-gift-img {
	float: right;
	width: 240px;
}
.news-single-gift-container {
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	width: 480px;	
}

.tx-ttnews-browsebox td {
	padding: 0 3px 0 3px;	
}

/* tt_content
----------------------------------------------------------------------------------------------------*/
ul.csc-menu {
  list-style-type: none;
  margin-bottom: 20px;
}

ul.csc-menu li {
  background-image: url('../images/pfeil_r.gif');
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 9px;
}

#csc-menu-label {
	width: 250px;
	font-weight: bold;
	margin-right: 20px;
}

/* mailfom
----------------------------------------------------------------------------------------------------*/
.csc-mailform label {
  width: 100px;
  float: left;
  clear: left;
}

.csc-mailform input {
  margin-bottom: 5px;
}

.csc-mailform-radio fieldset legend { display: none; }
.csc-mailform-radio fieldset input.csc-mailform-radio { float: left; margin: 2px 0 5px 0; }
.csc-mailform-radio fieldset label { clear: none; width: auto; padding: 0 5px; }

#mailformRueckruf { margin: 2px 0 23px 0; }

#mailformformtype_mail {
  color: #000;
  text-decoration: none;
  background: transparent url('../images/pfeil_r.gif') no-repeat 0 5px;
  padding-left: 9px;
  border: none;
  margin: 5px 0 0 100px;
  font-size: 12px;
}

/* wec google map
----------------------------------------------------------------------------------------------------*/
#tx-wecmap-directions-from-map55,
#tx-wecmap-directions-to-map55 {
	margin-bottom: 10px;
}

/* fotoboek
----------------------------------------------------------------------------------------------------*/
.fotoboek-nav {
  background: url('../images/linie_horizontal_rot.gif') repeat-x top left;
  padding: 5px 0 10px 0;
  margin-top: 10px;
}

.fotoboek-nav .fotoboek-left {
	float: left;
}

.fotoboek-nav .fotoboek-left a {
	background: transparent url('../images/pfeil_l.gif') no-repeat 0 5px;
	padding-left: 9px;
}	

.fotoboek-nav .fotoboek-right {
	float: right;
}

.fotoboek-nav .fotoboek-right a {
	background: transparent url('../images/pfeil_r.gif') no-repeat 0 5px;
	padding-left: 9px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.right {
	background: url('../images/flocke_rechts.gif') no-repeat bottom center;
	padding-bottom: 40px;
}	

.right .csc-header {
	background: url('../images/flocke_rechts.gif') no-repeat top center;
	padding-top: 30px;
}	

.right .csc-header-n1 {
	background: none;
	padding-top: 0;
}