/**
 *
 ****************************************************************************************************************
 *                                    *                                    *                                    *
 *          wildersueden.org          *          by lenki & klixi          *         technical support:         *
 *               - v6 -               *              (c) 2009              *       admin@wildersueden.org       *
 *                                    *                                    *                                    *
 ****************************************************************************************************************
 *
 * 
 *************************
 * file:				main.css
 * version:			0.0.1
 * description:	main styles
 *************************
 * 
 */

* {
	border-color: #036;
	border-style: solid;
	border-width: 0;
	color: #000;
	font-family: Verdana, sans-serif;			/* könnte noch geändert werden ... */
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: justify;
}

body {
	background-color: #FFF;
}

a {
	text-decoration: none;
}

h1 {
	color: #036;
	font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
	font-size: 24px;
	padding: 20px 10px 10px;
}

h2 {
	color: #000;
	font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
	font-size: 16px;
	padding: 10px 10px 2px;
}

input {
	border-color: #000;
	border-width: 1px;
	display: block;
	margin: 0 0 5px 0;
	padding: 5px;
	width: 200px;
}

input[type = 'submit'] {
	background: none;
	background-color: #036;
	color: #FFF;
	margin: 10px 0;
	text-align: center;
	width: 212px;
}

label {
	display: block;
	font-weight: bold;
}

p {
	line-height: 160%;
	padding: 0 10px 5px;
}

textarea {
	border-color: #000;
	border-width: 1px;
	display: block;
	min-height: 100px;
	margin: 0 0 5px 0;
	padding: 5px;
	width: 200px;
}


#header {
	background-image: url('./../img/bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	height: 240px;
	margin: 0 auto;
	width: 900px;
}

	#header img {
		float: right;
		margin: 50px 100px 25px;
	}


#navigation {
	border-width: 0 0 2px 0;
	height: 21px;
	padding: 219px 0 0;
	width: 900px;
	position: absolute;
}

	#navigation ul {
		margin: 0 30px;
		text-align: center;
	}

	#navigation ul li {
		list-style-type: none;
		float: left;
		display: block;
	}

	#navigation ul li:hover * {
		color: #FFF;
	}
	
	#navigation ul li a {
		color: #FFF;
		font-size: 12px;
		font-variant: small-caps;
		margin: 0 5px;
		padding: 8px 25px;
		display: block;
		position: relative;
		bottom: 11px;
	}
	
	#navigation ul li a:active, #navigation ul li a:hover, #navigation ul li a.active {
		background-image: url('./../img/transparent.png');
		background-position: top left;
		background-repeat: repeat;
		border-color: #036;
		border-width: 2px 0 0 0;
		color: #036;
		padding: 8px 25px;
	}
	
	/* CSS-Hack für Safari und Chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#navigation ul {
			margin: 0 20px;
		}

		#navigation ul li a {
			font-size: 14px;
			padding: 7px 25px 6px;
		}
	
		#navigation ul li a:active, #navigation ul li a:hover, #navigation ul li a.active {
			padding: 5px 25px 6px;
		}
	}


#box {
	margin: 0 auto 20px;
	overflow: auto;
	width: 900px;
}

	#content {
		clear: both;
		float: left;
		min-height: 400px;
		width: 600px;
	}
	
	#content div.container {
		border-width: 0 0 2px;
		padding: 0 0 10px 0;
		overflow: auto;
	}
	
	#content div.entry {
		clear: left;
	}
	
	#content div.entry div.preview /*img*/ {
		float: left;
		margin: 11px 10px 0 10px;
		width: 100px;
		height: 60px; 
		overflow: hidden;
		position: relative;
		display: block;
	}

	#content div.tabbed_box {
		margin: 10px;
	}
	
		#content div.tabbed_box div.tabbed_box_tabs {
			overflow: auto;
		}
		
			#content div.tabbed_box div.tabbed_box_tabs ul {
				list-style: none;
			}
			
				#content div.tabbed_box div.tabbed_box_tabs ul li {
					border-width: 1px 1px 0 1px;
					float: left;
					margin: 0 10px 0 0;
					padding: 6px 0;
				}
			
				#content div.tabbed_box div.tabbed_box_tabs ul li a {
					background-color: #036;
					color: #FFF;
					padding: 6px 10px;
				}

				#content div.tabbed_box div.tabbed_box_tabs ul li a.active,
				#content div.tabbed_box div.tabbed_box_tabs ul li a:hover {
					background-color: #FFF;
					color: #000;
				}

		#content div.tabbed_box div.tabbed_box_content {
			border-width: 1px;
			margin: -1px 0 0 0;
			padding: 10px 5px 0 5px;
		}
		
			#content div.tabbed_box div.tabbed_box_content div.tabbed_box_download {
				border-style: dotted;
				border-width: 1px;
				margin: 0 0 10px 0;
				min-height: 50px;
				overflow: auto;
				padding: 4px 8px;
			}
			
			#content div.tabbed_box div.tabbed_box_content div.tabbed_box_download a {
				display: block;
				float: right;
				margin: 0 0 -2px 0;
			}

			#content div.tabbed_box div.tabbed_box_content div.tabbed_box_download:hover a {
				display: block;
				float: right;
				margin: 0 0 -2px 0;
			}
			
			#content div.tabbed_box div.tabbed_box_content div.tabbed_box_download div.tabbed_box_download_name {
				float: left;
				font-weight: bold;
				padding: 5px 0;
				width: 410px;
			}
			
			#content div.tabbed_box div.tabbed_box_content div.tabbed_box_download div.tabbed_box_download_groesse {
				display: block;
				float: left;
				font-style: italic;
				padding: 5px 0;
				text-align: right;
				width: 80px;
			}
			
			#content div.tabbed_box div.tabbed_box_content div.tabbed_box_download:hover div.tabbed_box_download_groesse {
				display: block;
				float: left;
				font-style: italic;
				padding: 5px 0;
				text-align: right;
				width: 80px;
			}
			
			#content div.tabbed_box div.tabbed_box_content div.tabbed_box_download div.tabbed_box_download_beschreibung {
				border-style: dotted;
				border-width: 1px 0 0 0;
				float: left;
				padding: 5px 0;
				width: 490px;
			}
			
			#content div#bilder {
				padding: 10px;
			}
			
			#content div#bilder .bilder_album_uebersicht {
				float: left;
				padding: 15px 0;
				text-align: center;
				width: 180px;
				overflow: auto;
				height: 180px;
			}
			
			#content div#bilder .bilder_album_uebersicht img {
				margin: auto;
				margin-bottom: 10px;
				display: block;
			}
			
			#content div#bilder .bilder_album_uebersicht img:hover {
				background-color: #036;
				color: #FFF; 
			}
			
			#content div#bilder a.bilder_album {
				float: left;
				padding: 10px 8px;
				width: 160px;
				height: 140px;
				display: inline;
				text-align: center;
				vertical-align: middle;
			}
			
			
			#content div#bilder a.bilder_album:hover {
				background-color: #036;
			}
			
			#content div#bilder_options {
				margin: 15px 0 5px 0;
				overflow: auto;
				width: 100%;
			}
			
			#content div#bilder_options * img {
				display: block;
				margin: 0 auto 5px;
			}

			#content div#bilder_options_left {
				float: left;
				text-align: center;
				width: 35%;
			}
			
			#content div#bilder_options_back {
				float: left;
				text-align: center;
				width: 30%;
			}
			
			#content div#bilder_options_right {
				float: left;
				text-align: center;
				width: 35%;
			}



	#sidebar {
		float: right;
		min-height: 400px;
		padding: 0 0 0 50px;
		width: 250px;
	}

		#sidebar img {
			margin: 10px 0;
		}
		
		#sidebar .panel {
			background-color: #036;
			background-image: url('./../img/panel.png');
			background-position: top left;
			background-repeat: repeat-x;
			color: #FFF;
			font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-size: 24px;
			font-variant: small-caps;
			font-weight: bold;
			height: 60px;
			letter-spacing: 1px;
			margin: 20px 0;
			padding: 10px;
			text-align: center;
			width: 230px;
		}
			#sidebar .panel a {
				color: #FFF;
				font-size: 24px;
				display: block;
				text-align: center;
			}
		
		#sidebar .panel:hover {
			background: none;
			background-color: #036;						
		}


