/**
 * Farben:
 * #696969 -> grau Text
 * #ca262d -> rot
 * #84bb2d -> gruen
 * #f7de3d -> gelb
 * #ebebeb -> hellgrau (Spaltenhintergrund)
 * #f1f1f1 -> hellgrau (Seitenhintergrund)
 */

/************** allgemeine Elemente **********/
html, body { 	
	margin: 0px;
	padding: 0px; 
	overflow: auto;
	font-family: Arial, Helvetica, Verdana;
	font-size: small;
	background-color: #f1f1f1;
	color:#696969;
	line-height:16px;
}

a {
	text-decoration: none;
	color: #ca262d;
}

a:hover {
    text-decoration:underline;
}

.clear {
	clear:both;
}

p {
	margin: 5px 0px 5px 0px;
}

hr {
    color: #ca262d;
    background-color: #ca262d;
    border-color: #ca262d;
    height: 1px;
    border-width:0px;
    margin-bottom:15px;
    margin-top:15px;
}

#sideBar hr {
    clear:both;
}

/* CSS Document */

.content h1,
.content h2,
.content h3,
.content h4,
.content h5 {
    /*clear:both;*/
}

/* erste Ueberschrift auf einer Seite */
.content h1 {
    color:#ca262d; /* rot */
    font-weight:bold;
    font-size:16px;
    margin:0px 0px 10px 0px;
}

.content h1.bgTrans {
    background-color:#fff;
    margin-bottom:0px;
    padding-bottom:5px;
}

.content h2 {
    color:#696969; /* grau */
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 10px 0px;
}

.content h3 {
    color:#ca262d;
    font-size:13px;
    font-weight:bold;
}

/* Ueberschrift rot unterstrichen */
.content h4 {
    border-bottom:1px solid #ca262d;
    text-align:left;
    font-size:13px;
    font-weight:normal;
    color:#ca262d; /* rot */
    margin:10px 0px 10px 0px;
    padding-bottom:4px;
}

/* Ueberschrift grau */
.content h5 {
    border-bottom:1px solid #696969;
    text-align:left;
    font-size:13px;
    font-weight:normal;
    color:#696969; /* grau */
    margin:10px 0px 10px 0px;
    padding-bottom:4px;
}

.textRight {
    text-align:right;
}

/* erste Ueberschrift auf einer Seite */
/*
#content h1.csc-firstHeader {
    font-weight:normal;
    font-size:22px;
    margin:0px 0px 10px 0px;
}
*/

/*
Michal 22.01.2009
TemplaVoila
*/
div.content p.csc-subheader-0{
  color:#ca262d; /* rot */
  font-weight:bold;
  font-size:16px;
  margin:0px 0px 20px 0px;
  border-bottom: solid 2px #ebebeb;
  padding-bottom:6px;
}

.veranstTeaser{
  width:100%;
  border-bottom: solid 2px #ebebeb;
  margin-bottom:20px;
  clear:both;
  float:left;
  padding-bottom:10px;
}

.veranstTeaser div.left{
  width:110px;
  float:left;
}

.veranstTeaser div.left p{
  padding:0;
  margin:0;
}

.veranstTeaser div.right{
  display:block;
  width:590px;
  float:left;
}

.veranstTeaser div.right p{
width:430px;
float:left;
}

.veranstTeaser div.right img{
  display:block;
  float:right;
  margin-bottom:5px;
}

.veranstTeaser div.right h1{
  margin:0;
  padding:0;
  width:100%;
  font-size:1.0em;
}

.veranstTeaser .bottom{
  float:left;
  background-color:black;
  margin-left:130px;
}


/* Ueberschrift mit grafischer Box (runde Ecken) */
.content div.boxHeaderWrapper {
    background:url(../img/layout/box_left_white_corners.gif) no-repeat left top;
    height:31px;
    margin-top:20px;
}

.content h2.boxHeader {
    background:url(../img/layout/box_right_white_corners.gif) no-repeat right top;
    margin-left:14px;
    height:31px;
    color:#fff;
    line-height:31px;
    font-weight:normal;
    font-size:24px;
    margin-top:0px;
}

