/**
 * CDU Laichingen
 * frontend stylesheet
 *
 * (c) EZdesign.de
 *
 * Author:   Timo Besenreuther
 * Created:  2009-07-21
 * Modified: 2009-07-25
 * 
 * 
 * #FF9900	orange
 * 
 * shades of blue (higher index => darker)
 * #EFEFEF	10
 * #C7CED5	20
 * #788999	30
 * #475868	40
 * 
 * #DADADA	very light grey
 */



div.clearer {
	overflow: hidden;
	height: 1px;
	clear: both;
}


/**
 * general layout
 */

body {
	background: url(../images/body.bg.png) #DADADA repeat-x;
	text-align: center;
}

div#container {
	margin: 0 auto;
	padding: 19px 0 0 0;
	width: 960px;
	text-align: left;
}

div#header {
	height: 143px;
}

div#lower {
	background: white;
	padding: 3px 0 20px 0;
	min-height: 400px;
}
* html div#lower {
	height: 400px;
}

div#left {
	width: 149px;
	position: absolute;
}

div#right {
	width: 223px;
	float: right;
}

div#center {
	margin: 0 226px 0 149px;
}


/**
 * header
 */

a#logo {
	display: block;
	position: absolute;
}

a#logoLaichingen {
	display: block;
	position: absolute;
	margin: 0 0 0 599px;
}

div#headerRight {
	position: absolute;
	width: 223px;
	margin-left: 737px;
}

div#slogan {
	position: absolute;
	font-size: 20px;
	color: white;
	margin: 100px 0 0 154px;
}

/* header nav */

ul#headerNav {
	list-style: none;
	background: #EFEFEF;
	height: 36px;
	overflow: hidden;
	margin-bottom: 3px;
}

ul#headerNav li {
	float: left;
	padding: 8px 2px 0 8px;
	line-height: 20px;
}

ul#headerNav li a {
	color: black;
	text-decoration: none;
	font-size: 11px;
}

ul#headerNav li a:hover {
	text-decoration: underline;
}


/**
 * left
 */

h3.left {
	background: #788999;
	color: white;
	font-size: 14px;
	font-style: italic;
	height: 27px;
	font-weight: normal;
	line-height: 27px;
	text-indent: 8px;
}

/* main navigation */

ul#mainNav, ul#mainNav ul {
	list-style: none;
}

ul#mainNav a {
	color: black;
	text-decoration: none;
}

ul#mainNav li,
ul#mainNav li.off {
	background: #C7CED5;
}

ul#mainNav li a,
ul#mainNav li.off a {
	display: block;
	height: 27px;
	line-height: 27px;
	color: black;
	text-decoration: none;
	border-top: 1px solid white;
	padding-left: 22px;
	background: url(../images/arrow.grey.png) no-repeat;
	background-position: 8px 8px;
}

ul#mainNav li a:hover {
	background-image: url(../images/arrow.blue.png);
	font-style: italic;
}

ul#mainNav li.active {
	background: #788999;
}

ul#mainNav li.active ul li a,
ul#mainNav li.open ul li a {
	background-position: 18px 7px;
	padding-left: 32px;
	font-size: 11px;
	line-height: 22px;
	height: 22px;
}


/**
 * teaser
 */

h3.right {
	background: #FF9900;
	color: white;
	font-size: 14px;
	font-style: italic;
	height: 27px;
	font-weight: normal;
	line-height: 27px;
	text-indent: 8px;
}

div.teaser {
	border-bottom: 8px solid #C7CED5;
	margin-bottom: 3px;
	background: #EFEFEF;
	padding: 5px 8px;
	font-size: 12px;
}

div.teaserItem {
	padding: 2px 0 6px 15px;
	background: url(../images/arrow.blue.png) no-repeat;
	background-position: 0 6px;
}

a.teaserReadMore {
	display: block;
	font-style: italic;
	color: black;
	font-size: 11px;
}


/**
 * footer
 */

div#footer {
	border-top: 9px solid #475868;
	background: white;
	padding-top: 3px;
}

div#footer a {
	display: block;
	background: #FF9900;
	color: black;
	text-decoration: none;
	font-size: 10px;
	text-align: center;
	padding: 3px 0;
}

div#footer a:hover {
	text-decoration: underline;
}


/**
 * content
 */

h1 {
	background: #475868;
	height: 27px;
	line-height: 27px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-indent: 15px;
	font-style: italic;
	overflow: hidden;
}

div#content {
	padding: 10px 15px;
}


/**
 * sitemap
 */

ul#sitemap, ul#sitemap ul {
	list-style: none;
}

ul#sitemap li {
	margin: 3px 0;
}

ul#sitemap a {
	display: block;
	background: url(../images/arrow.blue.png) no-repeat 0 4px;
	padding-left: 13px;
	color: black;
	text-decoration: none;
	font-weight: bold;
}

ul#sitemap a:hover {
	text-decoration: underline;
}

ul#sitemap ul {
	margin-left: 20px;
}

ul#sitemap ul a {
	font-weight: normal;
	background-image: url(../images/arrow.grey.png);
}