/* Style Sheet opteema.com */
@import url("opteema_old.css");

body {
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #bbb url(../style_neu/pixel_back.gif);
	color: #000;
}
img {
	border: 0px;
}
img.buttons {
	border: 0px;
	padding: 10px 0px 5px 10px;
}
h1 {
	font-size: 146%;
	letter-spacing: 0px;
	line-height: 120%;
	margin-bottom: 5px;
	color: #29166f;
}

#toplinks h1 {
	font-family: Lucida Sans, sans-serif;
  font-size: 176%;
	letter-spacing: 0px;
	line-height: 130%;
	margin-top: 50px;
	margin-bottom: 0px;
	margin-left: 15px;
	color: #fff;
}
h2 {
	font-size: 116%;
	letter-spacing: 0px;
	line-height: 110%;
	margin: 0;
	color: #29166f;
}
ul {
	text-indent: 0px;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

a:link, a:visited, a:active {
	color: #29166f;
	background: transparent;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	border: none;
}
td {
	text-align: left;
	vertical-align: top;
}
/* Definition der einzelnen Bereiche */

#main {
	margin: 0;
	border-top: 1px solid #fff;
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

#toplogo {
	border: 0;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #fff;
	color: #596366;
	background: #fff;
	margin-bottom: 3px;
	font-size: 71%;
}

#toplogo a {
  text-decoration: none;
  color: #596366;
}

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

#subnavigation {
	clear: left;
	float: left;
	padding-bottom: 0px;
	text-align: left;
	border: 0px;
	color: #000;
	background: #fff;
}

#subnavigation ul {
	list-style-type: none;
	text-indent: 0px;
	font-size: 81%;
	font-weight: bold;
  margin: 0px;
  padding: 1px 1px 1px 1px;
	width: 190px;
}

#subnavigation ul.sub2, #detaillinks ul {
	list-style-type: none;
	text-indent: 0px;
	font-weight: normal;
	font-size: 71%;
  margin: 0px 0px 0px 0px;
  padding: 0px 1px 0px 1px;
}

#subnavigation li {
	border: 0;
	margin: 0;
	padding: 5px 10px 5px 20px;
	border-bottom: 1px solid #fff;
	color: #fff;
	background: #5f5093;
}

#subnavigation li.sub2, #subnavigation li.sub2top {
	border: 0;
	margin: 0;
	padding: 5px 0px 5px 20px;
	border-top: 1px solid #222;
	color: #000;
	background: #fff;
}


#detaillinks ul {
	padding: 5px 10px 50px 10px;
	font-size: 61%;
} 
#detaillinks li {
	border: 0;
	margin: 0;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #222;
	color: #000;
	background: #fff;
}
#detaillinks p {
	padding: 10px 10px 10px 10px;
	margin: 0;
	color: #fff;
	background: #29166f;
	font-size: 71%;
	font-weight: bold;
	border-top: 1px solid #fff;
}

#detaillinks li a:link, #detaillinks li a:visited, #detaillinks li a:active {
	text-decoration: none;
	color: #000;
	background: transparent;
}

#detaillinks li a:hover {
	color: #ccc;
	background: transparent;
}

#subnavigation li.sub2top {
	border-top: 0px;
}

#subnavigation a:link, #subnavigation a:visited, #subnavigation a:active {
	text-decoration: none;
	color: #fff;
	background: transparent;
}

#subnavigation li.sub2 a:link, #subnavigation li.sub2 a:visited, #subnavigation li.sub2 a:active {
	text-decoration: none;
	color: #000;
	background: transparent;
}

#subnavigation li.sub2top a:link, #subnavigation li.sub2top a:visited, #subnavigation li.sub2top a:active {
	text-decoration: none;
	color: #000;
	background: transparent;
}

#subnavigation li:hover {
	text-decoration: none;
	color: #ccc;
	background: #948bb7;
}
#subnavigation li.nav2sel {
	text-decoration: none;
	color: #000;
	background: #948bb7;
}