.backgroundGrey {
    background-color:#f1f1f1;
}

.teaserBox {
    width:48%;
}

.teaserBoxRight {
   width:343px;
   margin-right:10px;
}

.left {
    float:left;
}

.leftSecond {
    float:left;
    margin-left:15px;
}

.right {
    float:right;
}

.contentElementWrapper {
    margin-top:20px;
}

.contentElementWrapper div.boxHeaderWrapper {
    margin-top:0px;
}

.contentElementWrapper p {
    padding:5px;
}

/*************** CONTAINER ***************/
#pageContainer {
	position: relative;
	width: 995px;
    margin: 0px auto 10px auto;
	padding: 0px;	
	background:#fff url(../img/layout/bg_2cols.gif) repeat-y;
}

div#topbar{
	position: relative;
	height: 100px;
	border-bottom: 1px solid #f7de3d;
	margin-bottom: 1px;
	text-transform:uppercase;
	font-size:10px;
	background-color:#fff;
	padding-top:10px;
}

div#topbar a:hover {
    text-decoration:underline;
}

/* Quicklinks */
div#topbar ul#quicklinks {
	list-style-type: none;
	list-style-position:outside;
	margin-left:10px;
	float:left;
	margin-top:85px;
}

div#topbar ul#quicklinks li{
	float: left;
	/*padding:0px 0px 0px 8px;*/
}

div#topbar ul#quicklinks li a{
	text-decoration: none;
	color: #999;
	margin-right:10px;
	padding-left:8px;
	margin-left:2px;
}

div#topbar ul#quicklinks li a:hover{
    background:url(../img/layout/pfeil_rechts_rot.gif) no-repeat 0% 50%;
}

/* Trenner zwischen Menues in oberer Leiste */
div.menuSeparator {
    border-left:1px solid #999;
    height:10px;
    width:1px;
    margin-top:88px;
    float:left;
    margin-right:4px;
    margin-left:2px;
}
/* Sprachnavi */
div#topbar ul#languageMenu {
	list-style-type: none;
	margin-left: 0px;
	float:left;
	margin-top:85px;
}

div#topbar ul#languageMenu li{
	float: left;
	/*padding-left:8px;*/
}

div#topbar ul#languageMenu li a{
	text-decoration: none;
	color: #999;
	margin-right:10px;
	padding-left:8px;
}

div#topbar ul#languageMenu li.active {
    padding-left:8px;
    margin-right:10px;
    background:url(../img/layout/pfeil_rechts_rot.gif) no-repeat 0% 50%;
}

div#topbar ul#languageMenu li a:hover {
    background:url(../img/layout/pfeil_rechts_rot.gif) no-repeat 0% 50%;
}

div#topbar ul#languageMenu li.empty {
    text-decoration:line-through;
    color:#999;
}

div#topbar div#logo {
    width:300px;
    height:100px;
    margin-right:5px;
    margin-top:2px;
}

/* Logo */
div#topbar div#logo,
div#topbar div#logo a img {
    border:none;
    float:right;
}
		
div#topbar div#search{
	position: absolute;
	right: 10px;
	top: 0px;
}

/***** Sidebar links *****/
div#sideBar {
    float:left;
    background-color:#CA262D;
}
		


div#menuWrapper{
	/*position: relative;*/
	width: 250px;
	/*height: 321px;*/
	background-color:#ca262d;
	/*float: left;*/
	/*overflow:hidden;*/
	min-height:311px;
	padding-top:10px;
}

/* IE6 only */
* html div#menuWrapper {
    height:311px;
}

/* Navi 1. Ebene */
div#menuWrapper div#mainMenuWrapper{
	/*height: 166px;*/
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 10px;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 22px;
}

div#menuWrapper div#mainMenuWrapper ul{
	list-style-type: none;
	margin-left: 0px;
}

div#menuWrapper div#mainMenuWrapper ul li a{
	text-decoration: none;
	color: #fff;
	padding-left: 12px;
	display:block;
}

