* {
	margin: 0;
	padding: 0;
}

body  { font-family: Verdana, "Lucide Sans Unicode", Arial, Sans-Serif; background-color: white }

#container {
    width: 800px;
    margin: 0 auto 10px auto;
    background-color: #E1DCD4;
}

#header {
    background: #E1DCD4 url(header.jpg) 0 0 no-repeat;
    height: 130px;
    width: 100%;
}

#content {
    margin-left: 200px;
    background-color: white;
}

/* height fix */
div#content {
    min-height: 600px;
    height: expression(this.scrollHeight > 600 ? "auto":"600px");
}

#text {
	margin-left: 5%;
	margin-bottom: -30px; /* sh. #text p -> margin-bottom; für schönen Abstand */
	padding-top: 30px;
}

#text h1 {
	font-size: 150%;
	color: #666;
	margin-bottom: 20px;
}

#text h2 {
	font-size: 110%;
	color: #777;
	margin-bottom:  10px;
}

#text h3 {
	font-size: 90%;
	color: #878787;
	margin-bottom:  8px;
}

#text p {
	font-size: 75%;
	color: #222;
	margin-bottom:  10px;
	line-height: 140%;
}

#text a {
	color: #A80000;
	font-weight: 600;
	text-decoration: none;
}

#text a:hover, #text a:focus {
	color: white;
	background-color: #A80000;
}

#text a:visited {
	color: #BE4E4E;
}

#text a:active {
	color: red;
	background-color: white;
}

#footer {
	background-color: #E1DCD4;
	border-top: 1px solid white;
    clear: both;
    text-align: center;
    color: gray;
    font-size: 70%;
    height: 40px;
    line-height: 20px;
}

* > html #footer { font-size: 63%; }

#footer a { color: gray; }

#altox {
	text-align: center;
    color: gray;
    font-size: 70%;
    background: white;
    margin-top: 5px;
    height: 23px;
    line-height: 23px;
}

#altox a { color: gray; }

#menu {
    float: left;
    width: 200px;
}

/* __________________~~___ MENUSTYLES ____~~_________________*/

#menu ul { list-style: none; }

#menu ul li a:before { content: "› "; }

ul.menulevel1 li a {
	background: #C31B1B url(menulevel1.gif) top left repeat-x;
	display: block;
	height: 30px;
	outline: none;
}

ul.menulevel1 li a { line-height: 35px; }

ul.menulevel1 li a:hover {
	background-position: bottom left;
}

ul.menulevel2 li a {
	background: #FF6262 url(menulevel2.gif) top left repeat-x;
	display: block;
	height: 25px;
	outline: none;
}

ul.menulevel2 li a { line-height: 25px; }

ul.menulevel2 li a:hover {
	background-position: bottom left;
}


ul.menulevel3 li a {
	background: #E78181 url(menulevel3.gif) top left repeat-x;
	display: block;
	height: 20px;
	outline: none;
}

ul.menulevel3 li a { line-height: 20px; }

ul.menulevel3 li a:hover {
	background-position: bottom left;
}

/*__________MENUSTYLES typo ___________________ */

ul.menulevel1 li a {
	color: white;
	text-decoration: none;
	font-size: 80%;
	padding-left: 15px;
	border-bottom: 1px solid white;
}

ul.menulevel2 li a {
	color: white;
	padding-left: 15px;
	font-size: 70%;
	border-bottom: 1px solid white;
}

/* ________________________ */



table.edit a {
	font-size: 80%;
	margin-right: 5px;
	color: black;
}

table.edit, table.edit tr {
	border: none;
}

#text ul {
	margin-left: 50px;
	font-size: 75%;
	list-style: square;
	margin-bottom: 20px;
}

#text ul ul {
	margin-left: 25px;
	font-size: 100%;
	list-style: disc;
}

#text ul ul ul {
	margin-left: 20px;
	font-size: 100%;
	list-style: circle;
}

#text li {
	margin-top: 4px;
}

/* misc */


.imgleft {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
.imgright {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 10px;
	float: right;
}

.small {
	font-size: 80%;
}

.gross {
	font-size: 120%;
}

.riesig {
	font-size: 200%;
}


#edit {
	font-size: 70% !important;
}

#text table { font-size: 60%; }