#subnavigation a:hover, #subnavigation  li.sub2top a:hover, #subnavigation  li.sub2top:hover, #subnavigation  li.sub2 a:hover, #subnavigation  li.sub2:hover {
	text-decoration: none;
	color: #ccc;
	background: transparent;
}

#detaillinks {
	width: 175px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: 1px solid #fff;
	margin: 0px 3px 0px 3px;
	background: #fff;
	color: #000;
	text-align: left;
}

#fullcontent {
  padding: 0px;
	border: 0px;
	margin: 0px 0px 0px 197px;
	color: #000;
	background: #fff;
}

#fullcontent2 {
  padding: 0px;
	border: 0px;
	margin: 0px 0px 0px 375px;
	color: #000;
	background: #fff;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #fullcontent {
	margin: 0px 10px 0px 3px;
	clear: right;
	float: right;
}
* html #fullcontent2 {
	margin: 0px 10px 0px 0px;
	clear: right;
	float: right;
}
/* End hide from IE5/mac */
#toplinks {
	border: 0;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 30px 0px;
	border: 1px solid #fff;
	color: #fff;
	background: #29166f;
	font-size: 71%;
	text-align: left;
}

#searcharea {
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #fff;
	float: right;
	height: 60px;
	width: 200px;
	padding: 10px 15px 0px 15px;
}

input.kontakt, textarea.kontakt {
	vertical-align: middle;
	width: 95%;
}

fieldset {
  border: 0;
}

legend {
  color: #000;
  padding-top: 10px;
  display: block;
}
p.feld {
  margin: 0;
  padding: 0;
}

div.greyborder {
  border: 2px solid #ccc;
  padding: 5px 5px 5px 5px;
  margin-bottom: 10px;
}

img.downloads {
  padding: 0px 10px 20px 0px;
}
input#suchbegriff {
	height: 16px;
	font-size: 10px;
	vertical-align: middle;
}
input#submit {
	height: 21px;
	font-size: 10px;
	vertical-align: middle;
}

#realcontent_old {
	padding: 15px 15px 15px 15px;
	border: 0;
	margin: 0px 0px 3px 0px;
	background: #fff;
	color: #000;
	font-size: 76%;
	text-align: left;
}

#realcontent img.rahmen {
  border: 1px solid #CCC;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #toplinks {
	margin: 0px 0px 3px -3px;
}
* html #realcontent {
	margin: 0px 0px 3px 3px;
}
/* End hide from IE5/mac */

div.breadcrumb {
    color: #000;
    background: transparent;
    text-decoration: none;
    font-size: 91%;
    margin-bottom: 15px;
}

div.breadcrumb a {
    color: #000;
    background: transparent;
    text-decoration: none;
}


#footer {
	clear: right;
	padding: 3px 15px 3px 15px;
	border: 1px solid #fff;
	margin: 3px 0px 10px 0px;
	background: #29166f;
	color: #fff;
	font-size: 71%;
	text-align: center;
}

#morelinks {
	float: right;
	width: 220px;
	margin: 0px 0px 0px 20px;
	padding: 0;
	border: 0;
	border-bottom: 50px solid #86a7d5;
	color: #fff;
	font-size: 91%;
	background: #3561ad;
	background: #86a7d5;
	text-align: left;
}

#realtext {
	padding: 30px 40px 50px 40px;
	border-right: 220px solid #86a7d5;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #morelinks {
	width: 222px;
	margin: 0px -3px 0px 20px;
	border-right: 1px solid #fff;
}

* html #realtext {
	border-right: 219px solid #86a7d5;
}
/* End hide from IE5/mac */

div.moretext {
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #fff;
}

div.leveltext {
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #fff;
}

#searchbox input, #toplinks input {
  font-size: 91%;
}
a.topmenu:link, a.topmenu:visited, a.topmenu:active {
	color: #fff;
	background: transparent;
	text-decoration: none;
}
a.topmenu:hover {
	text-decoration: underline;
	color: #fff;
	background: transparent;
}

#morelinks a {
    color: #fff;
    background: transparent;
    text-decoration: none;
}

