/* Alle Aenderungen für Robin Wood erfolgen hier. */
/* Diese CSS-Datei wird als letztes eingefuegt und ueberschreibt alle vorigen CSS-Einstellungen (TYPO3, YAML) */

.news-latest-item {
  background-color: #C5D6ED;
  margin-bottom: 2px;

}

dd.csc-textpic-caption {
  background-color:#E0E7F5;
  font-size:0.7em;
  font-style:normal;
  padding:0;
}

/* 2009-02-03 syncope/cj Seitenbreite festlegen */
#page_margins {
  max-width: 1040px;
  min-width: 1040px;
}

/* background: war #117733 */
#nav_main {
  background: #007918 none repeat scroll 0 0;
}

#teaser {
  background: #10ba39 none repeat scroll 0 0;
}

/* yetzt overrides everything */

body {

	display: block;
	margin: 0px;
	padding: 0px;

	background-color: #eee !important;

}

#page_margins {

	display: block;
	position: relative;
	
	width: 100% !important;
	min-width: 100%;
	max-width: 100%;
	
	margin: 0px !important;
	padding: 0px !important;
	
	border-width: 0px !important;
	border: 0px solid transparent !imporant;
	
	background-color: #eee !important;
	
}

	#page {
	
		display: block;
		position: relative;
		
		border-width: 0px;
		background-color: #eee !important;
	
		margin: 0px !important;
		padding: 0px !important;

	}

		#header_canvas {
		
			display: block;
			position: relative;
			width: 100%;
			background: url(head-bg.png) top left repeat;
		
		}
		
			#header {
			
				display: block;
				position: relative;
				margin: 0px auto;
				oadding: 0px;
				width: 960px;
				height: 120px;
			
			}
		
			#header > a,
			#header #logo {
			
				display: block;
				position: absolute;
				
				left: 0px;
				bottom: 20px;
				width: 330px;
				height: 70px;
			
			}
			
			#header > a+a,
			#header #banner {
			
				display: block;
				position: absolute;
				
				height: 80px;
				width: 267px;
				left: 330px;
				top: 0px;
				z-index: 5;
			
			} 
			
			#topnav {
				
				margin: 0px !important;
				padding: 5px !important;
				
				display: block !important;
				position: absolute !important;
				right: 0px !important;
				top: 0px !important;  
				z-index: 10 !important;
				
				
			}
			
			#topnav strong,
			#topnav a {
			
				font-size: 13.593px;				
				font-color: #fff;
				display: inline;
				position: relative;
				margin: 0px;
				padding: 0px;
				padding-left: 5px !important;
				padding-right: 5px !important;
				text-decoration: none !important;
			
			}
			
			#topnav a:hover {
				
				text-decoration: none !important;
				border-bottom: 1px dotted #fff; 
				
			}
					
		#nav_canvas {
		
			display: block;
			position: relative;
			width: 100% !important;
			margin: 0px;
			padding: 0px;
			background: url(menu-bg.png) 0px 0px repeat-x !important;
			
			float: none;
			height: 31px;
		
		}
		
		#nav {
		
			display: block;
			position: relative;
			width: 960px !important;
			margin: 0px auto;
			padding: 0px;
			background: url(menu-bg.png) 0px 0px repeat-x !important;
			
			float: none;
			height: 31px;
		
		}
		
			#nav_main {
			
				display: block;
				position: relative;
				width: 100%;
				margin: 0px auto !important;
				float: none !important;
			
			}
			
				#nav_main ul {
				
					margin: 0px !important;
					padding: 0px !important;
					height: 31px !important;
					background: url(menu-bg.png) 0px 0px repeat-x !important;
				
				}
				
				#nav_main ul li {
				
					margin: 0px !important;
					padding: 0px !important;
					height: 31px !important;
					line-height: 31px !important;
				
				}
				
				#nav_main ul li a {
				
					background: none;
					color: #fff !important;
					font-weight: normal;
					font-size: 18px;
					margin: 0px !important;
					padding: 0px !important;
					height: 31px !important;
					line-height: 31px;
					border-bottom-width: 0px !important
				
				}
				
					#nav_main ul li a span {
					
						color: inherit;
						font-weight: inherit;
						font-size: inherit;
						margin: 0px !important;
						padding: 0px 6px 0px !important;

					
					}
					
					#nav_main ul li#current a {
					
						background: url(menu-bg.png) 0px -62px repeat-x !important;
					
					}
				
					#nav_main ul li#current:hover a,
					#nav_main ul li a:hover {
					
						background: url(menu-bg.png) 0px -31px repeat-x !important;
					
					}
					
					 #nav_main ul li a:hover span,
					 #nav_main ul li a span:hover {
					 
					 	color: #fff;
					 
					 }
				
					#nav_main ul li a span {
					
						background: none;
						color: #fff !important;
						margin: 0px;
						padding: 4px 5px 2px;
						font-weight: normal !important;
					
					}
				
	#teaser {
	
		display: none;
		visibility: hidden;
			
	}
	
	#main {
	
		display: block;
		width: 960px;
		margin: 0px auto;
		background-color: #eee;
	
	}
	
		#col1, #col2 {
		
			padding-top: 20px;
		
		}
	
		#col1 h3 {
		
			border-width: 0px;
			background-color: transparent;
			font-size: 1.2em;
			margin: 0px;
			padding: 20px 0px 10px;
		
		}
		
		#col1 ul {
		
			border-width: 0px;
			background-color: transparent;
			margin-bottom: 20px;
		
		}
		
		#col1 li {
		
			background-color: transparent;
		
		}
		
				#col1 li:hover a {
				
					background-color: transparent; !important;
				
				}
		
			#col1 li strong,
			#col1 li a {
			
				background-color: transparent;
				border-bottom: 1px dotted #ccc;
				line-height: 1.6em;
				padding: 8px 5px;
				color: #222;
			
			}
			
				#col1 li a:hover {
				
					background-color: #fff !important;
				
				}
				
				#col1 li li {
				
					font-size: .8em;
					padding-left: 20px;
				
				}
				
		#col1 ul#sociallinks {
			
			display: block;
			height: 32px;
			border-width: 0px !important;
			margin: 0px 0px 20px;
			padding: 0px;
			
		}
		
			#col1 ul#sociallinks li {
				
				display: block;
				float: left;
				list-style: none !important;
				border-width: 0px !important;
				margin: 0px !important;
				padding: 0px !important;
				
			}
			
				#col1 ul#sociallinks li a {
					
					display: block;
					position: relative;
					margin: 0px 10px 0px 0px;
					padding: 0px;
					width: 24px;
					height: 24px;
					background-color: transparent;
					border-width: 0px !important;
					
				}
				
					#col1 ul#sociallinks li a:hover {

						background-color: transparent !important;
					
					}
				
					#col1 ul#sociallinks li a span {
					
						display: none;
						visibility: hidden;
						
					}
					
					#col1 ul#sociallinks li.facebook a {
			
						background-image: url(social_icons/facebook.png);
						
					}
			
					#col1 ul#sociallinks li.twitter a {
			
						background-image: url(social_icons/twitter.png);
						
					}
			
					#col1 ul#sociallinks li.youtube a {
			
						background-image: url(social_icons/youtube.png);
						
					}
			
					#col1 ul#sociallinks li.flickr a {
			
						background-image: url(social_icons/flickr.png);
						
					}
			
					#col1 ul#sociallinks li.flattr a {
			
						background-image: url(social_icons/flattr.png);
						
					}
			
	#col3 {
	
		background-color: #fff;
		padding-top: 20px;
		padding-bottom: 50px;
	
	}

		#col3 h2 {
		
			border-width: 0px;
			margin: 0px;
			padding: 10px 0px 0px;
			color: #084;
			font-size: 1.2em;
			line-height: 1.6em;
			background-color: transparent;
		
		}
	
		#col3 h3 {
		
			border-width: 0px;
			margin: 0px;
			padding: 10px 0px;
			color: #062;
			font-size: 1.6em;
			line-height: 1.6em;
		
		}
		
		#col3 a {
		
			color: #084;
		
		}
		
		#col3 a:hover {
		
			background-color: transparent;
			border-width: 0px;
		
		}

