﻿/*
====================================================
    Globaler Bereich
====================================================
*/
html {
  height: 110%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 10px;
	background-color: #f5f5ff;
}
#container {
  width: 1080px;
  background-color: #FFFFFF;
/*  background-image: url(../img/bg_container1.gif);      */
  background-repeat: repeat-y;
  border: 0px solid #cc4444;
  padding: 0px 10px;
  margin: auto;
  float: left;
}
#container a {
  color: #000000;
  text-decoration: none;
}
#container a:hover {
  color: #cc4444;
}


/*
====================================================
    WErbung
====================================================
*/
#fortrip {
 border: 0px solid #cc4444;
 font-size: 14px;
 color: #cc4444;
 font-weight: bold;

}
#fortrip a {
  color: #ffffff;
  text-decoration: none;
}
#fortrip a:hover {
  color: #000000;
}

#comTop {
  height: 92px;
  width: 730px;
  margin-top: 3px;
  border: 0px solid #cc4444;
  margin-left: 0px;
}
#comTop a {
  color: #ffffff;
  text-decoration: none;
}
#comTop a:hover {
  color: #000000;
}

#comTopRight {
  height: 68px;
  width: 306px;
  margin-top: 3px;
  border: 1px dotted #cc4444;
  margin-left: 0px;
  margin-right: 17px;	 
  margin-top: -92px;
  padding: 8px;  
  color: #cc4444;
  font-size: 14px;
  font-weight: bold;
  float: right; 

}

#comRight {
  height: 602px;
  width: 162px;
  border: 0px solid #cc4444;
  margin-left: 5px;
  margin-top: -119px;
/*font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  margin-left: 5px;
  background-color: #ffa500;
  background-color: #cc4444;
*/
  float: left;
}

#comMiddle {
  height: 602px;
  width: 160px;
  border: 0px solid #cc4444;
  margin-left: 18px;
  margin-top: 15px;
  float: left;
}


#comInRight {
  height: 580px;
  width: 132px;
  border: 3px solid #cc4444;
  margin-left: 0px;
  margin-top: 0px;
  background-color: #ffa500;
  font-size: 18px;
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
  float: left;
}

#comInRight a { 
color: #ffffff; 

} 

#comInRight p a { 
color: #ffffff; 
} 

#comTEST {
  height: 60px;
  width: 146px;
  border: 1px dotted #cc4444;
  margin-left: 6px;
  margin-top: 13px;
  padding: 5px;
  float: left;  
}

#comHOLIDAY {
  height: 66px;
  width: 146px;
  border: 0px dotted #cc4444;
  margin-left: 6px;
  margin-top: 13px;
  padding: 5px;
  float: left;  
}

#comRight1 {
  height: 315px;
  width: 382px;
  border: 1px dotted #cc4444;
  margin-left: -8px;
  margin-top: 10px;
  float: left;
}

#comInRight1 {
  height: 250px;
  width: 300px;
  border: 0px dotted #cc4444;
  margin-left: 0px;
  margin: 37px;
  float: left;
}

#comRightBottom {
  height: 156px;
  width: 382px;
  border: 0px dotted #cc4444;
  margin-left: -8px;
  margin-top: 3px;
  float: left;
}

#comMiddleBottom {
  height: 261px;
  width: 158px;
  border: 1px solid #cc4444;
  margin-left: 18px;
  margin-top: 9px;
  float: left;
}


#WhoMadeIt {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #003399;
  width: 403px;
  text-align: left;
  height: 30px;
  padding: 10px;
  border: 0px;
  margin: 0px;
  float: left;
}  
#WhoMadeIt a {
  color: #000000;
  text-decoration: none;
}
#WhoMadeIt a:hover {
  color: #cc4444;
}


