/***************************************************************************************************************
*Info: author:akramer, copyright:akramer, for:irgendwo-aberneddihei.ch
*
*       Farben:         Hintergrund:	#333
*                       Hintergrund2:	#555
*                       Schrift:	#FFF
*                       Akzent:		#BBB
*												Links:		#555
*												Rahmen:		#EEE
*
*			Schriften:				Normal:				13px	#FFF
*												Information:	11px	#FFF
*												Error:				11px	#FF3300
*												Highlight:		-			#3333CC	Fett
*												Label:				10px	#FFF
*												Input:				11px	#111
*			
****************************************************************************************************************/
/*------------------------------------------ALLGEMEIN----------------------------------------------------------*/
body{	
	background-Color:#333;
	font-family:Trebuchet ms,Microsoft Sans Serif,Helvetica,Verdana,Arial,sans-serif;
	font-size:13px;
	height:200px;
	background-repeat:repeat-x;
	background-position: 0px 10px;
  margin:0;
  padding:0;
	color:#FFF;
	}
textarea{		
	font-size:11px;
	font-family:Trebuchet ms,Microsoft Sans Serif,Helvetica,Arial,Verdana;
	color:#333;
	border:solid 1px #EEE;
	}
label{
	font-size:10px;
	color:#EEE;
	}
a{
	-webkit-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
	}			
a:link{color:#555;
			text-decoration:underline;
			}
a:visited{color:#EEE;
			text-decoration:underline;
			}
a:focus{color:#FFF;
			text-decoration:underline;
			}
a:hover{color:#FFF;
			text-decoration:underline;
			}
a:active{}
input{
	font-size:11px;
	height:20px;
	color:#111;
	border:solid 1px #EEE;
	}
