/* CSS Document */

/*PAGE LAYOUT*/
body {
	background-image:url('hinter3.jpg'); background-repeat:no-repeat; background-position: center bottom; background-attachment: fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:hover{
color:#cc0000;
text-decoration:underline;
}

a img{
border:0;
}

img {
border:0;
}

a {
text-decoration:none;
background-color:inherit;
color:#000000;
}

#logo{float:left; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x; width:274px; height:213px;}
#head{float:right; width:800px; height:70px; background-color:#f0f0f0;}
#topheader{float:right; width:800px; height:115px; background:url(collage.jpg); background-repeat:no-repeat; background-position: right bottom;}
#topheader1{float:right; width:800px; height:115px; background:url(org.jpg); background-repeat:no-repeat; background-position: right bottom;}
#topheader2{float:right; width:800px; height:115px; background:url(kon.jpg); background-repeat:no-repeat; background-position: right bottom;}
#topheader3{float:right; width:800px; height:115px; background:url(not.jpg); background-repeat:no-repeat; background-position: right bottom;}
#topheader4{float:right; width:800px; height:115px; background:url(fuhr.jpg); background-repeat:no-repeat; background-position: right bottom;}
#topheader5{float:right; width:800px; height:115px; background:url(ein.jpg); background-repeat:no-repeat; background-position: right bottom;}
#topheader6{float:right; width:800px; height:115px; background:url(links.jpg); background-repeat:no-repeat; background-position: right bottom;}
#topheader7{float:right; width:800px; height:115px; background:url(organ.jpg); background-repeat:no-repeat; background-position: right bottom;}
#topheader8{float:right; width:800px; height:115px; background:url(dienst.jpg); background-repeat:no-repeat; background-position: right bottom;}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:left; width:800px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:right; width:526px;}
#contenttext2{float:left; width:700px;}
#contenttext3{float:left; width:526px;}
#leftpanel{float:left; width:274px;}
#leftpanel2{float:left; width:274px;}
#footer{float:right; width:800px; background-color:#f0f0f0; padding:5px; margin:10px 0px 0px 0px;}
#footer1{float:right; width:800px; background-color:#f0f0f0; padding:5px; margin:20px 0px 0px 0px;}
#video {border:2px dotted #CC0000; width:640px;}

/*GRAY PANEL*/
.graypanel{
	background-image:url('hg4.jpg');
	background-repeat:no-repeat;
	background-position: center bottom;
	border-left:2px solid #999999;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	border-top:2px dotted #999999;
	background-color:#FFFFFF; 
	padding:7px; margin:10px 10px 5px 0;
}

/*TEXT STYLES*/

.bodytext {
	margin:7px 0 15px 0;
	font: 0.7em Verdana, sans-serif;
	color:#000000;
}

.bodytext1 {
	font: 0.7em Verdana, sans-serif;
	color:#000000;
}

.bodytext2 {
	margin:7px 0 15px 0;
	font: 0.8em Verdana, sans-serif;
	color:#000000;
}

.bodytext3 {
	font: 0.7em Verdana, sans-serif;
	color:#000000;
}

.bodytext4 {
	font: 0.6em Verdana, sans-serif;
	color:#000000;
}

.collage {
	padding:10px;
}

.haupt {
	padding:15px;
}

.titletext {
	font: 0.7em Verdana, sans-serif;
	font-variant:small-caps;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.titletext2 {
	font: 0.7em Verdana, sans-serif;
	font-variant:small-caps;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
.whitetitle {
	font: 0.7em Verdana, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Verdana, sans-serif;
	font-variant:small-caps;
	font-size:15px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Verdana, sans-serif;
	font-variant:small-caps;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Verdana, sans-serif;
	font-variant:small-caps;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Verdana, sans-serif;
	font-variant:small-caps;
	font-size: 14px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Verdana, sans-serif;
	font-variant:small-caps;
	font-size: 14px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	color:#cc0000;
	text-decoration:underline;
}

.smallgraytext1  {
	font: 0.7em Verdana, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext1 a{
	font: 0.7em Verdana, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext1 a:hover{
	color:#cc0000;
	text-decoration:underline;
}

.smallredtext {
	font: 0.7em Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}

.smallredtext2 {
	font: 0.7em Verdana, sans-serif;
	font-variant:small-caps;
	font-size: 13px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext2 a{
	font: 0.7em Verdana, sans-serif;
	font-variant:small-caps;
	font-size: 13px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext2 a:hover{
	text-decoration:underline;
}


.thumbnail{
	padding: 3px 3px 3px 3px;
	background-color: #ffffff;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	}
	
.klein {
	font: 0.7em Verdana, sans-serif;
	font-size: 10px;
	color:#000000;
}

.klein2 {
	font: 0.7em Verdana, sans-serif;
	font-size: 10px;
	color:#cc0000;
	float:right;
}

.smallredtext3 {
	font: 0.7em Verdana, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color:#000000;
	margin:5px 0px 0px 0px
}

div.transOFF img {

}

div.transON img {
	filter:alpha(opacity=30);
	opacity:.30; 
}

div.transOFF1 img {

}

div.transON1 img {
	filter:alpha(opacity=50);
	opacity:.50; 
}


ul#links {
	font-size: 14px;
	list-style:square;
	top: 0;
	left: 0;
	padding: 0 0 0 30px;
	color:#000000;
	margin: 0;
	line-height : 1.6em;
}

ul#links li:hover {
	color:#cc0000;
}

ul#links2 {
	font-size: 12px;
	list-style:square;
	top: 0;
	left: 0;
	padding: 0 0 0 20px;
	color:#000000;
	margin: 0;
	line-height : 1.6em;
}

ul#links2 li:hover {
	color:#cc0000;
}

ul#links3 {
	font: 0.7em Verdana, sans-serif;
	font-size: 14px;
	list-style:square;
	top: 0;
	left: 0;
	padding: 0 0 0 30px;
	color:#000000;
	margin: 0;
	line-height : 1.6em;
}

ul#links3 li:hover {
	color:#cc0000;
}
ul#links4 {
	font-size: 12px;
	list-style:square;
	top: 0;
	left: 0;
	padding: 0 0 0 20px;
	color:#000000;
	margin: 0;
	line-height : 1.6em;
}

ul#links4 li:hover {
	color:#cc0000;
}

ul#links5 {
	font: 0.7em Verdana, sans-serif;
	font-size: 10px;
	list-style:square;
	top: 0;
	left: 0;
	padding: 0 0 0 20px;
	color:#000000;
	margin: 0;
	line-height : 1.6em;
}

ul#links5 li:hover {
	color:#cc0000;
}

ul#links6 {
	font: 0.7em Verdana, sans-serif;
	font-size: 10px;
	list-style:square;
	top: 0;
	left: 0;
	padding: 0 0 0 20px;
	color:#000000;
	margin: 0;
	line-height : 1.6em;
}

ul#links6 li:hover {
	color:#cc0000;
}

ul#links7 {
	font-size: 14px;
	list-style:square;
	top: 0;
	left: 0;
	padding: 0 0 0 30px;
	color:#000000;
	margin: 0;
	line-height : 1.6em;
}

ul#links7 li:hover {
	color:#cc0000;
}

ul#links8 {
	font-size: 12px;
	list-style:square;
	top: 0;
	left: 0;
	padding: 0 0 0 20px;
	color:#000000;
	margin: 0;
	line-height : 1.6em;
}

ul#links8 li:hover {
	color:#cc0000;
}