/*middle*/
/* ==========  by  f o r m s p i e l . d e  ========== */


/* ========== G E N E R A L ========== */
body {
	background-color:#ABABA9;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	color: #333;
	letter-spacing: 0.1em;
	text-transform: lowercase;
}
a:link {
	color: #666;
	text-decoration:none;
}
a:visited {
	color: #666;
	text-decoration:none;
}
a:hover { 
	color: #333333;
	text-decoration:none;
}
a:active {
	color:#E00000; /*E00000=rot*/
	text-decoration:underline;
}


/* ---------------> L O G O / H E A D E R */
.logo h1{display: none;}

.logo {height:40px;}

#logo h1{display: none;}

#logo {
	width:730px;
	margin:0px auto;
	height:40px;
	background:  url("../pics/logo_middle.gif") no-repeat;
}


/* ---------------> N A V I G A T I O N */
#container1 {
	width:730px;
	height:15px;
	margin:0px auto;
	font-size: 70%;
	text-align:center;
	/*border: 1px solid #555;*/
}
/*top right bottom left */
#moodsBox {
	float: left;
	margin: 0 0 0 20px; /*Abstand zum nächsten DIV*/
}
	ul#moods {
		margin: 0px; /*Abstand im DIV*/
		padding: 0px; /*li Rand zuruecksetzen*/
	}
	ul#moods li {
		list-style: none;
		display: inline;
		margin: 0 3px 0 0; /*Abstand zwischen Menuepunkten*/
		border: 0px;
	}
/*Raender im Firefox*/
	ul#moods img { border:0px;}
	a#moods:link{text-decoration:none;}
	/*border: 1px solid #ffffff;*/
	/*a#moods:hover {border: 1px solid #6fC1C1;}*/


#image_navigationBox{
	float: left;
	margin: 0 0 0 20px; /*Abstand zum nächsten DIV*/
}
	ul#image_navigation {
		margin: 0px; /*Abstand im DIV*/
		padding: 0px; /*li Rand zuruecksetzen*/
	}
	ul#image_navigation li {
		list-style: none;
		display: inline;
		margin: 0 7px 0 0; /*Abstand zwischen Menuepunkten*/
	}
	ul#image_navigation a {}

#menu {
	float: right;
	margin: 0 20px 0 0; /*Abstand zum nächsten DIV*/
}
	ul#Navigation {
		margin: 0px; /*Abstand im DIV*/
		padding: 0px; /*li Rand zuruecksetzen*/
	}
	ul#Navigation li {
		list-style: none;
		display: inline;
		margin: 0 0 0 7px; /*Abstand zwischen Menuepunkten*/
	}
	ul#Navigation a {}
	#active {}


/* ---------------> G A L L E R Y */
#gallery {
	width:100%;
	height:600px;
	margin:0px auto;
	text-align:center;
	clear: both;
	border-top: 1px solid #666;
	/*border: 1px solid #555;*/
}

#imagebox {
	margin:0px auto;
	padding: 50px 0 0 0;
	text-align:center;
}
.image {
	border: 10px solid #EEE;
}

/* ---------------> C O M M E N T S */

#commentHeader {
	width:100%;
	border-bottom: 1px solid #666;
	}
#commentHeader p {
	margin:30px 0px 2px 435px;
	font-size:70%;
}
#wrapper {
	width:400px;
	margin:0px auto;
	padding:10px;
	text-align:left;
}
#text {  /*thumbnail*/
	float: right;
}
#text img { /*thumbnail-rahmen*/
	border: 2px solid #e2e2e2;
}
#title {
	font-size:90%;
}
#imageinfo {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-size:70%x;
}
#imageinfo a {}
#comments {
	font-size:80%;
	width:100%;
}
#comments ul { /*noch keine Ahnung*/
	padding:0px;
	margin:0px;
	display:block;
	list-style:none;
	width:100%;
}
#comments li { /*noch keine Ahnung*/
	padding-bottom:10px;
	padding-top:10px;
	padding-left:5px;
	padding-right:0px;
	margin:0px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px dotted #666;
}
#comments li:hover {
	background:#CCCCCC;
}
#comments li a {
	text-decoration:none;
}
#addcomment {
	border-top:0px;
}
#addcomment p { font-size:80%;}

