/*Testbereich*/
/*
#hauptcontainer { background: red;}
#inhalt { background: brown;}
.spalte2 { background: blue;}
.spalte3 { background: green;}
.monitor { background: yellow;}
*/
/*Testbereich*/

/*padding und margin*/

body {
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	color: rgb(80,80,80);
	font-size: .8em;
	text-align:center;
	align: center;
	background: rgb(226,226,226);
	margin: 2px 0 0 0;
	}

#unterkasten {
	width: 700px;
/*
	height: 80px;
*/
	position: relative;
	top: 50px;
	right: 35px;
	background: rgb(250,250,150);
	border-right: 1px solid rgb(150,150,50);
	border-top: 1px solid rgb(150,150,50);	margin:0px auto;
	padding: 0 0 10px 0;
	}

#unterkasten div {
	width: 600;
	margin: 10px 10px 10px 20px;
	text-align:left;
	}

.spalte3 .kasten {
	padding: 0 0 .5em 0;
}
.spalte3 .kasten h3 {
	margin: 0 0 0 0;
}
.monitor {
}
/*padding und margin*/

a:link, a:visited, a:active {
	color: rgb(22,22,22);
	}


p {
	text-indent: 1em;
	}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	}

#header, #hauptcontainer, #fusszeile {
	width: 700px
	}

#header {
	height: 40px;
	}

#header img {
	position: relative;
	top: 24px;
	float: right;
	}

#hauptcontainer {
	position:relative;
	top: 5px;
	right: 5px;
	height: 580px;
	width: 700px;
	text-align:left;
	background: rgb(256,256,256);
	border-right: 1px solid rgb(150,150,50);
	border-top: 1px solid rgb(150,150,50);	margin:0px auto;
	z-index: 100;
	}

.heftseite {
	position: relative;
	top: 5px;
	right: 5px;
	height: 580px;
	width: 700px;
	background: rgb(220,220,150);
	border-right: 1px solid rgb(150,150,50);
	border-top: 1px solid rgb(150,150,50);
	margin: 0px auto;
	z-index: 99;
	}

#registerkarten {
	height: 30px;
	width: 700px;
	position: relative;
	margin: 0px auto;
	z-index: 101;
	}

#registerkarten li {
	float: left;
	list-style: none;
	}

#registerkarten li a:link, #registerkarten li a:visited {
	background: rgb(240,240,150);
	border-right: 1px solid rgb(150,150,50);
	border-top: 1px solid rgb(150,150,50);
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0 10px;
	text-decoration: none;
	position: relative;	}

#registerkarten li a:hover {
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0 10px;
	background: rgb(230,230,130);
	border-right: 1px solid rgb(150,150,50);
	border-top: 1px solid rgb(150,150,50);
	text-decoration: none;
	position: relative;
	}

#registerkarten  li a:link.current, #registerkarten li a:visited.current {
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0 10px;
	background: rgb(250,250,200);
	border-right: 1px solid rgb(150,150,50);
	border-top: 1px solid rgb(150,150,50);
	text-decoration: none;
	position: relative;
	}

#inhalt {
	width: 600;
	margin: 20px 0 0 20px;
	text-align:left;
	height: 500px;
	}

#inhalt_navi {
	width: 600;
	margin: 20px 0 0 20px;
	position: relative;
	top: 10px;
	text-align:center;
	}

#inhaltsbox {
	width: 600;
	position: relative;
	top: 450px;
	margin: 0px auto;
	text-align:left;
	height: auto;
	width: 600px;
	opacity:0.75;
	filter:alpha(opacity=75);
	border-right: 1px solid rgb(150,150,150);
	border-top: 1px solid rgb(150,150,150);
	padding: 1em;
	background: rgb(240,240,240);
	}

/*
#inhalt img {
	margin: 0 10px 20px 10px;
	}
*/

table#web td {
	width: 350px;
	height: 250px;
	}

table#icons td {
	width: 233px;
	height: 133px;
	}

.browsethinghy {
	float: left;
	width: 180px;
	background: url(bilder/browsethinghy.png);
	font color: white;
	}

.browsethinghy a:link,.browsethinghy a:visited,.browsethinghy a:active {
	color: rgb(225,225,225);
	}

.browsethinghy li {
	line-height: 1.2em;
	margin-bottom: 1.2em;
	list-style: circle url(bilder/listenpfeil.png);
	font color: white;
	
	}

.browsethinghy li li {
	list-style-position: 0 -10px;
	margin-left: -2.2em;
	list-style: circle url(bilder/listenpfeil2.png);
	}

.spalte2 {
	float: left;
	display: inline; /*um den IE double-float Bug zu umgehen*/
	width: 220px;
	height: auto;
	margin: 0 20px 0 30px;
/*
	background: red;
*/
	}

.spalte3, .spalte3 .kasten {
	width: 200px;
	}

.spalte3 {
	float: left;
	display: inline; /*um den IE double-float Bug zu umgehen*/
	font-size: 1.2em;
/*
	background: blue;
*/
	}

.spalte3 .kasten {
	height: auto;
	font-size: .7em;
	background: rgb(240,240,240);
	border-bottom: 1px solid grey;
	color: rgb(110,110,110);
}

