@charset "utf-8";
/* CSS Document */


body {
	margin:0px auto;
	padding: 0px;
	line-height:20px;
	background-color:#3c3a3b;
	font-family:Verdana, "Times New Roman",Georgia,  Times, serif;
	font-size: 12px;
	border:0;
	color:#333333;

}

p{
	text-align:justify;
	line-height:20px;
	font-size: 13px;
	margin:10px 5px 15px 0px
	}

a {
color:#0075FF;
}

a:hover {
	text-decoration:none;
	color: gray;
}

.divtitle
{
background-color: #000;
color:#FFFFFF;
}
h1 {
color:#2FA2FF;
font-weight:normal
}



h3 {
color:#0075FF;
font-weight:normal;
}

h4 {
color:#2FA2FF;
font-weight:normal;
}

h2 { 
font-size:20px;
color:#0075FF;
font-weight:normal;
}



.titleheading
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
}

#template {
width:1024px;
height:100%;
background-color:#f9f5f2;
margin:0 auto;
font-size:12px;
}

#main {
width:1024px;
margin:0 auto;
}
#siteheader
{
width:1024px;
margin:0 auto;
height:170px;
}

#logo {
height:80px;
width:80px;
padding-top:20px;
}


#slogan {
height:80px;
width:400px;
padding-top:20px;
float:right;
font-size: 24px;
color:silver;
}


#topnavi {
height:40px;
width:1024px;
background-image:url(images/topnav.png);
background-repeat:no-repeat;
}

#navwidth {
width:1020px;
float:left;
}

ul#navi {
  list-style-type: none;
  width: 100%;
  float: left;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:bolder;
  margin: 0px 0px -5px 0px;
  background-image:url(images/navigation/navigationblau.png);
  background-repeat:no-repeat;
  padding-left:10px; 
  
}
 
ul#navi li {
  display: block;
  float:left;
  margin: -10px 0px 0px 0px;
  position:relative;
}
 
ul#navi li a{
  display: block;
  padding: 0px 15px;  
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}
ul#navi li.active a,
ul#navi li a:hover {
  display: block;
  padding: 0px 19px;
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}



/*--- DROPDOWN ---*/
ul#navi ul{
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}

ul#navi ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
ul#navi ul a,a:visited{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}


ul#navi li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#navi li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#333;
	text-decoration:underline;
}
#navi li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#navi li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#6b0c36;
}






.handcursor
{
cursor:pointer;
}
#search form {
margin-top:-50px;
margin-right:30px;
display:block;
float:right;

}


.close 
{
font-size:16px;
color:#FF0000;
}

.divtab
{
color:#000000;
padding:0px;
}

#detaildiv
{
	width:300px;
    height:400px;
    background:#ccc;
	position:absolute;
	z-index:100000;
	cursor:move;
	border:5px solid #efcfcf;
	left: 500px;
	
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

.alphalist
{
width:600px;
}
.alphabet
{
display:inline-block;
position:relative;
width:15px;
padding-left: 6px;
font-size:14px;
font-weight:bold;
}
#searchbox
{
float:right;
}


#header {
}

#inheader {
padding:0px 10px 0px 10px;
background-color:white;
float:right;
margin-top:80px;
display:block;

}


.title
{
margin:5px 0px 0px 0px;
padding:5px 5px 5px 5px;
}
#leftsidebar {
background-color:#339999;
width:150px;
float:left;
margin-top:10px;
padding: 2px 0px 2px 2px; 
margin-left:10px;

}

#vertikalnav {
  width: 150px;
}

#vertikalnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  
}

#vertikalnav li { 
  margin-top: 2px; font-weight:900; font-size:13px;  }

#vertikalnav li a {
  display: block;
  height: 15px;
  color: #000;
  background-repeat:no-repeat; 
  text-decoration: none;
  padding: 4px 5px 5px 5px;
  border:1px solid silver;
}

#vertikalnav img { 
border:1px solid silver;
margin-top: 2px;
}

#vertikalnav li a:hover { background-color: #dddfe3;}

#content {
width:930px;
margin:20px;
padding-left: 30px;
padding-right: 30px;
margin-top:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#6F6F6F;

}
#content img {
margin:10px;
padding:10px;
border: thin #666 solid;
}

#content2 {
position:relative;
float:left;
width:850px;
margin-left:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#6F6F6F;

}
#slide {
position:relative;
float:left;
width:600px;
margin-left:30px;
margin-top:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color:#6F6F6F;

}
#newsright {
float:right;
width:190px;
margin-left:20px;
margin-top:25px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color:#6F6F6F;

}


#articlecontainer {
width:830px;
float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#6F6F6F;
	margin-top:-40px;

}

.article {
	margin:10px;
	font-size:14px;
}

.ptext {
width:650px;
padding: 5px 0 15px 5px;
margin:10px;

}

.pcontent {
padding: 5px 0 15px 5px;
border-bottom:1px solid silver;

}


.readmore a{
color:#0075FF;
margin-top:10px;
display:block;
position:relative
}

.readmore a:hover,a:visited{
color:#0175FF;
margin-top:10px;
display:block;
position:relative
}

#contentbottom {
background-color:#2A2A2A;
font-size:12px;
width:1025px;
height:50px;
margin-left:0px;
color:white;

}


#contentbottomleft {
width:150px;
float:left;
}

#contentbottomleft h2 {
color:#2FA2FF;
}

#contentbottomright {
width:400px;
float:left;
}

#contentbottomright h2 {
color:#2FA2FF;
}

#footer {
color:gray;
margin-top:20px;
}

#footer a {
color:gray;
width:100%;
height:100%;

}


#end {
height:30px;
}







/* Navigation links */
#navlinks a {
	text-decoration: none;
}
/* Used by example2.php */
ul.odd {
	color: green;
}