/*
====================================================
    Kopfbereich
====================================================
*/
#header {
  height: 75px;
  text-decoration: none;
  margin-left: 0px;
  margin-top: 0px;
  border-top: 5px solid #ffffff;
  width: 900px;
  background-color: #cc4444;
}
#textHeaderLeft {
  width: 430px;
  height: 35px;
  padding-left: 10px;
  margin-top: 25px;
  font-size: 25px;
  color: #ffffff;
  font-weight: bold; 
  float: left;
  border: 0px solid #000000;
}
#textHeaderLeft a {
  color: #ffffff;
  text-decoration: none;
}
#textHeaderLeft a:hover {
  color: #ffffff;
  text-decoration: none;
}
#textHeaderRight {
  width: 430px;
  height: 35px;
  margin-top: 25px;
  font-size: 25px;
  text-align: right;
  color: #ffffff;
  padding-right: 10px;
  float: right;
  border: 0px solid #000000;
}
#textHeaderRight a {
  color: #ffffff;
  text-decoration: none;
}
#textHeaderRight a:hover {
  color: #ffffff;
  text-decoration: none;
}
#naviright {
  text-align: right;
  color: #ffffff;
  width: 500px;
  height: 5px;
  margin-top: 8px;
  margin-left: 0px;
  margin-right: 10px;
  float: right;
}
#naviright a {
  color: #ffffff;
  text-decoration: none;
}
#naviright a:hover {
  color: #ffffff;
  text-decoration: underline;
}
/*
====================================================
    Toolbar
====================================================
*/
#toolbar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #cc4444;
  font-weight: normal;
  width: 900px;
  background-color: #ffffff;
/*  background-image: url(../img/bg_toolbar.gif);*/
  height: 30px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  clear: both;
}

#bg_pathnavleft {
  width: 0px;
  height: 30px;
  padding: 0px;
  border: 0px;
  margin: 0px;
  background-image: url(../img/bg_pathnavtop1.gif);
  background-position: left;
  float: left;
}
#path_navigation {
  background-color: #FFFFFF;
  width: 887px;
  height: 18px;
  font-size: 12px;
  color: #000000;
  font-weight: bold; 
  border: 2px solid #cc4444;
  padding: 0px;
  margin: 0px;
  padding-top: 4px;
  padding-left: 9px;
  margin-top: 0px;
  margin-left: 0px;
  float: left;
}
#path_navigation a {
  color: #000000;
  text-decoration: none;
}
#path_navigation a:hover {
  color: #cc4444;
  text-decoration: none;
}

#path_navigation2 {
  background-color: #FFFFFF;
  width: 895px;
  height: 15px;
  font-size: 10px;
  color: #cc4444;
  border-top: 0px solid #cc4444;
  padding: 0px;
  margin: 0px;
  padding-top: 3px;
  margin-top: 0px;
  margin-left: 12px;
  float: left;
}

#path_navigation2 a {
  color: #000000;
  text-decoration: none;
}
#path_navigation2 a:hover {
  color: #cc4444;
  text-decoration: none;
}

#bg_pathnavright {
  width: 0px;
  height: 30px;
  padding: 0px;
  border: 0px;
  margin: 0px;
  background-image: url(../img/bg_pathnavtop.gif);
  background-position: left;
  float: right;
}

#top {
  width: 220px;
  height: 20px;
  color: #ffffff;
  padding: 8px 0px 0px 0px;
  border: 0px;
  margin-left: 10px;
  float: left;
}

/*
====================================================
    Hauptbereich
====================================================
*/
#content {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-align: justify;
  width: 668px;
  border: 0px dotted #cc4444;
  background-color: #FFFFFF;
  float: left;
  padding: 0px 10px;
  margin-left: 0px;
}
#laufschrift {
  position: relative;
  width: 520px;
  height: 30px,;
  margin: 10px 0px;
  padding: 0px;
  border: 0px;
  font-weight: bold;
  font-size: 12px;
}
#content ul {
  margin-top: 0px;
  padding-top: 0px;
  border: 0px;
}
.bodytext {
  padding: 0px 0px 10px 0px;
  border: 0px;
  margin: 0px;
}
.contenttable .bodytext {
  padding: 0px;
  border: 0px;
  margin: 0px;
}
.contenttable tr {
  padding-top: 0px;
  border: 0px;
  margin: 0px;
}
#content h1 {
  font-size: 14px;
  font-weight: bold;
  color: #003399;
  text-align: left;
  padding: 10px 0px 5px 0px;
  margin: 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DDDDDD;
}
#content h2 {
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  padding: 0px 0px 10px 0px;
  border: 0px;
  margin: 0px;
}
#content h3 {
  font-size: 12px;
  font-weight: normal;
  background-color: #F5F5F5;
  color: #0099FF;
  text-align: left;
  padding: 1px 5px;
  border: 0px;
  margin: 0px;
}
#content h4 {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  color: #000000;
  background-color: #F5F5F5;
  text-align: left;
  padding: 1px 5px;
  border: 0px;
  margin: 0px;
}
#content h5 {
  font-size: 14px;
  font-weight: bold;
  color: #003399;
  text-align: left;
  padding: 5px 0px 10px 0px;
  border-bottom: 0px;
  margin: 0px;
}
#content a {
  font-size: 12px;
  font-style: normal;
  color: #000000;
  text-align: left;
  text-decoration: none;
}
#content a:hover {
  color: #cc4444;
}