#footer {
	display: none;
	background-color: #036;
	background-image: url('./../img/panel.png');
	background-position: top left;
	background-repeat: repeat-x;
	clear: both;
	font-size: 11px;
	line-height: 180%;
	margin: 0 auto;
	overflow: auto;
	padding: 5px 0;
	width: 900px;
}

	#footer span.left {
		color: #FFF;
		float: left;
		font-size: inherit;
		padding: 0 0 0 9px;
		width: 69%;
	}
	
	#footer span.right {
		color: #FFF;
		float: right;
		font-size: inherit;
		padding: 0 9px 0 0;
		text-align: right;
		width: 29%;
	}
	
	#footer2 {
	background-color: #036;
	background-image: url('./../img/panel.png');
	background-position: top left;
	background-repeat: repeat-x;
	clear: both;
	font-size: 11px;
	line-height: 180%;
	margin: 0 auto;
	overflow: auto;
	padding: 5px 0;
	width: 900px;
}

	#footer2 span.left {
		color: #FFF;
		float: left;
		font-size: 11px;
		padding: 0 0 0 9px;
		width: 69%;
	}
	
	#footer2 span.right {
		color: #FFF;
		float: right;
		font-size: 11px;
		padding: 0 9px 0 0;
		text-align: right;
		width: 29%;
	}
	#footer2 a {
		color: #FFF;
		font-size: 11px;
	}
	
	
	
div.pages {
	display: block;
	text-align: center;
}
	div.pages a {
		padding-left: 2px;
		padding-right: 2px;
	}
		div.pages a.current {
			font-weight: bold;
			font-size: 14px;
		}
		div.pages a img {
			vertical-align: -4px;
		}
	
	
div.wappen {
	height: 60px; 
	width: 50px; 
	float: left; 
	text-align: center;
	padding-top: 14px;
}

a.more {
	color: #369;
	font-size: 10px;
}

img.alignleft {
	float: left;
	margin: 5px 5px 5px 0px;
}

img.alignright {
	float: right;
	margin: 5px 0px 5px 5px;
}


div.post li {
	text-indent: 40px;
	margin-top: 10px;
}