div#menuWrapper div#mainMenuWrapper ul li a.aktiv{
	background-image: url(../img/layout/pfeil_rechts_weiss.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-weight:bold;
}

div#menuWrapper div#mainMenuWrapper ul li a:hover {
    background:url(../img/layout/pfeil_rechts_weiss.gif) no-repeat 0% 50%;
}

/* Navi 2. Ebene */
div#menuWrapper div#subMenuWrapper{
	font-size: 12px;
	line-height: 18px;
	border-top: 1px solid #fff;
	margin:0px 25px 10px 25px;
}

div#menuWrapper div#subMenuWrapper ul{
	list-style-type: none;
	margin-top:10px;
}

div#menuWrapper div#subMenuWrapper ul li a{
	text-decoration: none;
	color: #fff;
	padding-left: 12px;
	display:block;
}

div#menuWrapper div#subMenuWrapper ul li a:hover {
    background:url(../img/layout/pfeil_rechts_weiss.gif) no-repeat 0% 50%;
}

div#menuWrapper div#subMenuWrapper ul li a.aktiv{
	background-image: url(../img/layout/pfeil_rechts_weiss.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-weight:bold;
}

div#top{
	position: relative;
	/*width: 993px;*/
	height: 321px;
}
		
div#contentHeader{
    /*background-color: #eee;*/
	width: 745px;
	height:187px;
	/*height: 321px;*/
	/*overflow: hidden;*/
	float: left;
	/*background-color:#fff;*/
	/*margin-bottom:10px;*/
}
div#contentHeader div#headerbottom{

}

div#contentHeader .csc-textpic-image{
	margin-bottom: 0px;
}

/* Eigenschaften der Contentspalte links */
div#sidebarContentWrapper {
	float: left;
	font-size: 11px;
	color: #696969;
	background-color: #ebebeb;
	padding-top:15px;
    width:250px;
    padding-bottom:20px;
}

div#sidebarContentWrapper h1 {
	color: #ca262d;
	font-size:16px;
	font-weight:bold;
    padding:0px 15px;
    text-transform:uppercase;
}

div#sidebarContentWrapper h2 {
	color:#696969;
	font-size:13px;
	padding:0px 15px;
	font-weight:bold;
}

div#sidebarContentWrapper h3, div#left h4, div#left h5 {
	color:#ca262d;
	font-size:13px;
	font-weight:bold;
	padding:0px 15px;
}

div#sidebarContentWrapper div.csc-textpic {
    padding-left:15px;
}

div#sidebarContentWrapper p {
    padding:0px 15px;
}


div#contentContainer {
	width: 745px;
	float: left;
	/*margin-bottom:20px;*/
	/*background-color:#fff;*/
	margin-bottom:20px;
}

.content ul,
.content ol{
    list-style-position:outside;
    margin-left:10px;
}

div#contentLeft {
    padding:0px 10px 20px;
}

div#contentLeft div.csc-textpic {
    padding:10px 0px;
}

div#contentWrapper{
	/*
    border-top: 6px solid #f1f1f1;
	border-left: 6px solid #f1f1f1;
	*/
	background-color: #fff;
	padding-bottom: 10px;
	padding:20px 10px;
}

div#footer {
	padding: 4px 10px;
	border-top:1px solid #999999;
	color:#999999;
	font-size:11px;
	background-color:#f1f1f1;
	clear:both;
}

/* IE6 only */
* html div#footer {
    height:30px;
}

/*
div#content h1 {
	color: #ca262d;
	font-size: 16px;	
	margin: 0px;
}
div#content h2 {
	color: #000;
	font-size: 13px;	
	margin: 2px 0px 20px 20px;
}
div#content h3, div#left h4, div#left h5 {
	color: #ca262d;
	font-size: 12px;	
	margin-bottom: 4px;
}
*/

.content td.align-right,
.content p.align-right {
    text-align:right;
}

.content td.align-center,
.content p.align-center {
    text-align:center;
}