.spalte3 .kasten h3 {
	background: rgb(50,50,0) url(bilder/hintergrund_kastenueberschrift.png) repeat-x;
	border-bottom: solid 2px rgb(151,151,151);
	font-size: 1em;
	color: #ffffff;
	padding: .5em;
	}

.spalte3 .kasten a, .spalte3 .kasten span, .spalte3 .kasten input {
	color: rgb(110,110,110);
	display: block;
	margin: 1em 0 .8em .4em;
	}

.spalte3 img {
	display: block;
	margin: 30px 0px;
	border: none;
	}

ul a {
	font-size: .9em;
	line-height: 1.2em;
	}

ul
{
	line-height: 1.6em;
	list-style-image: none;
	list-style-image: none;
	list-style-type: none;
}


#fusszeile {
	height: 20px;
	font-size: 11px;
	font-weight: book;
	color: rgb(10,20,30);
	margin:0px auto;
	text-align:left;
	line-height: 1.8em;
	position:relative;
	top: 50px;
	z-index: 3000;
/*
	background: rgb(222,222,222) url(bilder/fussleiste.png) no-repeat;
*/
	}

#fusszeile a, #menue a {
	text-decoration: none;
	color: rgb(5,0,5);
	margin: 0 1em 0 1em;
	font-weight: bold;
	}

#fusszeile b, #menue b {
	text-decoration: none;
	}

#adresse {
	background: rgb(256,256,256);
	padding: .5em;
	border: dotted 1px rgb(100,100,100);
	width: 300px;
	font-size: .9em;
	position: absolute;
	top: 390px;
	margin: 0 0 0 340px;
}
/*---*/
ol#toc {
	height: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	top:25px;
}

ol#toc li {
	float: right;
	margin: 0 0 0 1px;
}

ol#toc a {
	background: transparent url(bilder/tab.png);
	font-weight: bold;
	display: block;
	float: left;
	height: 2em;
	padding-left: 10px;
	text-decoration: none;
}

ol#toc a, ol#toc a:hover, ol#toc li.current a {
	color: rgb(0,48,48);
	}

ol#toc a:hover {
	background-color: none;
	background-position: 0 -120px;
}

ol#toc a:hover span {
	background-position: 100% -120px;
}

ol#toc li.current a {
	background-color: none;
	background-position: 0 -60px;
	font-weight: bold;
}

ol#toc li.current span {
	background-position: 100% -60px;
}

ol#toc span {
	background: url(bilder/tab.png) 100% 0;
	display: block;
	line-height: 2em;
	padding-right: 10px;
}

.content {
	border: #48f solid 3px;
	clear: left;
	padding: 1em;
}
/*---*/

.weiter {
	width: 700px;
	text-align: center;
	}

/*
a.tooltip {
	background: transparent url(bilder/icons/bueroklammer.png) no-repeat right;
	padding-right: 1.4em;
}
*/

span.tooltip {
	font-style: italic;
	}

.comment {
	background: rgb(222,222,222);
	Padding: .5em;
	font-size: .8em;
	}

#monitor
{
	background: url(bilder/monitor.png) no-repeat 10px -1px;
	height: 221px;
	width: 280px;
	float: left;
	position: relative;
	top: 120px;
	right: 150px;
	bottom: 0px;
	left: 0px;
}

/*menu*/

#auswahl {
	width: 100%;
	height: 30px;
	background: rgb(180,180,180) repeat-x;
	margin-top: 20px;
	}

#auswahl li {
	float: left;
	list-style: none;
	line-height: 30px;
	}


#auswahl li a:link {
	color: rgb(22,22,22);
	text-decoration: none;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	margin: 3px 5px 3px 5px;
	border-right: solid 1px rgb(100,100,100);
	border-bottom: solid 1px rgb(100,100,100);
	border-left:  solid 1px rgb(250,250,250);
	border-top:  solid 1px rgb(250,250,250);
	background: rgb(180,180,180);
	}

#auswahl li a:visited {
	color: rgb(22,22,22);
	text-decoration: none;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	margin: 3px 5px 3px 5px;
	border-right: solid 1px rgb(100,100,100);
	border-bottom: solid 1px rgb(100,100,100);
	border-left:  solid 1px rgb(250,250,250);
	border-top:  solid 1px rgb(250,250,250);
	background: rgb(180,180,180);
	}

#auswahl li a:hover {
	color: rgb(22,22,22);
	text-decoration: none;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	margin: 2px 4px 4px 6px;
	border-right: solid 1px rgb(250,250,250);
	border-bottom: solid 1px rgb(250,250,250);
	border-left: solid 1px rgb(100,100,100);
	border-top: solid 1px rgb(100,100,100);
	background: rgb(180,180,180);
	}

 #auswahl li a.current {
	color: rgb(22,22,22);
	text-decoration: none;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	margin: 2px 0px 4px 0px;
	border-right: solid 1px rgb(250,250,250);
	border-bottom: solid 1px rgb(250,250,250);
	border-left: solid 1px rgb(100,100,100);
	border-top: solid 1px rgb(100,100,100);
	background: rgb(180,180,180);
	}