#showRedCom {
  width: 475px;
  padding-top: 5px;
  font-weight: bold;
  border-top: 1px solid #cc4444;
  margin-left: 0px;
  margin-top: 10px;
  float: left;
}

#showRedCom a {
  font-size: 18px;
  font-style: normal;
  color: #000000;
  text-align: left;
  text-decoration: none;
}


#showRedComlinks {
  width: 430px;
  font-size: 18px;
  color: #000000;
  margin-left: 0px;
  margin-top: 7px;
  float: left;
}

#showRedComrechts {
  width: 140px;
  color: #000000;
  margin-left: 0px;
  margin-top: 0px;
  float: left;
}

#showRedComrechts2 {
  width: 140px;
  color: #000000;
  margin-left: 0px;
  margin-top: 5px;
  float: left;
}

#showleftleast {
  width: 1px;
  height:1200px;
  padding-top: 0px;
  font-weight: bold;
  border: 0px solid #cc4444;
  margin-left: 0px;
  margin-top: 0px;
  float: left;
}

#showleft {
  width: 473px;
/*  height: 1470px; */
/*  background-color: #F5F5FF;   */
  border-top: 1px solid #cc4444;
  padding-top: 15px;
/* border: px; */
  margin-left: 0px;
  margin-top: 7px;
  float: left;
}
#showleftHeadline {
  font-size: 17px;
  color: #cc4444;
  font-weight: bold;
  float: left;
}
#showleftleft {
  width: 220px;
/*  height: 1470px; */
/*  background-color: #F5F5FF;   */
  border-top: 0px solid #cc4444;
  padding-top: 0px;
  border: 0px; 
  margin-left: 0px;
  margin-top: 7px;
  float: left;
}
#showleftright {
  width: 220px;
/*  height: 1470px; */
/*  background-color: #F5F5FF;   */
  border-top: 0px solid #cc4444;
  padding-top: 0px;
  border: 0px; 
  margin-left: 0px;
  margin-top: 7px;
  float: left;
}


#showright {
  width: 158px;
/*  height: 230px; */
  background-color: #F5F5FF;
  border: 1px solid #cc4444;
  padding-bottom: 10px;
  margin-left: 18px;
  margin-top: -28px;
  float: left;
}
#eventHeadline{
  font-size: 17px;
  font-color: #cc4444;
  width: 440px;
  color: #cc4444;
/*  background-color: #cc4444;*/
/*  background-image: url(../img/bg_toolbar.gif);*/
  border: 0px solid #000000;
  padding: 6px;
  margin:  0px;
  margin-bottom: 0px;
  float: left;
}
#eventText{
  font-size: 12px;
  width: 450px;
  color: #333333;
/*  background-color: #F5F5FF; */
/*  border: 1px solid #000000; */
  padding: 6px;
  margin: 0px;
  margin-bottom: 0px;
}
#eventKat{
  font-size: 11px;
  width: 430px;
  color: #a9a9a9;
/*  background-color: #F5F5FF; */
  border: 0px solid #000000;
  padding: 0px;
  margin: 5px;
  margin-bottom: 0px;
  float: left;
}

/*
====================================================
    Rechter Seitenbereich
====================================================
*/
#content_right {
  color: #000000;
  font-size: 8px;
  text-align: left;
  width: 220px;
  background-color: #FFFFFF;
  padding-top: 0px;
  margin-left: -8px;
  border: 0px solid #cc4444;
  float: left;
}
#content_right a {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  font-size: 20px;
}
#content_right a:hover {
  color: #cc4444;
}
#content_right h1 {
  font-size: 11px;
  font-style: bold;
  color: #333333; 
  padding: 0px;
  margin: -5px;
  margin-bottom: 15px;
}
#content_right h3 a {
  font-size: 12px;
  font-style: bold;
  color: #000000;
  padding: 3px 0px;
  margin: 10px;
  border: 0px;
}
.content_element_right {
  background-color: #F5F5FF;
  border: 1px solid #DDDDDD;
  margin-bottom: 10px;
  padding: 5px;
}
.content_element_right ul {
  margin-left: 20px;
  padding-left: 0px;
}
.content_element_right .bodytext {
  margin: 0px;
  padding: 0px 0px 5px 0px;
}
#content_right .csc-textpic-imagewrap {
  margin: 3px 0px 0px 0px;
}