a.graphical-more-link {
    padding-right:15px;
	background: url(../img/layout/pfeil_rund_rechts_rot.gif) no-repeat right 50%;
	text-transform: uppercase;
	color:#696969;
	font-weight:normal;
	font-size: 11px;
	margin-right: 10px;
}

a.graphical-back-link {
    background: url(../img/layout/pfeil_rund_links_rot.gif) no-repeat left 50%;
    padding-left:15px;
    color:#696969;
    font-size:11px;
    font-weight:normal;
    text-transform:uppercase;
    margin-left:10px;
}

table.full-width-table {
    width:100%;
}

/*****************************************************
 Die TAB Extension
 ****************************************************/
.tx-rgtabs-pi1 {
 	float: left;
 	width: 350px;
    height:210px;
}

.tx-rgtabs-pi1 ul {
    margin-left:0px;
}
  
.tx-rgtabs-pi1 .rgtabs-menu {
	padding-left: 0px !important;
	text-transform:uppercase;
}

.tx-rgtabs-pi1 .rgtabs-menu li {
	margin-right: 1px !important;
}

.tx-rgtabs-pi1 .rgtabs-menu li a {
	color: #fff !important;
	font-size:12px;
}

.tx-rgtabs-pi1 .rgtabs-menu li.rgtabs-selected a{
	color: #ca262d !important;
}

.tx-rgtabs-pi1 div.rgtabs-wrapper {
	/*border:0px solid red;*/
	border-width:0px;
	background-image: none;
	background-color: #f1f1f1;
	height: 164px;
	padding: 10px;
}

div.rgtabsEnd {
    clear:both;
}


/******************************************* 
                Templates 
*******************************************/
div.boxmargin {
	/*margin: 8px 8px 2px 2px;*/
}
div.last {
	margin-right: 0px !important;
}

div.template1Wrapper{
	width: 363px;
	
	height: 210px;
	background-color: #f1f1f1;	
	float: left;
}

