/* DATEI: cms.css  */
/* Swiss Beach Event Kreuzlingen */
/* (c) Intersim AG - Burgdorf */

/*--------------------------------------- Elemente ---------------------------------------*/
body {
background: #87888A url(images/bg.jpg) no-repeat scroll center top;
	color: #1a171b;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;

}

body, h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: normal;				/* -- Achtung bei Fixpositionierten Texte -- */
}

p, table, td, th, ul, ol, select, textarea, input, textarea, form {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:120%;
	
}

p{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 24px;
}


input, button {
	vertical-align:middle;
}

pre {
	font-family:"Courier New", Courier, monospace;
	color: #45290a;
}

address {
	font-style:italic;
}

img {
	border:0px none;
}

legend {color: #45290a;}

hr {
	padding:0px 25px 0px 25px;
	color: #8f7c60;
	height: 1px;
}



/* --------- Titel im Hauptteil --------- */
h1	{
	background-image: url(images/punkte_headline.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	font-size:14px;
	color: #1a171b;
	font-weight:bold;
	padding:0px 0px 10px 24px;
	margin: 0px 0px 12px 0px;
	display:block;
}

h2 {

	font-size:12px;
	color: #1a171b;
	font-weight:bold;
	padding:0px 0px 0px 24px;
	margin: 0px 0px 10px 0px;
}

h3 {
	font-size:12px;
	color: #de4f04;
	font-weight:bold;
	padding:0px 0px 0px 24px;
	margin: 0px 0px 10px 0px;
}

h4 {
	font-size:12px;
	color: #1a171b;
	padding:0px 0px 0px 24px;
	margin: 0px 0px 10px 0px;
}

h5 {
	font-size:11px;
	color: #1a171b;
	padding:0px 0px 0px 24px;
	margin: 0px 0px 10px 0px;
}

h6 {
	font-size:10px;
	color: #1a171b;
	padding:0px 0px 0px 24px;
	margin: 0px 0px 10px 0px;
}

/*---------------------- Links ----------------------*/

/* Allgemein im Content-Bereich */
a:link    		{color: #de4f04; background-color:transparent; text-decoration:underline;}
a:visited 		{color: #de4f04; background-color:transparent; text-decoration:underline;}
a:hover   		{color: #8f7c60; background-color:transparent; text-decoration:underline;}
a:active  		{color: #de4f04; background-color:transparent; text-decoration:underline;}

/* Links bei Dokumenten-Suche */
a.doku:link		{color: #de4f04; background-color:transparent; text-decoration:none;}
a.doku:visited	{color: #de4f04; background-color:transparent; text-decoration:none;}
a.doku:hover	{color: #8f7c60; background-color:transparent; text-decoration:underline;}
a.doku:active	{color: #de4f04; background-color:transparent; text-decoration:none;}



/*--------------------------------------- Classes ---------------------------------------*/

/*--------- Allgemeine ---------*/

/* Inhalt-Tabelle (Admin-Bereich, allg. Seiten) */
.contTable {
	padding-left:0px;
	color: #45290a; 
}

.small { 
	font-size:9px;  
}

.bold {
    font-weight:bold;
}

/* Schaltfläche */
.bu { 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #45290a;
	
}

/*--------- Classes Admin-Bereich  ---------*/

/* Titel */
.AdminTabTitle {
	background-color:#e3e3e5;
	color: #8f7c60;
	font-weight:bold;
}

/* Normale Zeile */
.AdminTabRowLight {
	color: #45290a;
	background-color:#e3e3e5;
}

/* Alternative Zeile */
.AdminTabRowDark {
	color: #45290a;
	background-color:#d4d1cc;
}

/* Effekt-Zeile */
.AdminTabRowEffect {
	color: #45290a;
	background-color:#e0d5b1;
}

/* Links in der Admin Titelzeile*/
a.AdminTabTitle:link, th.AdminTabTitle a:link    {color: #8f7c60; background-color:transparent; text-decoration:none;}
a.AdminTabTitle:visited, th.AdminTabTitle a:visited {color: #8f7c60; background-color:transparent; text-decoration:none;}
a.AdminTabTitle:hover, th.AdminTabTitle a:hover	{color: #8f7c60; background-color:transparent; text-decoration:underline;}
a.AdminTabTitle:active, th.AdminTabTitle a:active	{color: #8f7c60; background-color:transparent; text-decoration:none;} 

/*--------- Classes Teaser  ---------*/

.teaserEntry {
	float: left;
	clear: both;
margin:0px 0px 10px 35px;
border:1px solid;
background-color:#ffffff;
font-size:11px;
	width: 191px !important;
	width /**/:193px; /*ie5 hack*/

	
}


/* titel h1 */
.teaserTitle {
	background-image: url(images/bg_teaserTitle.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	width: 176px !important;
	width /**/:191px; /*ie5 hack*/
	height:auto;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	padding:4px 5px 8px 10px;
	margin:0px 0px 0px 0px;
	text-transform:none;
	
}

/* Inhalt-Div */

.teaserCont {
	background-image:none;
	background-repeat:no-repeat;
	background-color:transparent;
	color: #1a171b;
	width: 176px !important;
	width /**/:191px; /*ie5 hack*/
	height:auto;
	padding:5px 5px 5px 10px;
	margin:0px 0 0px 0; 
	text-align:left;
	font-size:11px;
}

.teaserCont p {
	background-image:none;
	background-repeat:no-repeat;
	background-color:transparent;
	color: #1a171b;
	width: 176px !important;
	width /**/:191px; /*ie5 hack*/
	height:auto;
	padding:5px 5px 5px 2px;
	margin:0px 0 0px 0; 
	text-align:left;
	font-size:11px;
}

/* Inhalt-Div */


.tImageLink {
	display:block;
	text-align:center;
}

.tImage {
display:block;
	clear:both;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 0px;
	vertical-align:text-top;
	border:0px none;
}
	

/* Mehr... nach Teaser Content */
a.tMoreLink  {
color: #1a171b;
	font-weight: bold;
	cursor:pointer;
		background-color:transparent;


}

.tMore {

}

.tNewLink {
	display:block;
	text-align:left;
}

/* New! neben Teaser-Titel */
.tNew {
	float:right;
	background-color: #8f7c60;
	color:#e0d5b1;
	font-size:9px;
	font-weight:bold;
	padding:0px 1px 0px 1px;
	margin:0px 3px 0px 3px;
	text-decoration:none;
	cursor:pointer;
}



/*--------- Classes Content-Auflistung -------*/
/* Inhalt-Div */
.cContList {
	padding:4px 0px 0px 0px;
	margin:0px;
	width: 599px !important;
	width /**/:599px; /*ie5 hack*/
}



/* Inhaltkopf-Div */
.cContListHeader {
	margin:0px 0px 10px 0px;
}

/* Contlist title */
h1.cContListHeader {
	

}

/* Contlist title */
h2.cContListHeader {

}

.cContListHeaderCompact {
 display:block;
 font-weight:bold;
}

/* Inhalt-Div */
.cContListText {
	margin-top:10px;
	border:0px none; 
	height:auto; 
	width:auto;
	text-align:left;
	padding-left:0px;
}

/* Inhalt-Tab-Spalte1 */
.cContListTextCol1 {
	vertical-align:top; 
	height:auto; 
	text-align:left;
	margin: 0px 0px 0px 0px;
}

/* Inhalt-Tab-Spalte2 */
.cContListTextCol2 {
	vertical-align:top; 
	height:auto; 
	text-align:left;
	margin: 0px 0px 0px 0px;
}

/* Inhaltfuss-Div */
.cContListFooter {
	clear:both;
	height:20px;
}

.cContListImageLink {
	float:left;
	text-align:center;
}

.cContListImage {
	float:left;
	margin:0px 5px 0px 24px;
}


/* Mehr... */
a.cMoreLink {
color: #1a171b;
	font-weight: bold;
	cursor:pointer;
		background-color:transparent;
	
}

/* Mehr... */
.cMore {
	

}

.cNewLink {
}

/* Neu! */
.cNew {
	float:right;
	background-color: #8f7c60;
	color:#e0d5b1;
	font-size:9px;
	font-weight:bold;
	padding:0px 2px 0px 2px;
	margin:0px 3px 0px 3px;
	text-decoration:none;
	cursor:pointer;
}




/*--------------------------------------- DIV's ---------------------------------------*/

#divContainer /* umschliessendes DIV damit das Design zentriert werden kann */
{
margin-left: auto;
margin-right: auto;
text-align: center;

	height: 100%;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	width:1112px;
	


}


/*--------- Main DIV's ---------*/
#divTop {	
position: relative;
background-image: url(images/bg_top.jpg);
background-repeat: no-repeat;
background-color: transparent;
top: 0px;
	width:1112px;
	height:238px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
		z-index:11;	
}

#divMiddle {
position: relative;
background-image:  url(images/bg_middle.gif);
background-repeat: repeat-y;
background-color: transparent;
	width:1112px;
	height:100%;
	min-height: 800px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:10;
	top: 0px;
	left: 0px;
	text-align: left;
}

#divBottom {
position: relative;
background-image:  url(images/bg_middle.gif);
background-repeat: repeat-y;
background-color: transparent;
	width:1112px;
	height:50px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:10;
	top: 0px;
	left: 0px;
}

/*--------- Top DIV's ---------*/
#divHead {				
	position: absolute;
	top:0;
	left: 0;			
	background-color:transparent;
	height:209px;
	width:300px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:1;
}

#divTopnav {	
display:none;
}


#divSearch {
display:none;
}

/*--------- Middle DIV's ---------*/
#divMenu {
	position:absolute;
	background-image: url(images/bg_menu.jpg);
	background-repeat: no-repeat;	
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	width:244px;
	height: 100%;
	min-height: 400px;
	padding:20px 0px 0px 0px;
	background-color:transparent;
	
}

#divMenuTop{
	display:none;
}

#divMenuMiddle { 
	width:186px;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	background-image:none;
	
}
#divMenuBottom {
	position:relative;
	width:186px;
	margin:22px 0px 0px 11px;
	padding:0px 0px 0px 0px;
	background-image: url(images/button_Anmeldung.gif);
	background-repeat: no-repeat;
	height: 67px !important;
	height /**/:89px; /*ie5 hack*/
}

#divPrintview {
display: none;
}

#divContentContainer {
	position:absolute;
	background-image:  url(images/bg_content.jpg);
	background-repeat: no-repeat;
	top:0px;
	left:244px;
	width: 622px !important;
	width /**/:622px; /*ie5 hack*/
	background-color: #e3e3e4;
	text-align:left;
		z-index:100;
		padding:20px 0px 0px 0px;
		height: 100%;
		min-height: 500px;
}

#divContent {
margin:0px 0px 20px 5px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0px;
	left:0px;
		width: 599px !important;
	width /**/:599px; /*ie5 hack*/
	
}

#divContentAdmin {
width: 599px;	
}



#divTeaser {
	position:absolute;
	background-image: url(images/bg_teaser.jpg);
	background-repeat: no-repeat;
	background-color: transparent;	
	top: 0px;
	padding: 20px 0 0 0;
	left:866px;
	width:246px;
	height:100%;
	min-height: 400px;
	z-index:101;
}