#addcomment a {
	text-decoration:none;
	color:#833D1A;
}

#addcomment label {
	margin:0px 0px 0px 2px;
	padding:0px;
	width: 125px;
}
#addcomment input {
	margin:0px 0px 5px 2px;
	padding:0px;
	width:100%;
}
#addcomment{ margin:50px 0px 10px 0px;}
#addcomment textarea {
	font-family:Helvetica, Arial, sans-serif;
	border:1px solid #000;
	width:100%;
	height:60px;
	padding:3px;
}





/* ---------------> O T H E R  S I T E S */
#content {
	width:100%;
	height:600px;
	margin:0px auto;
	text-align:center;
	clear: both;
	border-top: 1px solid #666;
	/*border: 1px solid #555;*/
}

.warning {
	width:330px;
	font-size: 70%;
	letter-spacing: 0.07em;
}

/* ---------------> A B O U T */

#about{
	width:680px;
	margin:0px auto;
	margin-top: 40px;
	text-align:left;
	text-transform:none;
	line-height: 150%;
}

#about p {
	padding:0 0 0 125px;
}
.firstParam {
	width:330px;
	font-size:80%;
	text-indent:0px;
}
.followParam{
	width:330px;
	font-size:80%;
	text-indent:15px;
}
.claim {
	width:330px;
	margin:0px;
	padding: 0 0 10px 0;
	font-size:90%;
	font-style:italic;
}
.author {}


/* ---------------> N E W S  */

.news{
	width:680px;
	margin:0px auto;
	margin-top: 40px;
	text-align:left;
	text-transform:none;
	line-height: 150%;
}
.news p {
	padding:0 0 0 125px;
}
.newsDate {
	display:block;
	width:120px;
	margin:0px;
	padding:0px;
	text-align:right;
	font-size:95%;
}
.newsContent {
	width:330px;
	margin:0px;
	padding: 0px;
	font-size:80%;
	text-indent:0px;
}


/* ---------------> A C T I V I T Y */

#activity{
	width:680px;
	margin:0px auto;
	margin-top: 40px;
	text-align:left;
	text-transform:none;
	line-height: 150%;
}
#activity p {
	padding:0px 0px 20px 125px;
}
form {
	margin:0px 0px 10px 125px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:80%;
	line-height:150%;
}
.userdetails label {
	padding:0px;
	width: 125px;
}
.userdetails input {
	padding:2px;
	width:310px;
	border:none;
	background-color: #CCCCCC;
}
.category label {
	margin:0px 0px 0px 10px;
	padding:0px;
	width: 125px;
	clear:left;
}
.category input {
	margin:0px 0px 5px 2px;
	padding:0px;
}
.messagebox{ margin:20px 0px 10px 0px;}
.messagebox textarea {
	font-family:Helvetica, Arial, sans-serif;
	border:1px solid #000;
	background-color: #E4E4E4;
	width:310px;
	padding:3px;
}
.upload { margin:20px 0px 10px 0px;}

.buttons {}

.buttons input {
	margin:20px 0px 10px 0px;
	border:1px solid #000;
	background-color: #E4E4E4;
	color:#000;
}


/* ---------------> A R C H I V E*/
#archive{
	width:700px;
	margin:0px auto;
}
#archive form {margin:40px 0px 20px 0px;}
.thumbnails{
	margin:10px;
	border:0px;
}

/* ---------------> C O N F I R M*/
#confirm, #error{
	width:680px;
	margin:0px auto;
	margin-top: 40px;
	text-align:left;
	text-transform:none;
	line-height: 150%;
}
#confirm p, #error p {
	padding:0px 0px 20px 125px;
}

/* ---------------> R E F E R E R */

#referer {margin-top:40px;}
#referer ul{
	font-size:80%;
	padding:0px;
	margin:0px;
	list-style:none;
}	

/* ---------------> F O O T E R  */

#footer {}