div.template1Wrapper h1 {
	color: #ca262d;
	font-size: 14px;	
	border-bottom: 1px solid #fff;
	margin-bottom: 0px;
	margin-left: 5px;
}
div.template1Wrapper p {
	margin: 0; 
	padding: 0;
}
div.template1Wrapper div.bild {
	width: 120px;
	height: 80px;
	overflow:hidden; 
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
div.template1Wrapper div.bild img {
	border: 0px solid red;
}
div.template1Wrapper div.text1 {
	padding: 5px;
	float:left;
	height: 60px;
	overflow:hidden;
	color: #ca262d;
	font-weight: bold;
}
div.template1Wrapper div.text1 hr{
	padding-right: 10px;
	color: #aaa;
}
div.template1Wrapper div.text2 {
	padding: 0px 5px 5px 5px;
	height: 72px;
	overflow: hidden;
}

div.template1Wrapper div.weiterlink{
	text-align: right;
	margin-top:4px;
}
div.template1Wrapper div.weiterlink a{
	padding-right: 18px;
	background-image: url(../img/layout/pfeil_rund_rechts_rot.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	text-transform: uppercase;
	color: #597354;
	font-weight: bold;
	font-size: 0.9em;
	margin-right: 10px;
}


/******************************************* 
                Template2 (Bild und ein Wort)
*******************************************/

div.template2Wrapper{
	width: 241px;
	width: 238px;
	
	height: 126px;
	background-color: #f1f1f1;	
	float: left;
}

div.template2Wrapper div.image {
	width: 241px;
	height: 87px;
	overflow:hidden;
}
div.template2Wrapper div.image img {
	margin: 10px;
}
div.template2Wrapper a {
	color: #81c721;
	font-size: 18px;
	padding-left: 20px;
	
	margin-top: 8px;
	
	background-image: url(../img/layout/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 11px 50%;
	display:block;
	margin-top: 8px;
	
	text-transform: uppercase;

}

div.template2Wrapper div.image a{
	padding-left: 0px;
	background-image: none;
}

/******************************************* 
                Template 2 Spalten 
*******************************************/

div.twocols-wrapper {
	width: 738px;
	background-color: #fff;
margin-left: 2px;
}
div.twocols-wrapper div.links {
	width: 355px;
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}
div.twocols-wrapper div.rechts {
	width: 355px; 
	float: left;
	margin-left: 5px;
}


/******************************************************
	TT_NEWS
******************************************************/

/**** Latest-Ansicht (schmal) ****/

div.news-latest-container-home {
	background-color:#f1f1f1;
    float:left;
    height:200px;
    margin-right:15px;
    overflow:hidden;
    padding:5px;
    width:335px;
}

div.news-latest-container-home .news-latest-item h2{
	color: #ca262d;
	font-size: 14px;
	/*margin-bottom: 5px;*/
	margin-left: 5px;
	font-weight:normal;
	margin-top:0px;
	height:68px;
	/* height:63px; IE7 */
	clear:none;
}

/*
html * div.news-latest-container-home .news-latest-item h2 {
    height:63px;
}
*/

div.news-latest-container-home .news-latest-item hr {
    border-color:#999;
    background-color:#999;
    border-color:#999;
    color:#999;
    margin-top:0px;
    margin-bottom:10px;
}

div.news-latest-container-home .news-latest-item div.bild {
	float: left;
	padding-left: 5px;
	padding-right: 10px;
}

div.news-latest-container-home .news-latest-item div.text1 {
	/*height: 160px;*/
	padding: 5px;
	padding-top: 0px;
	height:75px;
}

div.news-latest-container-home .news-latest-item div.text1 p{
	margin-top: 0px;
}


div.news-latest-container-home div.news-latest-morelink {
	text-align: right;
	margin-top:4px;
}
div.news-latest-container-home div.news-latest-morelink a{
	padding-right: 18px;
	background-image: url(../img/layout/pfeil_rund_rechts_rot.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	text-transform: uppercase;
	/*color: #597354;*/
	color:#696969;
	font-weight: normal;
	font-size: 11px;
	margin-right: 10px;
}

/**** Latest-Ansicht (normal) ****/

div.news-latest-container {
	background-color:#f1f1f1;
    float:left;
    /*height:210px;*/
    margin-right:15px;
    overflow:hidden;
    padding:5px;
    width:335px;
}

div.news-latest-container .news-latest-item h2{
	color: #ca262d;
	font-size: 14px;	
	margin-bottom: 5px;
	margin-left: 5px;
	font-weight:normal;
}

div.news-latest-container .news-latest-item div.bild {
	float: left;
	padding-left: 5px;
	padding-right: 10px;
}

div.news-latest-container .news-latest-item div.text1 {
	/*height: 160px;*/
	padding: 5px;
	padding-top: 0px;
}
div.news-latest-container .news-latest-item div.text1 p{
	margin-top: 0px;
}


div.news-latest-container div.news-latest-morelink {
	text-align: right;
	margin-top:4px;
}
div.news-latest-container div.news-latest-morelink a{
	padding-right: 18px;
	background-image: url(../img/layout/pfeil_rund_rechts_rot.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	text-transform: uppercase;
	/*color: #597354;*/
	color:#696969;
	font-weight: normal;
	font-size: 11px;
	margin-right: 10px;
}

/**** Listenansicht ****/

div.news-list-container {
    margin-bottom:25px;
}

div.news-list-container h1{
	color: #ca262d;
	font-size: 14px;	
	border-bottom: 1px solid #fff;
	margin-bottom: 0px;
}

div.news-list-container .news-list-item {
    position: relative;
	margin:0px;
	padding:5px;
    margin-bottom: 5px;
    clear: left;
    border-bottom: 1px solid #999;
}

div.news-list-container .news-list-item h2{
	color: #ca262d;
	font-size: 14px;
	margin-left: 5px !important;
	margin-bottom:5px;
}

div.news-list-container .news-list-item div.bild{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

div.news-list-container .news-list-item div.text1 {
	overflow:hidden; 
	margin-left: 5px;
}

div.news-list-container .news-list-item div.text1 p{
	margin: 0;
}

div.news-list-container .news-list-item hr.clearer {
	margin: 0;
	padding: 0;
}

div.news-list-container div.news-list-morelink {
    text-align:right;
    clear:both;
}

div.news-list-container div.news-list-morelink a{
	padding-right: 18px;
	background-image: url(../img/layout/pfeil_rund_rechts_rot.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	text-transform: uppercase;
	color:#696969;
	font-weight: normal;
	font-size: 11px;
	margin-right: 10px;
}

/**** Single-Ansicht (home) ****/

div.news-single-item-home {
	padding: 5px;
}

div.news-single-item-home .news-single-timedata {
	font-size: 0.75em;
	color: #444;
	text-align:right;
}

div.news-single-item-home  h2 {
	margin-top: 8px;
	color:#ca262d;
    font-size:16px;
    font-weight:normal;
}

div.news-single-item-home  div.subheader h2 {
    font-size:13px;
    font-weight:bold;
    color:#696969;
}

div.news-single-item-home div.subheader {
    clear:both;
    padding-top:1px;
}

div.news-single-item-home hr {
    border-color:#999;
    background-color:#999;
    border-color:#999;
    color:#999;
}

div.news-single-item-home div.news-single-img {
	/*float: left;*/
	margin-right: 10px;
}

div.news-single-item-home div.news-single-img img {
    float:left;
    margin-right:10px;
}

div.news-single-item-home div.news-single-img p.news-single-imgcaption {
    font-size:11px;
}

div.news-single-item-home h3 {
	margin:0;
}

div.news-single-item-home div.news-single-bottomline {
	position: relative;
	text-align: right;
}

div.news-single-item-home div.news-single-backlink {
    text-align:left;
}

div.news-single-item-home div.news-single-backlink a {
    background: url(../img/layout/pfeil_rund_links_rot.gif) no-repeat left 50%;
    padding-left:15px;
    color:#696969;
    font-size:11px;
    font-weight:normal;
    text-transform:uppercase;
}

div.news-single-item-home news-single-category {

}

div.news-single-item-home news-single-author {
	margin-left: 20px;
}

/**** Single-Ansicht (normal) ****/

div.news-single-item {
	padding: 5px;
}

div.news-single-item .news-single-timedata {
	font-size: 0.75em;
	color: #444;
	text-align:right;
}

div.news-single-item  h2 {
	margin-top: 8px;
	color:#ca262d;
    font-size:16px;
    font-weight:normal;
}

div.news-single-item div.subheader {
    clear:both;
    padding-top:1px;
}

div.news-single-item div.subheader h2 {
    font-size:13px;
    font-weight:bold;
    color:#696969;
}

div.news-single-item div.news-single-img {
	/*float: left;*/
	margin-right: 10px;
}

div.news-single-item div.news-single-img img {
    float:left;
    margin-right:10px;
}


div.news-single-item div.news-single-img p.news-single-imgcaption {
    font-size:11px;
}

div.news-single-item h3 {
	margin:0;
}

div.news-single-item hr {
    border-color:#999;
    background-color:#999;
    border-color:#999;
    color:#999;
}


div.news-single-item div.news-single-bottomline {
	position: relative;
	text-align: right;
}

div.news-single-item div.news-single-backlink {
    text-align:left;
}

div.news-single-item div.news-single-backlink a {
    background: url(../img/layout/pfeil_rund_links_rot.gif) no-repeat left 50%;
    padding-left:15px;
    color:#696969;
    font-size:11px;
    font-weight:normal;
    text-transform:uppercase;
}

div.news-single-item news-single-category {
	
}
div.news-single-item news-single-author {
	margin-left: 20px;
}

/* ZWEI SPALTEN */

.leftcol {
	width: 223px;
	float: left;
	margin: 0px 20px;
	padding: 15px 20px 5px 20px;
}

.rightcol {
	width: 376px;
	float: left;
	background-color: #ca262d;
	color: #fff;
	padding: 5px 20px 5px 20px;
}


.headerwrap {
	float: left;
	width: 699px;
	margin: 20px 0px 0px 20px;
	}


/*
#content ul {
	margin-top: 5px;
	margin-left: 15px;
	padding: 0px;
}
*/

#contentWrapper ul li {
	margin-bottom: 4px;
}

.dreispaltendrumherum {
	width: 699px;
	float: left;
	}

dl {
	margin: 0px !important;
	padding: 0px !important;
	}

.rightcol p {
	margin-top: 10px;
	}
	
/* iframe zum Einbinden der Touren */
iframe {
    	border-width:0px;
	overflow-x:hidden;
	overflow-y:auto;
	}

/*
Flash code
To validate XHTML 1.0 Transitional, this is one hack First, you have to create the following classes in jour CSS .imgcachee to hide the first alternative image or text (which is for IE only) in other browsers .contenu to hide the second object  in IE */

img.imgcache {display:none;}

/*** hides the second object from all versions of IE ***/
* html object.content {
  display: none;
}

*html img.imgcache {
  display:inline;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.content/**/ {
  display: inline;
}

* html img.imgcache/**/ {
  display: none;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.content {
  display/**/: none;
}

* html img.imgcache {
  display/**/: inline;
}

/************** KONTAKTFORMULAR ***************/
#kontakt{
  width:450px;
  float:left;
  border-right:1px solid #696969;
  font-size:12px;
}

#kontakt #formErrorMsg {
    color:#ca262d;
    margin-bottom:15px;
}

#kontakt fieldset{
  border-width:0px;
}

#kontakt div.row{
  clear:both;
  padding-top:5px;
  line-height:15px;
}

#kontakt div.left{
  float:left;
  /*width:200px;*/
  margin-right:15px;
}

#kontakt div.right{
  float:left;
  /*width:200px;*/
}

#kontakt div.submit{
  margin-right:55px;
  float:right;
}

#kontakt div.label,
#kontakt label{
  float:left;
  /*clear:both;*/
  display:block;
  width:90px;
  /*margin-bottom:10px;*/
  /*padding-left:10px;*/
  line-height:20px;
}

