/* CSS Document */

body
{
	margin				: 0;
	padding				: 0;
	background			: url(../images/page_bg.jpg) top left repeat-x;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 0.8em;
}

#my_page
{
	width				: 900px;
	margin				: 0 auto;
}

#my_header
{
	width				: 900px;
	height				: 230px;
}

#my_header_top
{
	width				: 900px;
	height				: 180px;
	float				: left;
}

#my_header_logo
{
	height				: 180px;
	width				: 270px;
	float				: left;
	background			: url(../images/logo.jpg) #e2ebf6 left top no-repeat;
}

#my_header_images
{
	height				: 180px;
	width				: 630px;
	float				: left;
	background			: url(../images/header_image.jpg) #FFFFFF left top no-repeat;
}

#my_header_images_veringendorf
{
	height				: 180px;
	width				: 630px;
	float				: left;
	background			: url(../images/header_image_veringendorf.jpg) #FFFFFF left top no-repeat;
}

#my_header_images_hermentingen
{
	height				: 180px;
	width				: 630px;
	float				: left;
	background			: url(../images/header_image_hermentingen.jpg) #FFFFFF left top no-repeat;
}

#my_navigation
{
	width				: 900px;
	height				: 50px;
	float				: left;
	background-color	: #FF0000;
}

#my_search
{
	width				: 250px;
	height				: 50px;
	float				: left;
	padding-top			: 15px;
	padding-left		: 20px;
}

#my_main_navigation
{
	width				: 630px;
	height				: 50px;
	float				: left;
}

#my_content
{
	width				: 900px;
	float				: left;
	background			: url(../images/content_bg.jpg) #FFFFFF left top repeat-y;
	font-size			: 0.8em;
}

#my_content_left
{
	width				: 270px;
	float				: left;
	background-color	: #e2ebf6;
}

#my_footer
{
	width				: 900px;
	height				: 30px;
	background-color	: #FF0000;
	float				: left;
}

/**		Navigation specific definitions		**/

#my_main_navigation ul
{
	list-style-type		: none;
	padding				: 20px 0;
	margin				: 0;
}

#my_main_navigation ul li
{
	display				: inline;
	padding-left		: 10px;
	padding-right		: 10px;
	border-left			: #FFFFFF 2px solid;
}

#my_footer ul
{
	list-style-type		: none;
	padding				: 7px 0 0 20px;
	margin				: 0;
}

#my_footer ul li
{
	display				: inline;
	padding-left		: 3px;
	padding-right		: 3px;
}

#my_breadcrumb_navigation
{
	padding				: 5px;
	border				: #000000 1px solid;
	margin-top			: 5px;
	background-color	: #e2ebf6;
	margin-bottom		: 20px;
}

#my_content_left ul
{
	list-style-type		: square;
	padding				: 5px 0 0 33px;
	margin				: 0;
}

#my_content_left ul li
{
	padding				: 3px;
}

/**		Link specific definitions		**/

#my_main_navigation ul li a, #my_main_navigation ul li a:active
{
	text-decoration		: none;
	color				: #FFFFFF;
}

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

#my_footer ul li a, #my_footer ul li a:active
{
	text-decoration		: none;
	color				: #FFFFFF;
}

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

#my_breadcrumb_navigation a, #my_breadcrumb_navigation a:active
{
	color				: #000000;
	text-decoration		: none;
}

#my_breadcrumb_navigation a:hover
{
	text-decoration		: underline;
}

#my_content_left ul li a, #my_content_left ul li a:active
{
	font-size			: 1.2em;
	color				: #000000;
	text-decoration		: none;
}

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

/**		Headings definitions		**/

h1
{
	font-size			: 1.3em;
	color				: #000000;
	font-weight			: bold;
}

h2
{
	font-size			: 1.1em;
	color				: #000000;
	font-weight			: bold;
}

#my_breadcrumb_navigation h1
{
	font-size			: 1.0em;
	padding				: 0;
	margin				: 0;
}

#my_content_left h1
{
	padding				: 5px 0 0 20px;
	margin				: 0;
}

/**		TL specific definitions		**/

.clear
{
	height				: 0.1px;
	overflow			: hidden;
	font-size			: 0.1px;
	line-height			: 0.1px;
	clear				: both;
}

.invisible
{
	width				: 0px;
	height				: 0px;
	left				: -1000px;
	top					: -1000px;
	position			: absolute;
	overflow			: hidden;
	display				: inline;
}

ul li .active
{
	color				: #FFFFFF;
	font-weight			: bold;
}

#my_content_left ul li .active
{
	color				: #000000;
	font-weight			: bold;
	font-size			: 1.2em;
}

.info
{
	font-size			: 0.9em;
	color				: #666666;
}

.mod_newslist .layout_simple
{
	padding				: 5px;
	color				: #666666;
	font-size			: 0.9em;
}

.mod_newslist .layout_simple a, .mod_newslist .layout_simple a:active
{
	padding				: 5px;
	margin				: 0;
	font-size			: 1.2em;
	color				: #000000;
	text-decoration		: none;
}

.mod_newslist .layout_simple a:hover
{
	text-decoration		: underline;
}