#divTeaserTop {
	float: left;
	clear: both;
	background-color:transparent;
	width:202px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#divTeaserBottom {
	float: left;
	clear: both;
	width:202px;
	margin: 20px 0 0 0;
	height: 100px;
}

#divApp1 
{	
display:none;

}

#divApp2 
{
display:none;
}

/*--------------------------------------- Module ---------------------------------------*/

/*--------- .NET ---------*/
.body_aspnet {									/* .net iframe im Content */
		background-repeat:no-repeat;
		background-image: url(images/bg_asp.jpg);
	background-color:#e3e3e5;
	color: #1a171b;
	padding:0px;
	margin:0px;
	font-size:11px;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 

} 

span {											/* .net-generierte span */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-style:normal;  
	font-weight:normal;
	color: #1a171b; 	
}

.status {										/* error + allg. Meldungen */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;  
	font-weight:bold;
	color:#CC0000; 	
}


/*--------- Mehrspaltige News-Anzeige  ---------*/

.colviewListHeader {
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin-bottom:5px;
	font-size:10px;  	
}

.cColview {
   font-size:10px;  
   text-align: justify;
   margin: 0px 0px 10px 0px;
}

.cColviewCompact {
   font-size:10px; 
   text-align: left;
}


/*-- Reiter Navigationen (News Modul; Glossary Modul, ...) --*/