#kontakt label.short {
    width:40px;
}

#kontakt label.required{
  font-weight:bold;
}

#kontakt label.checkbox{
  width:350px;
}

#kontakt span.error{
  color:#ca262d;
}

#kontakt label.singleline{
  clear:both;
  width:100%;
}

#kontakt input,
#kontakt textarea,
#kontakt select {
  float:left;
  display:block;
  /*width:250px;*/
  border: 1px solid #696969;
  /*font-family: Verdana, Arial, sans-serif;*/
  /*font-size: 12px;*/
  margin-bottom:10px;
  padding:1px;
}

#kontakt input.error,
#kontakt textarea.error,
#kontakt select.error {
    border-color:#ca262d;
}

#kontakt input.checkbox{
  float:left;
  width:20px;
  display:block;
  border-width:0px;
}

#kontakt input.hidden{
  border-width:0px;
}

#kontakt textarea{
  width:400px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
}

#kontakt input.button{
  color:#696969;
  background-color:#fff;
}

#adresse{
  float:left;
  margin-left:30px;
}

/***** Extension: 2dfx *********/

.colContentWrapper {
    width:100%;
}

.colContentWrapper div.leftCol {
    float:left;
    width:48%;
}

.colContentWrapper div.rightCol {
    width:48%;
    float:right;
}

