/* CSS document */
* {
	margin:0;
	padding:0;
}

.clear {
	clear: both;
}

	.clear {
		width:820px;
		height: 1px;
		border-top: #D2D3C4 1px solid;
		margin:0 80px 0 0;
	}
	


body {
	background-image:url(http://demo.comon-cms.de/data/media/template/comon_demo/sitebackground.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:18px;
}

img {
	margin:0 0 20px 0;
}
#content img { margin: 0; }
	
	
/*headlines*/

h1 {
	font-size:1.6em;
	color:#808460;
	line-height:1.4em;
	margin-bottom: 20px;
}
	
h2 {
	color:#CC3300;
	font-size:1.2em;
	line-height:1.4em;
	margin:12px 0 28px 0;
}
		
h3 {
	color:#CC3300;
	font-size:1.0em;
	line-height:1.2em;
	margin:10px 0 2px 0;	
}

a {
		color:#7E825E;
		font-weight:bold;
		text-decoration:none;
}

	a:hover {
		color:#7E825E;
		font-weight:bold;
		text-decoration:underline;
	}
	

/*layoutcontainer*/	
#maincontainer {
	margin:0 0 0 0;	
}

	
	#header1 {
		position:relative;
		background-color:#7E825E;
		background-image:url(http://demo.comon-cms.de/data/media/template/comon_demo/bg_green.jpg);
		border-bottom:#FFFFFF 1px solid;
		text-align: center;
		width:900px;
		height:83px;
	}
	

		
	#header2 {
		width:900px;
		height:96px;
	}
	
	#content_submenu_teaser_container {
		position:relative;
		vertical-align:top;
		height: 100%;
		width: 900px;
	}	

		#content_submenu_container {
			width: 610px;
			float: left;
			height: 100%;
			border-right: #D2D3C4 1px solid;
			padding: 0 0 8px 0;
		}
			
			#submenu {
				float: left;
				width:215px;
				padding:102px 0 0 0;
				height: 100%;
			}
	
			#content {
				margin:0 0 0 240px;
				width:335px;
				padding:40px 20px 0 10px;
				height: 100%;
			}

		
		#teaser	{
			width:190px;
			padding: 40px 0 0 0;
			margin: 0 0 0 610px;
			height: 100%;
		}
		#teaser[id]	{
			padding: 40px 0 0 0;
			margin :0 0 0 611px;
		}
		
	#footer	{
		height: 100px;
		color:#C4C5B1;
		width:780px;

	}
		
		#footer .textalign {
			margin: 20px 0 0 250px;
		}
		

		


/*navigation*/
	/*main navigation*/
	
	/*IE special*/
	#header1 ul {
		position:absolute;
		margin: 0 0 0 -200px;
		padding-top: 67px;
	}
	
	
	#header1[id] ul {
		margin: 0 auto;
		position: inherit;
	}
		#header1 ul li {
			list-style:none;
			display: inline;
			margin:0 0 0 5px;				
		}
	
			#header1 a {
				font-size:1.2em;
				font-weight:bold;
				text-decoration:none;
				color:#333333;
				background:url(http://demo.comon-cms.de/data/media/template/comon_demo/menu_flag_m.jpg);
				padding: 4px 2px 0 4px;
				height: 20px;
			}
			
			#header1 ul li a:active, #header1 ul li a:hover {
				color:#CC3300;
			}
			
			#header1 .navActive a {
				color:#CC3300;
	
			}
		
		#header1 .menuitem_left {
			background: #DDDFD4 url(http://demo.comon-cms.de/data/media/template/comon_demo/menu_flag_l.jpg)  top left no-repeat;
			width: 8px;
			height: 20px;
			font-size:1.2em;
			padding: 4px 0 0 0;
		}

		#header1 .menuitem_right {
			background: #DDDFD4 url(http://demo.comon-cms.de/data/media/template/comon_demo/menu_flag_r.jpg) top left no-repeat;
			width: 16px;
			height: 20px;
			font-size:1.2em;
			padding: 4px 0 0 0;
		}

	/*sub menu*/
	#submenu ul {
		text-align:right;
		list-style-type:none;
		line-height:2.5em;
		margin:0 0 0 20px;
	}
	
		#submenu ul li {
			border-bottom: #D2D3C4 1px solid;
		}
	
		
			#submenu ul li a {
				font-size:1.1em;
				font-weight:bold;
				text-decoration:none;
				color:#333333;
			}
			
			#submenu li.subnavActive {
				width: 100%;
				background: url(http://demo.comon-cms.de/data/media/template/comon_demo/navi_hover.png) center left no-repeat;
			}

			
			#submenu ul li a:active, #submenu ul li a:hover {
				color:#CC3300;
				}
		
			#submenu .subnavActive a {
				color:#CC3300;
			}
		
		#submenu ul ul li {
			border-bottom: #D2D3C4 1px solid;
		}
	
		
			#submenu ul ul li a {
				font-size:0.9em;
				font-weight:bold;
				text-decoration:none;
				color:#333333;
			}
			
			#submenu ul li.subnavActive {
				width: 100%;
				background: url(http://demo.comon-cms.de/data/media/template/comon_demo/navi_hover.png) center left no-repeat;
			}

			
			#submenu ul ul li a:active, #submenu ul li a:hover {
				color:#CC3300;
				}
		
			#submenu ul.subnavActive a {
				color:#CC3300;
			}
	
			

		
		