#morelinks a:hover {
	text-decoration: underline;
}
td.moreinfos {
  text-align: right;
  font-size: 71%;
}

div.newsbox {
	padding: 4px 10px 4px 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
  color: #000;
  background: #fff;
  font-size: 91%;
}

div.newsbox2 {
	padding: 3px 5px 3px 5px;
  color: #000;
  background: #f1f1f1;
  clear: both;
  font-size: 91%;
}
img.newsbox {
	border: 2px solid #fff;
	margin: 0px 10px 5px -5px;
	float: left;
}

div.inhaltsbereich {
  color: #000;
  background: #fff;
}

div.fotobox {
  width: 150px;
  color: #000;
  background: #fff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  text-align: right;
}

#topueberschrift {
	border: 0;
	margin: 0px 0px 3px 0px;
	padding: 10px 15px 0px 15px;
	border: 1px solid #fff;
	color: #000;
	background: #fff;
	font-size: 76%;
	text-align: left;
}

#bilderunten {
	border: 0;
	margin: 0px 0px 3px 0px;
	padding: 0px 5px 0px 5px;
	font-size: 76%;
	text-align: left;
}

#realcontent {
	border: 0;
	margin: 0px 0px 3px 0px;
	padding: 15px 15px 15px 15px;
	border: 1px solid #fff;
	color: #000;
	background: #fff;
	font-size: 76%;
	text-align: left;
}

#fullrealcontent {
	border: 0;
	margin: 0px 0px 3px 0px;
	padding: 15px 15px 15px 15px;
	border: 1px solid #fff;
	color: #000;
	background: #fff;
	font-size: 76%;
	text-align: left;
	height: 1%;
}


/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #toplinks {
	margin: 0px 0px 3px -3px;
}

* html #bilderunten {
	margin: 0px 0px 3px -3px;
}
* html #realcontent {
	margin: 0px 0px 3px 3px;
}
* html #fullrealcontent {
	margin: 0px 0px 3px 3px;
}
* html #topueberschrift {
	margin: 0px 0px 3px 3px;
}
/* End hide from IE5/mac */

#bilderrechts {
width: 165px;
float: right;
padding: 0;
border: 0;
margin: 0px 0px 0px 3px;
font-size: 76%;
padding-left: 20px;
}

img.bildlink {
  border: 1px solid #ccc;
  padding: 1px 1px 1px 1px;
  margin: 0px 0px 20px 20px;
}

hr.borderline {
  clear: right;
}

.listItem {
			font-size: 11px;
			float: left;
			background-color: #fff;
			border-width: 5px 0px 0px 0px;
			border-color: #ffffff;
			border-style: solid;
			width: 152px;
			overflow: hidden;}
			
.listItem a,
.listItem a:visited {
			display: block;
			color: #333;
			padding: 2px 0px 2px 0px;
			height: 150px;
			border: solid 1px #B8B8B8;
			background-image: none;
			overflow: hidden;}
			
.listItem a:hover {
			display: block;
			padding: 2px 0px 2px 0px;
			height: 150px;
			text-decoration: none;
			border: solid 1px #333;
			overflow: hidden;}
		
.listItem p {
			display: inline;}
			
a.lupe, a.lupe:visited, a.lupe:hover {
			display: block;
			color: #333;
			padding: 0px 0px 0px 0px;
			height: 17px;
			border: 0;
			background-image: none;}

.des {
			background-color: #e7e7e7;
			display: block;
			margin: -3px -5px 2px -5px;
			padding: 2px 5px 3px 5px;
			color: #333;
			font-weight: bold;}
			
.list2Item {
			font-size: 11px;
			float: left;
			background-color: #fff;
			border-width: 5px 0px 0px 5px;
			border-color: #ffffff;
			border-style: solid;
      }
			
.list2Item a,
.list2Item a:visited {
			display: block;
			color: #333;
			padding: 2px 2px 2px 2px;
			width: 174px;
			height: 240px;
			border: solid 1px #B8B8B8;
			background-image: none;
			overflow: hidden;
      
      }
			