/****** Flexible Content Elemente *****/
.fceTeaserBox {
    width:245px;
    margin-bottom:10px;
}

.fceTeaserBox p {
    padding:0px 10px;
    margin-top:2px;
    margin-bottom:0px;
}

.fceTeaserBox h2 {
    color:#ca262d;
    font-weight:bold;
    font-size:16px;
    margin-top:10px;
    padding:0px 10px;
}

.fceTeaserBox h2 a:hover {
    text-decoration:none;
}

.fceTeaserBox .fceTeaserLink {
    text-align:right;
}

.fceTeaserBox .fceTeaserLink a{
    background: url(../img/layout/pfeil_rund_rechts_rot.gif) no-repeat right 50%;
    color:#696969;
    font-size:11px;
    font-weight:normal;
    margin-right:10px;
    padding-right:15px;
    text-transform:uppercase; 
}

/****** Content-Elemente *****/
div.csc-textpic {}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
    border:2px solid white;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    font-size:0.85em;
    margin:2px 0 0;
}

div.csc-textpic-clear {
    margin-bottom:10px;
}

/***** Ext: ghrandomcontent ********/
div.tx-ghrandomcontent-pi1 {
    padding:5px;
}

div.tx-ghrandomcontent-pi1 p {
    padding:0px;
}