/*template pictures*/
#header1 img {
		position: absolute;
		top: 0;
		left: 0;
	}

#search {	
	position:absolute;
	left:700px;
	top:15px;	
}
	
#submenupic {	
	margin:80px 2px -100px 20px;
}





/*sitesearch*/
	#header1 form input.suchfeld {
		font-size:12px;
		background:url(http://demo.comon-cms.de/data/media/template/comon_demo/textfield.jpg);
		position:absolute;
		left:700px;
		top:20px;
		width:131px;
		height:16px;
		padding:5px 2px 0 2px;
		border:none;
		display:none;

	}
	
	
	#header1 form input.buttonSuchen {
		font-size:1.2em;;
		position:absolute;
		left:600px;
		top:20px;
		width:100px;
		height:24px;
		color:#FFFFFF;
		font-weight:bold;
		background:none;
		border:none;
		display:none;
	}
	
/*teaser*/
	#teaser img	{
		margin: 0 0 20px 20px;
	}
	
	#teaser .text {
		margin: 0 0 10px 20px;
	}

	.folderTeaser {
		border-bottom: #D2D3C4 1px solid;
		padding:20px 0 10px 10px;
		width:190px;
		margin: 0 0 0 10px;
	}
	
	.folderTeaser[id] {
		padding:20px 0 10px 20px;
		margin: 0 0 0 0;
	}
	
	.folderTeaser h3 {
		margin: 0 0 2px 0;
	}
	
	.folderTeaserDetailLink a {
		color:#7E825E;
		font-weight:bold;
		text-decoration:none;
	}
		
		.folderTeaserDetailLink a:hover {
		text-decoration:underline;
		}
		
	#teaser .download {
		padding:20px 0 10px 20px;
		width:190px;
	}
	
	#downloadlink {
		padding:20px 0 10px -20px;
	}
	
/*sitemap*/
.navi_sitemap {
	padding: 20px 0 0 20px;
	font-size:0.9em;
	}
	
	.navi_sitemap ul ul li {
		margin: 10px 10px 10px 20px;	
		}
		
		.navi_sitemap ul ul ul li {
		margin: 10px 10px 10px 50px;	
		font-size:0.8em;
		}
		
		
/*modEvents*/
.modEventsTeaser  {
	margin: 40px 0 0 0;
	}

	.modEventsTeaser img {
		margin: 10px 0 10px 0;
	}
	
	.modEventsTeaser h2 {
		margin:5px 0 10px 0;
	}

.modEventsTeaserDetail {
		margin: 40px 0 0 0;
	}

	.modEventsTeaserDetail img {
		margin: 10px 0 10px 0;
	}

	.modEventsTeaserDetail h2 {
		margin:5px 0 10px 0;
	}

#modEventsDate {
	font-size:1.2em;
	}
	
/*container*/
.container {
	padding:0 10px 0 0;
	}

/* Content-Container */

#content li {	
	margin-left: 10px;
}

#content ul { 
	margin: 20px 10px;
}

div.mod_gallery_object { margin: 15px; }