.nlglNav {
	font-weight:normal;
	font-size:11px;
	padding:2px 3px 5px 3px;
	border-left:1px solid #8f7c60;	
	border-bottom:1px solid #8f7c60;
	text-align:center;
}

.nlglNavSel {
	font-weight:bold;
	color: #45290a;
	background-color:#8f7c60;
	font-size:11px;
	padding:2px 3px 5px 3px;
	border-left:1px solid #8f7c60;	
	border-bottom:1px solid #8f7c60;
	text-align:center;
}

.nlglNavNotAvailable {
	font-weight:normal;
	color:#d4d1cc;
	font-size:11px;
	padding:2px 3px 5px 3px;
	border-left:1px solid #d4d1cc;	
	border-bottom:1px solid #d4d1cc;
	text-align:center;
}

.nlglNavHeader {
	font-size:11px;
	color: #8f7c60;
	font-weight:bold;
	border-bottom: 1px solid #8f7c60;
	margin:0px;
	padding:0px 0px 3px 0px;
	background-repeat:no-repeat;
}

.nlglListHeader {
	font-weight:bold;
	padding:3px 0px 3px 0px;
	margin:0px;
}

.nlglListText {
	vertical-align:top;
	padding: 0px 0px 12px 0px;
}

.nlglListCompact {
	padding:10px 0px 0px 0px;
}