/****** Expressanfrage ********/
div#expressanfrage {

}

div#expressanfrage p {
    font-size:11px;
}

div#expressanfrage div.formheader {
    display:none;
}

div#expressanfrage form button.expressSubmitButton {
    background: url(../img/layout/filter_button.gif) no-repeat right 50%;
    border-width:0;
    padding:5px;
    text-transform:uppercase;
    width:100px;
    float:right;
    margin-right:30px;
}

div#expressanfrage form {
    padding:10px;
}

div#expressanfrage form div.row {
    line-height:15px;
    height:25px;
}

div#expressanfrage form input {
    color:#696969;
}

div#expressanfrage form label {
    width:100px;
    display:block;
    float:left;
}

div#sidebarContentWrapper div#expressanfrage form {
    padding:0px 16px;
}

div#sidebarContentWrapper div#expressanfrage form button.expressSubmitButton {
    float:left;
}

/************ GIS ******************/
#modulUnterkunftSeiteneintrag ul {
    list-style-position:outside;
}

/************ NEWSLETTER ANMELDUNG ***********/
div#newsletteranmeldung form {
	margin-left: 15px;
	}

input#newsletterinput {
	background: transparent url(../img/layout/inputbg.jpg) no-repeat;
	border:medium none;
	float:left;
	height:20px;
	margin-right:5px;
	width:141px;
	color: #696969;
	padding:3px 5px 0px 5px;
	width:131px;
	}

input#newslettersend {
	background:transparent url(../img/layout/sendenbg.jpg) no-repeat scroll 0%;
	border:medium none;
	height:22px;
	width:69px;
	}
	
/******************************
 *Wetter
 *****************************/
 /* LARGE */
.weathWrapLarge{
  width:100%;
  text-align:center;
  position:relative;
}
.weathWrapLarge .timeWrap{
  float:left;
  width:33%;
}
.weathWrapLarge .copy{
  position:absolute;
  right:5px;
  top:0px;
}
.weathWrapLarge h1.weatherHeader{
  text-align:left;
  font-size:15px !important;
}
.FourDaysLink{
  margin-left:10px;
  font-size:14px !important;
}

/***** Complete *****/
.weathWrapComplete{
  position:relative;
}
weathWrapComplete .dayWrap{
  padding:0px 10px;
  margin-bottom:10px;
}
.weathWrapComplete .dayWrap .dateForecast{
  display:block;
  border-bottom:1px dotted #5D6C76;
  padding:0px;
}
.weathWrapComplete .dayWrap .symbolsWrap{
  padding:10px 0px;
  float:left;
}
.weathWrapComplete .dayWrap .symbolsWrap .symbols{
  float:left;
  margin-right:5px;
}
.weathWrapComplete .dayWrap .symbolsWrap .symbols p{
  text-align:center;
  padding:0px;
}
.weathWrapComplete .dayWrap .temperaturesWrap{
  padding:10px 0px;
  float:left;
  display:block;
  width:455px;
}
.weathWrapComplete .dayWrap .temperaturesWrap p{
  padding:0px;
}
.weathWrapComplete .dayWrap .textWrap p{
  padding:0px;
}
.weathWrapComplete .copy{
  position:absolute;
  top:5px;
  right:5px;
}