.list2Item a:hover {
			display: block;
			padding: 2px 2px 2px 2px;
			width: 174px;
			height: 240px;
			text-decoration: none;
			border: solid 1px #333;}
		
.list2Item p {
			display: inline;}			
			
#bilderrechts {}
#bilderunten {}

#realcontent {
	border-right: 1px solid #fff;
}

.listItem {
			font-size: 11px;
			float: left;
			background-color: #fff;
			border-width: 0px 0px 0px 0px;
			border-color: #ffffff;
			border-style: solid;
			margin: 5px 5px 0px 0px;
			overflow: hidden;
      }

div.sitemap1 {
	padding: 4px 5px 4px 5px;
  color: #000;
  background: #f1f1f1;
  font-size: 111%;
  font-weight: bold;
  border-bottom: 2px solid #fff;
  margin-top: 5px;
}

ul.sitemap2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* neu jetzt */
.date
{
	float:left;
	border-right: 1px solid #bbb;
	padding: 3px 10px 3px 0;
	margin: 0 10px 10px 0;
	text-align:center;
	color: #bbb;
	font-weight: bold;
	width: 80px;
}
	
.date .day {
	font-size: 20px;
	line-height: 20px;
}
	
.date .month {
	font-size: 13px;
	line-height: 13px;
	padding: 2px 0px 4px 0px;
}
	
.date .year {
	font-size: 10px;
	line-height: 10px;
}

.post
{
	padding: 0px 0 10px 110px;
	margin: 0 0 20px 0;
	text-align: left;
	border-bottom: 1px solid #bbb;
}

.post h2 {
  margin-bottom: 5px;
}

#newsrechts {
width: 160px;
float: right;
padding: 3px 5px 30px 5px;
border: 0;
margin: 0px 0px 10px 10px;
font-size: 76%;
border-left: 20px solid #fff;
border-right: 10px solid #fff;
background: #eee;
color: #000;
}

/* Gallery */
			
.list3Item {
			font-size: 101%;
			font-weight: bold;
			float: left;
			background-color: #fff;
			border: 1px solid #bbb;
			padding: 0px 0px 10px 0px;
			margin: 0 10px 10px 0;
			text-align: center;
			width: 175px;
			height: 175px;
			overflow: hidden;
      }
			
.list4Item {
			font-size: 91%;
			font-weight: normal;
			float: left;
			background-color: #fff;
			border: 0px solid #bbb;
			padding: 0px 0px 10px 0px;
			margin: 0 10px 10px 0;
			text-align: left;
			width: 170px;
			height: 320px;
			overflow: hidden;
      }

      /* Hinweisbox */

.wichtig {
  padding: 10px 10px 10px 10px;
  margin: 20px 0 20px 0;
  background: #dfdfdf;
  color: #291667;
  font-weight: bold;
}
/* Kontaktformular */
form.contact {
  width: 700px;
}

form.contact fieldset {
  border: 0;
  margin: 11pt 0 0 0;
  padding: 0;
}

form.contact label.meinlabel, form.contact legend {
  width: 200px;
  float: left;
  clear: both;
  padding: 2px 2px 2px 2px;     
  font-weight: bold;
}

form.contact label small {
  font-weight: normal;
}

label.meinlabelklein, input.meinlabelklein {
  width: 10px;
  float: left;
  clear: both;
  text-align: left;
  padding: 2px 2px 2px 2px;
}
input.kontakt {
  width: 450px;
  float: right;
  margin-bottom: 2px;
  border: 1px solid #948bb7;
}
input.senden {
  width: 200px;
  margin-left: 248px;
  clear: both;
  margin-bottom: 2px;
  border: 1px solid #948bb7;
}

textarea.nachricht {
  width: 450px;
  float: right;
  margin-bottom: 8px;
  border: 1px solid #948bb7;
}
div.mailhinweis, select {
  width: 450px;
  float: right;
  margin-bottom: 8px;
}
div.checkhinweis {
  width: 650px;
  float: right;
  text-align: left;
  padding-bottom: 10px;
}