/* 
	Stadt Gtersloh
	Stylesheets Definitions
	Date: May 2008
	Author: Image Transfer
*/

/* styles shared with editon */
@import url(/lib/css/editon_style.css);

/* undependant styles */
@import url(/lib/css/accessbox.css);
@import url(/lib/css/toggleboxes.css);
@import url(/lib/css/jcarousel.css);
	@import url(/lib/css/skins/tango/skin.css);
@import url(/lib/css/jungeseite.css);
/* @import url(/lib/css/thickbox.css); */
@import url(/lib/css/defaults.css);
@import url(/lib/css/typo.css);
@import url(/lib/css/forms.css);
@import url(/lib/css/footer.css);
@import url(/lib/css/fixes.css);




#wrap {
	margin: 0 auto;
	width: 755px;
	text-align: left;
}

/* Header
----------------------------------------------------------------------------------------------------------*/
#header, #footer {
	clear: both;
	color: #999;
	font-size: 12px;
}

#header a, #footer a {
	color: #999;
	text-decoration: none;
}

#logo {
	float: left;
	width: 120px;
}

#header ul {
	float: right;
	list-style-type: none;
	margin: 0;
		width: 550px;
		text-align: right;
}

	#header ul li {
		display: inline;
		padding: 0 0 0 10px;
	}

#visual {
	height: 200px;
	background-color: #f5f5f5;
	width: 755px;
	overflow: hidden;
	margin-bottom: 10px;
}


/* Hauptnavigation
----------------------------------------------------------------------------------------------------------*/

#navigation ul {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

	#navigation li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	
		#navigation li a {
			float: left;
			padding: 34px 0 0 0;
			width: 151px;
			height: 0px !important; 
			background-position: top left;
			background-repeat: no-repeat;
			overflow: hidden;
		}
		
		#navigation li a:hover {
			background-position: 0 -40px;
		}

		#navigation li.current a {
			background-position: 0 -80px;
		}	
	
			/*
			#navigation li#portrait a 		{background-image: url(/lib/menu/mainmenu/mainnav_sml_portrait.jpg); width: 56px;}
			#navigation li#rathaus a 			{background-image: url(/lib/menu/mainmenu/mainnav_sml_rathaus.jpg); width: 98px;}
			#navigation li#umwelt a 			{background-image: url(/lib/menu/mainmenu/mainnav_sml_umwelt.jpg); width: 106px;}
			#navigation li#wirtschaft a 	{background-image: url(/lib/menu/mainmenu/mainnav_sml_wirtschaft.jpg); width: 127px;}
			#navigation li#kultur a 			{background-image: url(/lib/menu/mainmenu/mainnav_sml_kultur.jpg); width: 104px;}
			#navigation li#tourismus a 		{background-image: url(/lib/menu/mainmenu/mainnav_sml_tourismus.jpg); width: 125px;}
			#navigation li#gesundheit a 	{background-image: url(/lib/menu/mainmenu/mainnav_sml_gesundheit.jpg); width: 139px;}
			*/
			
			#navigation li#leben a 				{background-image: url(/lib/menu/mainmenu2/mainnav_sml_leben_in_guetersloh.jpg);}
			#navigation li#wirtschaft a 	{background-image: url(/lib/menu/mainmenu2/mainnav_sml_wirtschaft.jpg);}
			#navigation li#kultur a 			{background-image: url(/lib/menu/mainmenu2/mainnav_sml_kultur.jpg);}
			#navigation li#tourismus a 		{background-image: url(/lib/menu/mainmenu2/mainnav_sml_tourismus.jpg);}
			#navigation li#rathaus a 			{background-image: url(/lib/menu/mainmenu2/mainnav_sml_rathaus.jpg);}
			
			li#gesundheit, li#umwelt { /* GANZ BOESE SACHE, ABSOLUTE NOTLOESUNG !!!!! */
				display: none;
				width: 0;
			}
			
/* Unternavigation
----------------------------------------------------------------------------------------------------------*/

#subnavigation {
	background-color: #f5f5f5;
	padding: 0 0 10px 10px;
}
	
#subnavigation ul {
	margin:  10px 10px 10px 0;
	padding: 0;
	list-style-type: none;
}

#subnavigation li {
	float: left;
	display: inline;
	margin: 0 10px 5px 0;
	padding: 5px 0 0 12px;
	font-weight: bold;
	background: url(images/arrow_more_blue.gif) 3px 8px no-repeat;
	width: 215px;
	height: 55px;
		xborder: 1px solid red;
}

#subnavigation li:hover {
	background: url(images/bg_subnavigation.jpg) 0 0 repeat-x;
}

#subnavigation li em {
	font-weight: normal;
	font-style: normal;
	color: #666;
}

p#path {
	padding: 10px 0 0 0;
	margin: 0;
	color: #666;
}

p.pathright {
	float: right;
	padding: 10px 10px 0 0;
	margin: 0;
	color: #666;
}

#subnavigationlist {
	clear: both;
}


/* Contentbereich
----------------------------------------------------------------------------------------------------------*/

#content {
	clear: both;
	margin: 20px 0;
}

	#content-550 {
		float: left;
		width: 550px;
	}
	
	#content-755, /* 2/3 Breite */
	#content-960 	/* iframe template volle breite */ { 
		float: left;
		width: 755px;
	}
	
	#content-right {
		float: right;
		width: 185px;
	}	
	
	#content-265-left {
		float: left;
		width: 265px;
		padding: 10px 0 0 0;
	}
		
	#content-265-right {
		float: right;
		width: 265px;
		padding: 10px 0 0 0;
	}
	


/* IFrames
--------------------------------------------------------------- */

iframe#iframe,
iframe#iframe-full {
	width: 755px;
	height: 1000px;
	border: none;
	margin:0 0 3em 0;
	padding: 0;
}