/*
CSS document: style.css
*/

/* zero all margin and paddings! all means, for all elements! */
html *{
	margin:0;
	padding:0;
}

/* some common styles for html elements */

img {
	border: none;
	vertical-align: middle;
}

select, {
	border: 1px solid #477eb1;
	margin: 2px 2px 2px 0;
	padding: 1px;
	vertical-align: middle;
}

input {
	vertical-align: middle;
    padding: 1px;
}

.text {
    font-size:100%;
}


.csalert {
	clear: both;
	display: block;
	color: red;
	padding: 20px;
}

form {
	margin: 0;
	padding: 0;
}

a:link,a:visited{
	color:#477eb1;
	font-weight:900;
	text-decoration:none;
}

.addform_titel {
	padding-left: 1px;
}

#pagesbar {
	clear: both;
}

a:hover, a:active{
	text-decoration:underline;
}

#input {
	border: none;
}

#subcat_line {
	background: transparent url('images/h-arrow1.gif') -13px bottom no-repeat;
	margin: 0 0 10px 7px;
	height: 14px;
	clear: both;
}

#cmssubcats {
	padding: 0 0 20px 14px;
	list-style: none;
	position: relative;
	height: auto;
	clear: both;
}

#cmssubcats li {
	width: 230px;
	float: left;
	display: block;
	position: relative;
}

.error {
	color: red;
	font-weight: bold;
}

br.clear{
	height:1px;
	font-size:1px;
	line-height:1px;
	clear:both;
	visibility:hidden;
}

#eintragbox ul li, #eintragbox ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.linkca {
	position: absolute;
	top:5px;
	right:8px;
	font-size: 11px;
    width:170px;
    text-align: right;
}

.linkbr {
	font-weight: bold;
}

fieldset {
	padding: 7px;
}

legend {
	padding: 3px;
}

#eintragbox li a {
	width: 470px;
	display: block;
	padding: 5px;
	border-bottom: 1px dotted #9AB7DA;
}

.content_piece {
	clear: left;
	padding-top: 10px;
}

.contentpage, .content_piece {
	font-family: Verdana;
	font-size: 0.9em;
}

body{
	background:#fff;
	color:#444;
	font-size:78%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	cursor: default;
}

table {
	width: 100%;
}

img {
	border: none;
	vertical-align: middle;
}

.searchf input {
	width: 225px;
}

.searchf select {
	width: 225px;
	_width: 230px;
}

.r {
	text-align: right;
	padding: 0;
	margin: 0;
}

.right {
	float: right;
	clear: both;
}

.imagelink_screenshot, .address {
	float: left;
	font-size: 90%;
	position: relative;
}

.imagelink_screenshot img {
	margin: 11px 8px 0 0;
}

.address {
	width: 300px;
	margin-top: 9px;
}

.address img {
	position: absolute;
	top: -2px;
	left: -2px;
}

.desc {
	padding: 5px 0 5px 5px;
	clear:both;
}



.desc ul, .contentpagebody ul {
	padding-left: 14px;
	padding-left: 17px;
}

.link {
	position: relative;
	padding: 5px;
}

.link h3 {
	font-size: 14px;
	clear: both;
	margin-bottom: 3px;
}

.link h3 img {
	padding: 3px 3px;
	vertical-align: top;
}

.right_options {
	text-align: right;
	font-size: 90%;
	position: absolute;
	top: 33px;
	right: 10px;
}

.footer {
	clear: both;
	margin-top: 10px;
	text-align: center;
	font-size: 78%;
	padding-bottom: 5px;
	border-bottom: 5px solid #477eb1;
}

.contentseiten ul {
	list-style: none;
}

.contentpageimage {
	margin: 0 5px 10px 0;
	border: 1px solid #477eb1;
	padding: 1px;
	clear: both;
	float:left;
	vertical-align: top;
	position: relative;
}

.contentpageintro {
	margin: 10px 0;
	clear: both;
}

.contentpagebody {
	text-align: justify;
	overflow:hidden;
	width: 485px;
	clear: both;
}

.contenttitle {
	font-weight: bold;
}

.contentdate {
	font-style: italic;
}

.print {float: right;}
.back {float: left}

hr {
	height: 1px;
}

/* classes */

.nodisplay {
	display: none;
}

ul.show {
	list-style: none;
	padding: 10px;
	margin: 10px;
}

ul.show li {
	margin: 0;
	padding: 0;
	width: 100%;
}


/* wrapper for make layer center on screen */
#wrap{
	width:775px;
	margin:0 auto;
	position:relative;
	background:#fff url('images/wrap.gif') repeat-y 20px 0;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

#skycrapper{
	position:relative;
	left:130px;
	top:160px;
	float:right;
}

/* header */

#head{
	height:203px;
	background:url('images/header.jpg') 100% 0 no-repeat;
}

