/* Definition CSS-Stylesheet      */
/* Homepage: Ewu-Westernreiten.de */
/* Datum: 01.01.2008 KKR          */

h1 { color:#003399; font-size:24pt; }

body { background-color:#C2D9FE; color:#003399; font-size:12pt; font-family:Arial,Verdana,Helvetica,sans-serif; max-width: 50em; margin: 0px; padding: 0px;}

.leerbox {background-color:#64AAED; padding:1px;}
.headlinebox {background-color:#64AAED; padding:1px;}
.hellblaubox {background-color:#F2F2FA; padding:1px; margin:0px; border:none; }
.impressum { font-size:8pt; background-color:#F2F2FA; padding:1px; margin:0px; border:none; }
.hellblau { background-color:#C8C8FA; }
.big { font-family: arial,helvetica; font-size: 16pt; font-weight: bold;}
.erklaerungsbox {background-color:#FFFBF0; padding:1px; margin:0px; border:none; } 
.orangebox {background-color:#FF9900; padding:1px; margin:0px; border:none; } 


table { background-color:#F2F2FA; color:#003399; font-size:8pt; font-family:Arial,Verdana,Helvetica,sans-serif; }

a:link { font-weight:normal; color:#990033; text-decoration:none }
a:visited { font-weight:normal; color:#990033; text-decoration:none }
a:hover { font-weight:normal; color:#FF0033; text-decoration:none }
a:active { font-weight:normal; color:#990033; text-decoration:none }
a:focus { font-weight:normal; color:#990033; text-decoration:none }


dl, dt, dd, ul, li 
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

<!-- /* KOMMENTAR */ -->
#menu 
{
margin: 0px;
padding: 0px;
cursor: pointer;
font-size: 0.9em;
position: absolute;
top: 0px;
left: 0px;
border: 1px solid #900;
    	border-left-color: #C2D9FE; 
			border-right-color: #C2D9FE;
			border-top-color: #C2D9FE;
			border-bottom-color: #C2D9FE;
color: white; background-color: #C2D9FE;
}

<!-- /* KOMMENTAR */ -->
dl#menu 
{
margin: 0px;
padding: 0px;
cursor: pointer;
width: 10em;
border: 1px solid #900;
    	border-left-color: #C2D9FE; 
			border-right-color: #C2D9FE;
			border-top-color: #C2D9FE;
			border-bottom-color: #C2D9FE;
}

<!-- /* KOMMENTAR */ -->
dl#menu dt a:hover 
{
margin: 0px;
padding: 0px;
cursor: pointer;
border: 1px solid #900;
    	border-left-color: #C2D9FE; 
			border-right-color: #C2D9FE;
			border-top-color: #C2D9FE;
			border-bottom-color: #C2D9FE;
background: white;
}

<!-- /* KOMMENTAR Schaltflächen Hauptmenü*/ -->
dl#menu dt 
{
cursor: pointer;
margin: 2px;
padding: 3px;
height: 20px;
line-height: 20px;
text-align: left;
border: 1px solid #900;
    	border-left-color: #32398D; 
			border-right-color: white;
			border-top-color: white;
			border-bottom-color: #32398D;
color: #32388D; 
background-color: #C2D9FE;
}

<!-- /* KOMMENTAR Hintergrund Untermenü*/ -->
<!-- /* KOMMENTAR hier anpassung für firefox*/ -->
dl#menu dd 
{
position: relative;
top: 0px;
left: 0px;
width: 9em;
cursor: pointer;
margin: 2px;
padding: 0.2em;
color: white; background-color: #C2D9FE;
line-height: 18px;
}

<!-- /* KOMMENTAR */ -->
dl#menu li 
{
cursor: pointer;
margin: 2px 0px 0px 0px;
	/*margin-left: -1.8em;*/
padding: 0px;
display: block;
text-align: left;
border-color: #c96;
  border-left-color: #C1C1FD; 
	border-right-color: #C1C1FD;
	border-top-color: #32398D;
	border-bottom-color: #32398D;
  background-color: #C2D9FE;
height: 100%;
left:-10px;
}

<!-- /* KOMMENTAR */ -->
dl#menu li a, dl#menu dt a 
{
margin: 0px;
padding: 0px;
cursor: pointer;
color: #32388D;
display: block;
border-color: #c96;
    border-left-color: #C1C1FD; 
		border-right-color: #C1C1FD;
		border-top-color: #32398D;
		border-bottom-color: #32398D;
background-color: #B2C9FF;
height: 100%;
}

<!-- /* KOMMENTAR */ -->
dl#menu li a:hover, dl#menu dt a:hover 
{
margin: 0px;
padding: 0px;
cursor: pointer;
background: white;
color: #000080;
font-style: normal;
font-weight: normal;
}

<!-- /* KOMMENTAR */ -->
#mentions 
{
font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: blue;
background-color: #ddd;
}

<!-- /* KOMMENTAR */ -->
#mentions a 
{
text-decoration: none;
color: #32388D;
}

<!-- /* KOMMENTAR */ -->
#mentions a:hover
{
text-decoration: none;
}


.box { width: 800px; height: 600px; background: white;} 
.box h1, .box p {margin: 0 10px;} 
.box h1 {font-size:150%; color:#C1C1FD; } 
.box .top, .box .bottom{display:block;background: #C1C1FD;} 
.box .top b, .box .bottom b { display:block;height: 1px; overflow: hidden; background: white; } 
.box .r1{margin: 0px 5px;} 
.box .r2{margin: 0px 3px;} 
.box .r3{margin: 0px 2px;} 
.box .top .r4, 
.box .bottom .r4{margin: 0 1px;height: 2px;}