.nlglListCompactDate {
	padding:10px 0px 0px 0px;
	font-weight:bold;
}


td.nlglNav a:link, td.nlglNavSel a:link, td.nlglListHeader a:link, td.nlglListCompact a:link, td.nlglListCompactDate a:link 				{color: #45290a; background-color:transparent; text-decoration:none;}
td.nlglNav a:visited, td.nlglNavSel a:visited,  td.nlglListHeader a:visited, td.nlglListCompact a:visited, td.nlglListCompactDate a:visited {color: #45290a; background-color:transparent; text-decoration:none;}
td.nlglNav a:hover, td.nlglNavSel a:hover, td.nlglListHeader a:hover, td.nlglListCompact a:hover, td.nlglListCompactDate a:hover			{color: #e0d5b1; background-color:transparent; text-decoration:none;}
td.nlglNav a:active, td.nlglNavSel a:active, td.nlglListHeader a:active, td.nlglListCompact a:active, td.nlglListCompactDate a:active 		{color: #45290a; background-color:transparent; text-decoration:none;}

/*--------- Polling ---------*/
div.teaserCont form {
	padding:0px;
	margin:0px 0px 0px 6px;
	border:0px;
}

form p.pTeaserCont span.tMore {
	float:none;
	padding-left:10px;
}

table.polling {
	border-collapse:collapse;
}

table.polling td {
	margin:0px;
	padding:3px;
	border:1px solid #87888A;
}

/* ------- Gästebuch -------- */
.gbEntryListItemFooter{
	border-top:1px solid #d4d1cc;
}
.gbEntryListItemHeader {
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #d4d1cc;
	background-color: #d4d1cc;
}
.gbComment { 
	font-style : italic;
}
.gbError {
	color: #CC0000;
}


/* ------- Research -------- */
.trBottomLine {
	font-weight:normal;
	padding:2px 3px 2px 3px;
	border-bottom:1px solid #87888A;
}


/* Modul Headlines (Anzeigebereich)*/

.headlinesHeader {
	font-size:11px;
	color: #8f7c60;
	font-weight:bold;
	border-bottom:1px solid #D4d1cc;
	margin:0px;
	padding:0px 0px 3px 0px;
	background-repeat:no-repeat;
}

.headlinesListEntry {
	padding:10px 0px 0px 0px;
}

td.headlinesListEntry a:link {color: #45290a; background-color:transparent; text-decoration:none;}
td.headlinesListEntry a:visited {color: #45290a; background-color:transparent; text-decoration:none;}
td.headlinesListEntry a:hover {color: #8f7c60; background-color:transparent; text-decoration:none;}
td.headlinesListEntry a:active {color: #45290a; background-color:transparent; text-decoration:none;}



/*--------------------------------------- Design-spezifisch ---------------------------------------*/

/* Top Navigation */


a.topNav {
position:absolute;
top: 1px;
left: 25px;
	font-weight:normal;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color:transparent;
	color: #1a171b;
	text-decoration: none;
}




/* Top Navigation */
a.topNav:link		{color: #1a171b; background-color:transparent; text-decoration:none;}
a.topNav:visited	{color: #1a171b; background-color:transparent; text-decoration:none;}
a.topNav:hover		{color: #ffffff; background-color:transparent; text-decoration:none;}
a.topNav:active		{color: #1a171b; background-color:transparent; text-decoration:none;}



 

/* Design-Detail Admin-Bereich */
.top_adminTeaser {
	position:absolute;
	top:130px;
	left:805px;
	z-index:101;
}

/* Class Copyright-Text (TeaserBottom.inc.asp) */
.Copyright {
	text-align:left;
	margin:0px;
	padding:20px 4px 4px 10px;
}

/* Link auf Copyright-Text (TeaserBottom.inc.asp) */
a.pCopyright:link		{color: #45290a; background-color:transparent; text-decoration:none;}
a.pCopyright:visited	{color: #45290a; background-color:transparent; text-decoration:none;}
a.pCopyright:hover		{color: #8f7c60; background-color:transparent; text-decoration:underline;}
a.pCopyright:active		{color: #45290a; background-color:transparent; text-decoration:none;}



#homeLink {
	position: absolute;
	top: 176px;
	left: 10px;
	height: 20px;
	width: 230px;
	margin:0;
	padding:0;
}

.homeLink{
	color:#4e2169;
	font-size:19px;
	font-weight:bold;
	margin-left:0px;
	
}

#Logo {
	position: absolute;
	top: 46px;
	left: 881px;
	height: 100px;
	width: 229px;
	margin:0;
	padding:0;
}

#presented {
	position: absolute;
	top: 187px;
	left: 879px;
	height: 20px;
	width: 220px;
	margin:0;
	padding:0;
}

/* Navigation Menu-Bottom*/

a.menuNav {
	position:absolute;
	top: 13px;
	left: 33px;
	font-weight:bold;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color:transparent;
	color: #8f7c60;
	text-decoration: none;
}


a.menuNav:link		{color: #8f7c60; background-color:transparent; text-decoration:none;}
a.menuNav:visited	{color: #8f7c60; background-color:transparent; text-decoration:none;}
a.menuNav:hover		{color: #de4f04; background-color:transparent; text-decoration:none;}
a.menuNav:active		{color: #8f7c60; background-color:transparent; text-decoration:none;}