/* 
General SCREEN style for Bodenseereiter website 
by Andreas Steidle / Eva Mühlentien 2009
*/


.PrintOnly {
  display: none;
}

body {
	font-family: "lucida sans unicode", verdana, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

img { border-width:0px; }

table { border-collapse:collapse; }

#PageContainer {
	width: 900px;
	min-height: 600px;
	background-color:#f4f4f4;
	background-repeat:repeat-y;
	margin: 0 auto;
	border-style: double;
	border-width: 0px 5px 5px 5px;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
}

/******************** Titelleiste ********************/
#BodenseereiterRadolfzell, #BodenseereiterRadolfzellShadow {
	font-size:2.5em;
	font-weight:bold;
}
#BodenseereiterRadolfzellShadow {
	display:none;
	position:absolute;
	left:-1px; top:-1px;
}
#BodenseereiterRadolfzell {
	position:relative; /* show on top */
}

#ReiterchenTop {
	position:relative;
	left:8px;
	width:100px;
	height:80px;
	vertical-align:middle;
}
.ReiterchenSchwarz, .ReiterchenBraun, .ReiterchenWeiss {
	vertical-align:middle;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
} 

#FarbWahl {
	width: 6em;
}
#FarbWahl div {
	width: 5em;
	float: right;
	margin: 0.15em; margin-right:0px;
	padding:0.05em;
	text-align:center;
}

/************************ Menü ***********************/
#MenuBar {
	padding-left: 20px; /* +10px from 1st menu item = 30px */
	background-color:#888;
	font-family: Verdana, sans-serif;
	font-size: 1.05em;
	font-weight:bold;
	height:1.7em;  /* should be automatic but required for buggy IE7 CSS only */
}
#Nav li {
	background-color:#888;
}
#Nav li ul {  
	border: 2px solid #aaa;
	width: 22em;
}
#Nav a {
	color:white;
}
#Nav a:hover, #Nav li:hover, #Nav li.IE6Hover { 
	background-color:#aaa;
	color:white;
    text-decoration:none;
}

/********************** Inhalt ***********************/
#PageContent {
	margin: 30px;
	/*background-color:Lime;*/
}

.TextBackground, .TextBox {
	background-color:White;
	background-position: -30px -141px;
    /*
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
    opacity: .6; 
    */
}	
.TextBox {
    padding: 0.2em 0.1em 0.2em 1em;  /* assumes hX at top */
    margin-bottom: 20px;
    -moz-border-radius:10px;
}

h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1.0em; }
h2, h3, h4, h5 { margin:0.5em 0em; }

.BildleisteRechts {
    float:right; 
    width:321px; /* alle Bilder sollten 320 Pixel breit sein */
    margin:1em 1em 0 1em;
}

/********************** Seitenfuss ***********************/
#PageFooter {
    position:absolute; 
    bottom:3px; 
    width:100%; 
    text-align:center;
}