input::-webkit-input-placeholder{color:#BBB;}
span.suche{color:#3333CC;}/*Highlight*/}
font.error{
	font-Size:11px;
	color:#FF3300;
	font-weight:bold;
	}
img{border:none;}
h3{
	font-size:19px;
	margin:10px 0;
	clear:both;
	}
h4{
	font-size:15px;
	margin:10px 0;
	clear:both;
	}
legend{color:#FFF;}
/*------------------------------------------INDEX--------------------------------------------------------------*/
table.main{		position:absolute;
			top:0px;
			left:0px;
			border-collapse:collapse;
      width:100%;
			}
td.KopfzeileLinks{	width:200px;		
			height:10px;
			}
td.KopfzeileMitte{	width:600px;
			}
td.KopfzeileRechts{}
td.Designzeile{		
	height:200px;
	margin:0;
	padding:0;
	}
td.MainzeileLinks{
	vertical-align:top;
	text-align:left;
	padding-top:10px;
	padding-left:0;
	border-right:solid 0;
}
td.MainzeileMitte{
	vertical-align:top;
	text-align:left;
	padding-top:10px;
	padding-left:0px;
	border-right:solid 0;
}
td.MainzeileRechts{
	vertical-align:top;
	text-align:left;
	font-size:11px;
	padding-top:10px;
	padding-left:0;
}
div.titel{
	font-size:45px;
	font-weight:800;
	letter-spacing:8px;
	position:absolute;
	margin:0;
	padding:0;
}
#titelgross{
	color:#333;
	left:11px;
	top:171px;
	z-index:2;
}
#titelgrossschatten{	
	color:#EEE;
	left:12px;
	top:170px;
	z-index:1;
	
}
/*------------------------------------------MENU---------------------------------------------------------------*/
div.menu_main{
	text-align:left;
	vertical-align:top;
	width:200px;
	padding:0;
	margin:10px 0 0;
}
a.menu{
	text-decoration:none;
	color:#555;
	font-weight:100;
	font-size:13px;
}
a.menu:link{}
a.menu:visited{}
a.menu:focus{color:#FFF;}
a.menu:hover{color:#FFF;}
a.menu:active{}
ul.menu{
	list-style-type:none;
	margin:0 5px 0 10px;
	padding:0;
}
ul.untermenu{
	list-style-type:none;
	margin:0 5px 0 10px;
	padding:0;
}
li.menu{color:#555;
	margin:0;
	padding:0;
}
li.untermenu{color:#555;
	margin:0;
	padding:0;
}
div.menu_suchen{
	margin:0;
	padding:0 0 0 10px;
}
form.menu_suchen{margin:0;}
label.menu_suchen{	margin:0;
			padding:0;
			}
input.SUeingabe{	background-Color:#FFF;
			color:#000;
			width:100px;
			margin-left:0px;
			vertical-align:middle;
			}
input.SUenter{
	background-Color:#555;
	color:#EEE;
	width:24px;
	height:24px;
	margin-right:0px;
	vertical-align:middle;
	}
img.menuIcon{
	margin-top:10px;
	margin-bottom:10px;
	}
label#besucherzaehler{margin:0 0 0 10px;padding:0;}
/*------------------------------------------Vorschau-----------------------------------------------------------*/
a.vorschauBericht{
	border:solid 1px;
	display:block;
	padding:5px;
	margin:5px;
	width:264px;
	height:140px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	float:left;
	}
a.vorschauBericht:visited{color:#EEE;}
a.vorschauBericht:focus{	background-color:#FFF;color:#555;}
a.vorschauBericht:hover{	background-color:#FFF;color:#555;}
a.vorschauFoto{
	border:solid 1px;
	display:block;
	padding:5px;
	margin:5px;
	width:120.75px;
	height:140px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	float:left;
	}
a.vorschauFoto:visited{	color:#EEE;}
a.vorschauFoto:focus{		background-color:#FFF;color:#555;}
a.vorschauFoto:hover{		background-color:#FFF;color:#555;}
a.vorschauKomm{
	border:solid 1px;
	display:block;
	padding:5px;
	margin:10px 5px;
	width:548px;
	height:40px;
	text-align:left;
	text-decoration:none;
	color:#FFF;
	}
a.vorschauKomm:visited{	color:#EEE;}
a.vorschauKomm:focus{		background-color:#FFF;color:#555;}
a.vorschauKomm:hover{		background-color:#FFF;color:#555;}
span.vorschau{font-size:10px;}
img.vorschauBerichtF{
	margin:10px;
	max-height:80px;
	max-width:100px;
	float:left;
	}
img.vorschauFoto{
	margin:10px 10px 2px 10px;
	max-height:80px;
	max-width:100px;
	}
div.vorschauBericht{
	margin:10px;
	padding:0px;
	border:solid 0px;
	font-size:8px;
	height:80px;
	overflow:hidden;
	text-align:left;
}
/*------------------------------------------FOTOALBUM----------------------------------------------------------*/
div.far{	margin:0;padding:0;}
table.fa{	margin:0;padding:0;border-spacing:10px !important;}
.faInfo{	width:200px;padding:0;}
.faPlatz{ visibility:hidden;width:200px;padding:0;}
#fotoinfo{
	display:none;
	width:190px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:3px;
	z-index:100;
}
.FoInfo{
	background-color:#555;
	padding:5px;
	}
#FoTitelanz{
	font-Size:13px;
	font-weight:bold;
	color:#FFF;
	}
#FoKommentar{
	font-Size:12px;
	color:#FFF;
	}
#FoAnzeige{
	font-Size:10px;
	color:#BBB;
	}
div.Foline{		
	border:solid 0px ;
	height:2px;
}
span.anzeige{
	text-align:right;
	}
img.FO{}
/*------------------------------------------TEXT ANZEIGE-------------------------------------------------------*/
.TEzitat{
	color:#BBB;
	}
.TEoverline{
	text-decoration:overline;
	}
.TEcolor{			}
.TEland{
	font-Size:11px;
	position:relative;
	top:0;
	text-align:right;
	float:right;	
	}
.TEdatum{
	font-Size:11px;
	position:relative;
	top:0;
	text-align:right;
	}
.TEbild{margin:5px;}
.TEbildPanorama{
	margin:5px;
	height:100px;
	max-width:550px;
	}
.TEtextlink{}

hr.Kommentare{
	height:1px;
	color:#EEE;
	}
table.Kommentare{
	width:100%;
	border-collapse:collapse;
	border:solid 0px;
	padding:0px;
	}
td.KommentareTitel{
	border-top:solid 1px #555;
	background-color: #555;
	}
td.KommentareKommentar{background-color: #555;}
td.KommentareFusszeile{
	border-bottom:solid 1px  #555;
	background-color: #555;
	}
td.KommentareLeer{height:10px;}
td.KommentareEingabe{border:solid 1px #555;}
label.KommentareTitel{}
font.KommentareKommentar{font-size:13px;}
label.KommentareFusszeile{}
label.Kommentare{}
font.KommentareKein{font-size:13px;}
input.KommentareSubmit{
	background-Color:#555;
	color:#EEE;
	width:40px;
	}
textarea.Kommentare{
	width:100%;
	height:150px;
	}
a.KommentareLinks{color:#BBB;}
/*------------------------------------------Vor und Zurück------------------------------------------------------*/
a.VorZurueck,
span.VorZurueckaktuell{ 
			font-Size:14px;
			font-weight:bold;
			color:#FFF;
			background-Color:#555;
			border:solid 1px #555;
			text-decoration:none !important;
			margin:0px 5px 0px 0px;
			padding:5px 10px;
			}
a.VorZurueck:hover{	
			background-Color:#FFF;
			color:#555;
			}
span.VorZurueckaktuell{	
			color:#555;
			background-Color:#FFF;
			border:solid 1px #555;
			}
div.vz{			
			text-align:left;
			padding:0px 5px 7px 0px;
			margin:10px 0px 10px 0px;
			}

/*------------------------------------------SUCHRESULTAT--------------------------------------------------------*/
.suLinie{
	width:558px;
	height:22px;
	background-Color:#333;
	color:#FFF;
	font-size:14px;
	clear:both;
	padding:0 0 0 5px;
	margin:10px 0 5px 0;
	}
#suKopf{
	margin-top:15px;
	background-Color:#333;
	}
#suFuss{
	background-Color:#333;
	}
a.suBerichte{
	height:140px;
	border:solid 1px;
	display:block;
	padding:5px;
	margin:10px 5px;
	width:548px;
	color:#FFF !important;
	text-align:left;
	text-decoration:none !important;
	}
a.suBerichte:visited{	color:#e0e0e0;}
a.suBerichte:focus{	background-color:#FFF;color:#333!important;}
a.suBerichte:hover{	background-color:#FFF;color:#333!important;}
/*------------------------------------------ROUTE---------------------------------------------------------------*/
input.routeButton{		height:18px;}
/*------------------------------------------Sonstiges-----------------------------------------------------------*/
a.Zufall{}
img.Zufall{	
	width:200px;
	margin:5px;
}