/* 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.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 {
	border: 0px;
	padding: 0px;
}

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

img {
	border: 0px;
}

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

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*/
	height: 58px;
	padding: 20px 0px 20px 47px;
	margin: 0px;
	float: left;
}

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 98 Pixel */
	height: 152px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

div.banner img {
	margin: 0px;
	padding: 0px;
}

div.contentbox {
	margin: 0px 0px 0px -170px;
	padding: 0px;
	position: relative;
	top: 25px;
	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: relative;
	margin: 0px 0px 0px 170px;

	width: 615px; /* 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 0px 0px 167px;
 }

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;
}

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;
}

div.content h2 {
	color: #e2001b;
	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%;
}

.embracer:after, .embracerContent:after {
		content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;	
}

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

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

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


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

div.newsentry {
	width: 300px;
	float: left;
}

div.newsentry .image {

}

div.newsentry .text {
	width: 190px;
	margin-right: 8px;
	float: right;
	
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 10px;
	margin-bottom: 3px;
}

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


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 0px;
}

div.rightStuff 
{
	display: none;
}