#footer {

	display: block;
	position: relative;
	
	clear: both;

	height: 20px;
	
	margin: 0px !important;
	padding: 10px 10px 9px !important;
	background: url(navigation-bg-alter.png);
	background-attachment: fixed;

}

	#footer p {
	
			margin: 0px;
			padding: 0px;
			color: #fff;
			font-size: .9em;
			line-height: 1.6em;

			text-align: center;
	
	}
	

dd.csc-textpic-caption {

	padding: 5px;
	background-color: #084;
	color: #fff;

}

.spacer-gif {

	display: none;
	visibility: hidden;

}

.news-latest-container {

	display: block;
	margin: 0px;
	padding: 0px;

}

	.news-latest-container h2 {
	
		color: #333 !important;
		font-size: 1.4em !important;
		margin: 0px !important;
		padding: 0px !important;
	
	}
	
		.news-latest-item {
		
			display: block;
			position: relative;
			background-color: transparent !important;
			border-bottom: 1px dotted #ccc;
			padding: 10px 3px !important;
			margin: 0px !important;
		
		}
		
			.news-latest-item span.date {
				
				display: block;
				position: absolute;
				left: 5px;
				top: 12px;
								
			}
		
			.news-latest-item span.date a:hover,
			.news-latest-item span.date a {
			
				/* datum */
				
				display: block;
				position: relative;
				
				background-color: #062 !important;
				text-decoration: none !important;
				color: #fff !important;
				padding: 3px 5px;
				font-size: .7em;
				font-weight: bold;
				top: -3px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				margin: 0px;
				
			
			}
			
			
			
			.news-latest-item > a {
			
				/* artikel */
			
				display: block;
				position: relative;
				
				margin: 0px !important;
				padding: 0px !important;
				margin-left: 70px !important;

				background-color: transparent;
				color: #333 !important;
				font-size: 1em;
				line-height: 1.1em;
				font-weight: normal;
				
			
			}
			
dd.csc-textpic-caption a,
dd.csc-textpic-caption a:hover {

	color: #fff !important;
	background-color: #084 !important;

}

a:hover {

	background-color: transparent !important;

}

/* colums */

#col1 {
	
	width: 220px;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
	
}

#col2 {
	
	width: 220px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 0px;
	overflow: hidden;
	
}

#col3 {
	
	width: 460px;
	padding: 20px 10px 50px;
	overflow: hidden;
	margin: 0px auto; 
	
}

.twocol #col3 {
	
	width: 700px !important;
	
}

#col3_innen {
	
	width: 100% !important;
	
}

#col2_content, 
#col1_content {
	
	margin: 0px;
	padding: 0px;
	width: 100%;
	margin: 0px !important;
	margin-left: 0em !important;
	margin-right: 0em !important;
	
}

fieldset {

	width: 100%;

}

textarea {

	width: 95%

}

table.contenttable {

	width: 100%;

}

	table.contenttable td {
	
		padding: 2px 5px;
	
	}
	
a, p a {
	color: #118800;
}

.align-center {

text-align: center;
margin-left: auto;
margin-right: auto;

}

.news-single-item h3 {

	background-color: transparent !important;
	font-size: 1.3em !important;

}

.news-single-item p {

	margin: 0px 150px 1em 0px;
	text-align: justify;

}