/* Layout für corps-touristique 
/* Neff Gregor, 19.11.2006

*
*  empfohlene Lektüre für IE6: Problem zwischen Menü und Inhalt (div.menu, div.content)
*  http://www.positioniseverything.net/explorer/threepxtest.html (siehe div.menu, div.content)
*
*  empfohlene Lektüre für das CSS-konforme Clearing von Floats (div.newsbox, .embracer):
*  http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx
*  http://www.positioniseverything.net/easyclearing.html
*  http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/

*  http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0
*/


body 
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	background:  url(images/bg_kacheln.jpg) center top scroll repeat-y;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
}

table, table tr, table tr td {
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	border: 0px;
	padding: 0px;
}

td {
    vertical-align: top;
}


div {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

p, h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 7px 7px;
	
}

table 
{
	margin-left: 7px;
}

div.container {
	width: 710px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

div.logo { /* zentriert das 58 Pixel-hohe Logo vertikal auf einer Höhe von 98 Pixel*/
	position: relative;
	padding: 9px 0px 9px 47px;
	margin: 0px;
	float: left;
	height: 79px;
}

div.smallLinks {
	text-align: right;
	padding-right: 10px;
}

div.smallLinks ul {
	list-style: none;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

div.smallLinks ul li {
	display: inline;
	margin-right: 7px;
}

div.banner { /* zentriert das 58 Pixel-hohe Logo vertikal auf einer Höhe von 152 Pixel */
	height: 152px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

div.flash 
{
	width: 710px;
	position: relative;
	margin-left: auto;
	margin-right:auto;
}

div.topBackground 
{
	background-attachment: scroll;
	background-image: url(images/bg_oben.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

div.banner img 
{
	display: block;
	position: relative;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

div.contentbox {
	margin: 0px 0px 0px -170px;
	padding: 0px;
	position: absolute;
	top: 267px;
	width: 880px;
}

div.contentbox:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.menu {
	width: 170px;
	margin: 0px;
	float: left;
}

* html div.menu {
	width: 167px;
}

div.content {
	position: absolute;
	left: 170px;
	margin: 0px;

	width: 614px; /* 710px - 47 (rechter Rand) - 48 (linker Rand) = 614px */
	min-height: 500px;	
	padding: 0px 47px 0px 48px;
	
	margin-bottom: 50px;
	/* ist erstens hübscher und zweitens notwendig; IE6 rechnet falsch und beendet beim Scrollen die Seite 10 Pixel zu früh ;-> */
}
 * html div.content {
 	margin: 0px;
 	width: 605px;
 }

div.menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: right;
	width: 100%;
	border-top: 1px solid #cccccc;
}

div.menu ul li {
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	padding: 7px 0px 7px 0px;
}

div.menu ul li ul {
	width: 100%;
	margin-top: 5px;
	padding-top: 5px;
}

div.menu ul li ul li {
	text-transform: none;
	padding: 1px 0px 1px 0px;
	border: 0px solid #cccccc;
}

div.menu ul li span.paddedOption {
	padding-right: 10px;
}

a, a:visited {
	color: #333333;
}

a:active, a:hover, a.current, .important a {
	color: #ee7f01;
}

a.currentPos, a.currentPos:visited
{
	color: #ee7f01;
}

div.menu a, div.smallLinks a {
	text-decoration: none;
}


div.content h1 {
	display: block;
	width: 100%;
	border-top: 1px solid #e2001b;
	border-bottom: 1px solid #e2001b;
	color: #e2001b;
	
	font-size: 2.2em;
	font-weight: normal;
}

div.content h2 {
	color: #ee7f01;
	font-size: 1.4em;
}

div.content h3 {
	color: #ee7f01;
	font-size: 1.2em;
	
}

.important {
	color: #ee7f01;
}

.defloat {
	clear: both;
}


table.tableLogos {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

table.tableLogos tr td {
	vertical-align: middle;
	text-align: center;
}

.embracerContent {
	float: left;
	width: 100%;
}

/* start: floats innerhalb von Newsbox terminieren */
.embracer:after, .embracerContent:after { /* CSS2 */
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


div.newsbox {
	margin-bottom: 15px;
}

div.newsbox div.column1 {
	width: 300px;
	float: left;
	border-right: 1px solid #cccccc;
}

div.newsbox div.column2 {
	margin-left: 300px; 
}

/* start: floats innerhalb von Newsbox terminieren */
div.newsbox:after { /* für CSS2-kompatible Browser */
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: visible;
}

div.newsentry {
	width: 300px;
	float: left;
	margin-bottom: 8px;
}

div.newsentry .image {
	width: 100px;
}

div.newsentry .text {
	width: 180px;
	margin-right: 6px;
	float: right;
	
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 7px;
	margin-bottom: 10px;
}

div.newsentry .text h3 
{
	margin-bottom: 0px;
}

div.newsentry:after {
		content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.evententry {
	width: 500px;
	float: left;
	margin-bottom: 4px;
}

div.evententry div.image {
}

div.evententry .text {
	width: 380px;
	margin-right: 8px;
	float: right;
	
	/* border-bottom: 1px dashed #cccccc; */
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div.evententry .text h3 
{
	margin-bottom: 0px;
}

div.evententry:after {
		content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}




ul.sitemap, ul.sitemap li ul /* das ist interessant: ul.sitemap gilt nur für die UL selbst, ul.sitemap li ul gilt für alle folgenden Schachtelungen */
{
    list-style-type: none;
    padding: 0px 0px 0px 15px;    /* jede Ebene um 25px einrücken */
    margin: 0px 0px 0px 15px;
}

ul.sitemap li 
{
  margin: 0px;
  padding: 2px 0px 2px 0px;
}

ul.sresults 
{
    list-style-type: none;
}

ul.sresults
{
    margin: 0px;
    padding: 2px 0px 2px 15px;
}

table.orange 
{
	border: 1px solid #ee7f01;
	border-right: 0px; border-bottom: 0px;
	border-collapse: collapse;
}

table.orange tr td, table.orange tr th
{
	border: 1px solid #ee7f01;
	border-left: 0px; border-top: 0px;
}

table.orange tr th, table.orange tr th p
{
	color: #ee7f01;
}

table.orange p 
{
	padding: 0px; margin: 0px;
}

table.orange th {
	text-align: left;
}

div.importantBlock
{
	background-color: #fff8dc;
	padding-bottom: 8px; padding-top:4px;
	margin-bottom: 7px;
}


.fieldset { BORDER: #000000 0px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 5px 0px; PADDING-TOP: 0px }
.fieldset LABEL { PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; FLOAT: left; PADDING-BOTTOM: 0.2em; MARGIN: 0.3em 0px 0px; WIDTH: 90px; PADDING-TOP: 0.2em; TEXT-ALIGN: left }
.fieldset .nobr { DISPLAY: none }
.fieldset SELECT.textfield { MARGIN: 3px; WIDTH: 80px; HEIGHT: 20px }
.fieldset .textfield { MARGIN: 3px; WIDTH: 100px; }
.fieldset .textfieldlong, .fieldset .dropdown { MARGIN: 3px; WIDTH: 150px;  }
.fieldset .textarea { MARGIN: 3px; WIDTH: 150px; HEIGHT: 150px }
.fieldset .textareaWide { MARGIN: 3px; WIDTH: 300px; HEIGHT: 150px }


table.formdata  {
	border-collapse: collapse;
	width: 100%;
}


table.formdata tr th {
	margin: 0px;
	padding: 1px 5px 1px 5px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}



table.formdata tr td {
	margin: 0px;
	padding: 1px 5px 1px 5px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;

}
table.formdata SELECT.textfield { width: 100px; height: 20px }
table.formdata .textfield { width: 120px; height: 20px }
table.formdata .textfieldlong { width: 170px; height: 20px }
table.formdata .textarea { width: 170px; height: 150px }
table.formdata .textareaWide { width: 340px; height: 150px }






/* tabellen */
table.pureLayout {

	border-collapse: collapse;

	width: 100%;

}

table.pureLayout tr th {

	margin: 0px;

	padding: 0px;

}

table.pureLayout tr td {

	margin: 0px;

	padding: 0px;

}

table.pureLayout tr {

	margin: 0px;

	padding: 0px;

}

table.pureLayoutWithPadding {

	border-collapse: collapse;

	width: 100%;

}

table.pureLayoutWithPadding tr th {

	margin: 0px;

	padding: 15px 5px 15px 5px;

}

table.pureLayoutWithPadding tr td {

	margin: 0px;

	padding: 15px 5px 15px 5px;

}

table.pureLayoutWithPadding tr {

	margin: 0px;

	padding: 15px 5px 15px 5px;

}

/* ENDE Tabellen mit und ohne Padding */



/* calendar */
table.cal, table.cal tr td 
{
	margin-left: auto;
	margin-right: auto;
}

table.cal tr td, tr th 
{
	padding: 5px;
}

.calholiday
{ 
	font-weight:bold;
	background-color: Blue;
}

.calweekend {
	background-color: #ffffcc;
}
.Appointment
{
		margin: 0px 0px 5px 5px !important;
	padding: 0px 0px 0px 0px !important;
}