/* ----

Christopher Klages
August 2007

CKlages [at] web [Punkt] de

----- */

/* ---- Grundlegende Seiteneinteilungen ---- */

body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background:#333333;
	text-align:center;
	font-family: "Courier New", Courier, monospace;
	color:#FFFFFF;
}

#box {
	width:922px;
	position:relative;
	margin:0px auto;
	padding:0px;
	text-align:left;
}

/* ---- Linkdefinition ---- */

#box a {
	color:#FFFFFF;
	text-decoration:none;
}

#box a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/* ---- Formular ---- */

input{
	margin:0px; 
	padding:0px;
	font: 12px "Courier New", Courier, monospace;
	color:#FFFFFF;
	background:none; 
	border:1px solid #FFFFFF; 
	}
	
textarea {
	margin:0px; 
	padding:0px;
	font: 12px "Courier New", Courier, monospace;
	color:#FFFFFF;
	background:none; 
	border:1px solid #FFFFFF; 
	}
	
select {
	margin:0px;
	padding:0px;
	width:200px;
	font: 12px "Courier New", Courier, monospace;
	color:#FFFFFF;
	background:none;
	border:1px solid #FFFFFF;
	} 

/* ---- BlogTitle ---- */

#blogtitle {
	padding:20px 10px 2px 10px;
	margin:0px;
	background:none;
	border-bottom:1px dotted #FFFFFF;
}

	#blogtitle p {
		font-size:20px;
		margin:0px;
		padding:0px;
	}

/* ---- Menue und Kommentarlink---- */

#menue {
	position:absolute;
	top:30px;
	right:10px;
	text-align:right;
	margin:0px 0px 5px 10px;
	padding:0px;
	font-size:13px;
	background:none;
}

#commentlink {
	position:absolute;
	top:50px;
	right:10px;
	width:300px;
	font-size:14px;
	background:none;
	margin:0px;
	padding:0px;
	text-align:right
}

/* ---- BackForward ---- */
#backforward_left {
	position:absolute;
	background-color:transparent;
	top:78px;
	left:18px;
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:25px;
	font-weight:bold;
}

#backforward_right {
	position:absolute;
	background-color:transparent;
	top:78px;
	right:18px;
	margin:0px;
	padding:0px;
	text-align:right;
	font-size:25px;
	font-weight:bold;
}

#backforward_left a,
#backforward_right a {
	display:block;
	width:200px;
	height:580px;
	text-decoration:none;
}

#backforward_left a:hover {
	display:block;
	background:url(arrow_left.png) no-repeat;
	background-position:left;
	width:200px;
	height:580px;
	text-decoration:none;
	color:#000000;
} 

#backforward_right a:hover {
	display:block;
	background:url(arrow_right.png) no-repeat;
	background-position:right;
	width:200px;
	height:580px;
	text-decoration:none;
	color:#000000;
} 

/* ---- BackForward2 ---- */

#backforward2 {
	position:absolute;
	top:71px;
	left:-20px;
	border:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin: 0px;
	padding: 5px;
}

/* ---- Content ---- */

#content {
	margin:0px 10px 5px 10px;
	border:1px dotted #FFFFFF;
padding:0px;}
	
	/* -- Text -- */
	
	#content h1 {
		padding:40px 50px 0px 10px;
		margin:0px;
		font-size:14px;
		font-weight:normal;
	}
	
	#content h2 {
		padding:20px 50px 0px 10px;
		margin:0px;
		font-size:13px;
		font-weight:bold;
		font-style:normal;
	}

	#content p {
		padding:10px 50px 0px 10px;
		margin:0px;
		font-size:13px;
		font-weight:normal;
	}
		
	#content h4 {
		padding:5px 0px 0px 15px;
		margin:0px;
		font-size:12px;
		font-weight:normal;
		font-style:italic;
	}
	
	#content h5 {
		padding:10px 50px 0px 10px;
		margin:0px;
		font-size:11px;
		font-weight:normal;
	}
	
	#content table {
		table-layout:fixed;
		width:100%;
		border:0px;
		border-collapse:collapse;
		border-spacing:0px;
		padding:0px;
	}
	
	#content td {
		width:32%;
		vertical-align:top;
		padding:0px;
	}
	
	/* -- Bild -- */

	#content img {
		padding:0px;
		margin:0px 0px 0px 0px;
		border:0px;
	}


	/* ---- Title ---- */

	#title {
		padding:5px 10px 5px 10px;
		text-align:left;
		font-weight:bold;
	}


	/* -- Bildtitel -- */

	#pic_title {
		padding:0px 10px 10px 10px;
		text-align:left;
	}
	
		#pic_title p {
			padding:0px;
			margin:0px;
			font-size:12px;
			font-weight:normal;
		}
	
		#pic_title h1,
		#title h1 {
			padding:0px;
			margin:0px;
			font-size:14px;
			font-weight:normal;
		}
		
		#pic_title a,
		#content a {
			color:#FFFFFF;
			text-decoration:underline;
		}

		#pic_title a:hover,
		#content a:hover {
			color:#FFFFFF;
			text-decoration:none;
		}

	/* -- Thumb -- */
	
	#content .thumb {
		margin:5px 5px 0px 0px;
		border:1px solid #FFFFFF;
	}
	
/* ---- Comments ---- */

#comments {
	overflow:auto;
	position:absolute;
	background-color:#333333;
	top:72px;
	right:9px;
	width:350px;
	height:580px;
	text-align:left;
	border:1px dotted #FFFFFF;
	padding:10px;
}
	
	/* -- Textstyles -- */
	
	#comments h1 {
		padding:0px;
		margin:0px;
		font-size:14px;
		font-weight:normal;
	}
	
	#comments h2 {
		padding:20px 0px 0px 0px;
		margin:0px;
		font-size:13px;
		font-weight:normal;
	}
	
	#comments h4 {
		padding:5px 0px 0px 5px;
		margin:0px;
		font-size:12px;
		font-weight:normal;
		font-style:italic;
	}
	
	#comments h5 {
		padding:0px;
		margin:0px;
		font-size:11px;
		font-weight:normal;
	}
	
	#comments p {
		padding:10px 0px 0px 0px;
		margin:0px;
		font-size:13px;
	}
	
	#comments a {
		color:#FFFFFF;
		text-decoration:underline;
	}

	#comments a:hover {
		color:#FFFFFF;
		text-decoration:none;
	}

/* ---- Footer ---- */

#footer {
	text-align:center;
	margin:30px 0px 10px 0px;
	padding:2px 0px 0px 0px;
	border-top:1px dotted #FFFFFF;
}

	#footer p {
		margin:0px;
		padding:0px;
		font-size:10px;
	}

/* ---- Sonstiges ---- */

.spacer {
	margin:10px 0px 0px 0px;
	padding:0px;
	border-style:dotted;
	border-width:1px 0px 0px;
	border-color:#FFFFFF;
	font-size:0px;
	}