#content_right_start{
/*  font-size: 11px;            */
  width: 20px;
  height: 10px;
  color: #333333;
  border: 0px solid #000000; 
  padding: 0px;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#content_right_head{
  font-size: 11px;
  width: 205px;
  color: #ffffff;
  background-color: #cc4444;
/*  background-image: url(../img/bg_toolbar.gif); */
  border: 1px solid #cc4444;
  padding: 6px;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#content_right_head a {
  color: #ffffff;
  text-decoration: none;
}
#content_right_head a:hover {
  color: #ffffff;
  text-decoration: underline;
}


#content_right_text{
  font-size: 11px;
  width: 187px;
  color: #333333;
  background-color: #FfFfFF; 
  border: 1px dotted #cc4444;
  border-top: 1px solid #cc4444;
  padding: 15px;
  margin: 0px;
  margin-bottom: 5px;
}

#content_right_kal{
  font-size: 8px;
  width: 187px;
  color: #333333;
  background-color: #FfFfFF; 
  border: 1px dotted #cc4444;
  border-top: 1px solid #cc4444;
  padding-left: 15px;
  padding: 15px;
  margin: 0px;
  margin-bottom: 5px;
}

#list_bullet{
  margin-top: 8px ;
  margin-left: -25px;
  padding:0px;
}

/*
====================================================
    Fußbereich
====================================================
*/
#footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;  
  font-weight: normal;
  border: 0px solid #cc4444;
  border: 1px dotted #cc4444;
  height: 55px;
  width: 1062px;
  margin-top: 10px;
  float: left;
  clear: both;
}
#footer a {
  color: #000000;
  text-decoration: none;
}
#footer a:hover {
  color: #cc4444;
}
#copyright {
  text-align: left;
  width: 0px;
  padding-top: 8px;
  float: left;
}
#bg_bottomnavleft {
  width: 10px;
  height: 30px;
  padding: 0px;
  border: 0px;
  margin: 0px;
  background-image: url(../img/bg_bottomnav.gif);
  background-position: left;
  float: left;
}
#bottomnav {
  font-size: 10px;
  background-color: #FFFFFF;
  width: 700px;
  height: 25px;
  padding: 0px;
  margin-bottom: 5px;
  float: left;
}
#bg_bottomnavright {
  width: 15px;
  height: 30px;
  padding: 0px;
  border: 0px;
  margin: 0px;
  background-image: url(../img/bg_bottomnav.gif);
  background-position: right;
  float: left;
}

#bottom_left {
  width: 10px;
  height: 20px;
  background-image: url(../img/bg_bottom_left.gif);
  padding: 0px;
  border: 0px;
  margin: 0px;
  float: left;
}
#bottom {
  width: 1000px;
  height: 20px;
  background-image: url(../img/bg_bottom.gif);
  padding: 0px;
  border: 0px;
  margin: auto;
  clear: both;
}
#bottom_right {
  width: 10px;
  height: 20px;
  background-image: url(../img/bg_bottom_right.gif);
  padding: 0px;
  border: 0px;
  margin: 0px;
  float: right;
}


/*
====================================================
    Allgemeiner Bereich
====================================================
*/
.csc-sitemap {
  padding-left: 30px;
}

.csc-sitemap ul {
  padding: 3px;
  padding-left: 30px;
}
.csc-sitemap li {
  padding: 3px;
}
.csc-mailform {
  display: block;
  background-color: #FCFCFC;
  border: 1px solid #DDDDDD;
  padding: 20px;
  margin: 0px;
}
.csc-mailform-field {
  padding-right: 0px;
  margin-top: 5px;
  border: 0px;
}
#mailformRegister {
  border: 0px;
}
#mailformParticipant {
  border: 0px;
}
.csc-mailform-submit {
  margin-top: 20px;
  
}
hr {
  margin: 20px 0px;
}