#head h1 {
	position:absolute;
	top:77px;
	left:395px;
}

#head a {
	display: block;
	height: 65px;
	width: 243px;
}

#searchform{
	background:url('images/header2.gif') 0 0 no-repeat;
	height:79px;
	position:relative;
}

#searchform fieldset{
	border:none;
	padding:5px 20px;
}

#searchform .label1{
	color:#000;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}

#searchform label{
	display:block;
	color:#000;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}

#searchform p input {
	width:300px;
	background:#dde2ea;
	border:1px solid #bac5d5;
}

#searchform p select {
	width:100px;
	background:#dde2ea;
	border:1px solid #bac5d5;
}

#searchform #submit{
	position:absolute;
	left:330px;
	top:2.1em;
	padding:0px 5px;
	border: none;
	font-size:0.9em;
	cursor:pointer;
}

#searchform #submit2{
	position:absolute;
	left:330px;
	top:4.5em;
	padding:0px 5px;
	border: none;
	font-size:0.9em;
	cursor:pointer;
}

#searchform span.more{
	display:block;
	padding:5px 10px;
	color:#000;
	background:url('images/search-arrow.gif') 0 50% no-repeat;

}
#searchform span.more a{
	color:#000;
}

#searchform span.decoration{
	display:block;
	width:50px;
	height:49px;
	background:url('images/search.gif') 0 0 no-repeat;
	position:absolute;
	top:0.3em;
	left:280px;
}

#nav ul{
	list-style:none;
}

#nav ul li{
	float:left;
}

#nav ul li a{
	display:block;
	height:34px;
	text-indent:-9999px;

	text-decoration:none;
}


#nav ul li#firma a{
	background:url('images/nav1.gif') no-repeat;
	width:117px;
}
#nav ul li#eintrag a{
	background:url('images/nav2.gif') no-repeat;
	width:128px;	
}
#nav ul li#neue a{
	background:url('images/nav3.gif') no-repeat;
	width:88px;
}
#nav ul li#top10 a{
	background:url('images/nav4.gif') no-repeat;
	width:100px;
}

#content{
	clear:both;
}

#content ul,#content dl, #content ol,#content p{
	margin:1em  0;
}

#content #maincol{
	padding:10px;
	width:485px;
	float:left;
}

#content #maincol h2{
	font-size:1.1em;
	color:#37527b;
	padding:5px 0 5px 20px;
	background:url('images/h-arrow1.gif') 0 100% no-repeat;
    background-position:left;
	margin:0 0 1em 0px;
}

div#eintragbox{
	background:#dce8f3;
	margin:0 0 1em 0;
	padding: 3px;
	clear: both;
	position: relative;
}


div#itemlist div.item{
	width:245px;
	margin-bottom:5px;
	margin-left: -5px;
	min-height:4em;
	_height:4em;
	float:left;
	z-index: 100;
	position: relative;
}

div#itemlist div.item img {
	margin-right: 3px;
}

div#itemlist div.item h3{
	background:url('images/arrow-blue.gif') 0 50% no-repeat;
	padding-left:15px;
	font-size:1em;
}

div#itemlist div.item h3 a{
	color:#900;
}

div#itemlist div.item span{
	display:block;
	padding:5px 0 0 15px;
	font-size:0.9em;
}

#content div#side{
	float:right;
	width:246px;
	margin-top:-40px;
	z-index:10;
	padding:10px;
}

div#side div.werbung{
	margin:20px auto;
	background:#fff;
	border:1px solid #900;
	min-height:150px;
	_height:150px;
	width:230px;
	text-align:center;
	padding-bottom: 5px;
}

/*
div#side div.box{
	min-height:100px;
	_height:100px;
}
*/

div#side div.box h2{
	font-size:1.1em;
	color:#37527b;
	padding:5px 0 5px 20px;
	margin:0.5em 0;
	background:url('images/h-arrow2.gif') 0 100% no-repeat;
	clear: both;
}

span.date{
	font-size:0.9em;
	font-weight:900;
}

div#side div.box p{
	margin:0.5em 0 1em 0;
}

/*
div#side div.box form#newsletter{
	display:block;
	color:#000;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}
*/

div.box form#newsletter fieldset{
	border:none;
}

#footer{
	border-top:1px solid #fff;
	clear:both;
	background:#37527b;
	color:#fff;
	padding:20px 20px;
}

#footer #fnav a{
	color:#fff;
	font-size:0.9em;
}

#main{
	width:850px;
	margin:0 auto;
	position:relative;
	border:1px solid black;
}

#maincol div.box{
	background:#eeeeee;
    padding:3px;
    height:380px;
}

#content #maincol div.box h2 {
    margin-left:10px;
	background:url('images/h-arrow2.gif') 0 100% no-repeat;
}

#email {
    width:200px;
}

.keyword { /* Keywordmarkierung in der Suchfunktion */
	background-color:#FFFF00;
}