.socialBookmarksHome {
	width: 415px;
	text-align: right;
	margin: 5px 0px;
}

body, html
{
	height: 100%;
}

#body {
	background: #f5f5f5;
	font-family: Arial, Helvetica;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

#shanty {
	width: 990px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: auto;
}

/* FIX FÜR FASTLINK */
.fake {
	background: url(/gfx/fake.gif);
	position: absolute;
	z-index: 1000;
	top: 215px;
	height: 185px;
}

.fake.left {
	width: 210px;
	left: 0px;
}

.fake.right {
	width: 65px;
	left: 430px;
}
/*---------------------*/

#header {
	width: 990px;
	height: 100px;
	position: relative;
	background: #fff;
	overflow: visible;
	z-index: 999;
}

#claim {
	background: url(/gfx/2007/claim.gif);
	width: 400px;
	height: 55px;
	position: relative;
	left: 180px;
	top: 0px;
}

#language {
	position: absolute;
	top: 35px;
	right: 20px;
}

#language img {
	width: 27px;
	height: 15px;
}

#logo {
	background: url(/gfx/2007/logo.gif) no-repeat;
	width: 180px;
	height: 201px;
	position: absolute;
	z-index: 1000;
	cursor: pointer;
}

#logoCoDeSys
{
	background: url(/gfx/2007/logo_codesys.gif) no-repeat;
	height: 153px;
	margin: 40px 0 0 270px;
	
}

#logo #border {
	
	position: absolute;
	top: 99px;
	left: 0px;
	width: 180px;
	height: 101px;
	border-bottom: 2px solid #c40020;
	border-right: 2px solid #c40020;
}

#headerbild {
	width: 808px;
	height: 102px;
	float: right;
	position: relative;
	overflow: hidden;
}
#headerbild .small {
	position: absolute;
	left: 170px;
	top: 0px;
}
#headerbild .textBox {
	position: absolute;
	left: 500px;
	top: 15px;
	color: #fff;
	width: 260px;
}
#headerbild a {
	position: absolute;
	left: 594px;
	top: 72px;
	padding-right: 20px;
	background: url(/gfx/2007/applicationGalleryPfeil.png) no-repeat right 50%;
	color: #000;
	font-size: 1.3em;
}




.nav {
	behavior: url(/2007/menu.htc);
}

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainNav {
	background: #ccc;
	position: absolute;
	left: 180px;
	bottom: 0px;
	border-bottom: 2px solid #c40020;
	width: 810px;
}


#mainNav ul li, #mainNav ul li.on, #mainNav ul li.off {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	position: relative;
	display: inline;
	float: left;
}

#mainNav ul li.on a, #mainNav ul li.off a {
	color: #333;
	text-decoration: none;
	border-right: 2px solid #FFF;
	display: block;
	padding: 8px;
	margin: 0px;
	font-weight: bold;
	background-color: #ccc;
}

#mainNav ul li.on a, 
#mainNav ul li:hover a,
#mainNav ul li.hover a {
	color: #fff;
	background-color: #C30020;
}
#mainNav ul li a:hover {
	color: #ccc;
}


#mainNav ul li ul {
	position: absolute;
	left: 0px;
	top: auto;
	display: none;
	width: 185px;
	clear: both;
	padding: 0px;
	background-color: #C30020;
}
#mainNav ul li:hover ul {
	display: block;
}

#mainNav ul li ul li, #mainNav ul li ul li.on, #mainNav ul li ul li.off {
	float: none;
}

#mainNav ul li ul li.on a, #mainNav ul li ul li.off a {
	display: none;
}
#mainNav ul li ul li.on a:hover, #mainNav ul li ul li.off a:hover {
}


#mainNav ul li ul li ul {
	position: relative;
	left: auto;
	top: auto;
	display: block;
	padding: 5px 0px;
	border-bottom: 2px solid #fff;
}

#mainNav ul li ul li ul li, #mainNav ul li ul li ul li.on, #mainNav ul li ul li ul li.off {
	
}

#mainNav ul li ul li ul li.on a, #mainNav ul li ul li ul li.off a {
	color: #fff;
	border-right-width: 0px;
	background-color: transparent;
	padding: 4px 8px;
	display: block;
}
#mainNav ul li ul li ul li.on a:hover, #mainNav ul li ul li ul li.off a:hover {
	color: #ccc;
	background-color: transparent;
}







#newsMessenEvents {
	text-align: right;
	padding: 15px 84px 0px 0px;
	visibility: hidden;
	color: #000;
	background: url(/gfx/2007/pfeil.gif) no-repeat 419px 20px;
	font-size: 15px;
	font-weight: bold;
}
#newsMessenEvents b {
	color: #000;
}

#fastLink ul {
	margin: 5px 0px 25px 0px;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

#fastLink ul li {
	padding: 8px 0px 8px 0px;
	background: url(/gfx/2007/pfeil.gif) no-repeat 419px 11px;
	position: relative;
	overflow: visible;
	z-index: 100;
	display: block;
}

#fastLink ul li a {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	padding-right: 84px;
	text-decoration: none;
}
#fastLink ul li a.active {
	border-bottom: 2px solid #C30020;
}
#fastLink ul li .line {
	height: 1000px;
	background-color: #fff;
	width: 4px;
	margin-left: 494px;
	margin-top: -1000px;
}


#contentBox {
	position: relative;
}

#contentBox .fastLinkContent {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #fff;
	border: 2px solid #C30020;
	border-width: 0px 2px 2px 2px;
	height: 380px;
	overflow: hidden;
	padding: 100px 30px 30px 30px;
	display: none;
	width: 431px;
}

#contentBox .fastLinkContent .loadingContent {
	background: url(/gfx/2007/loadingContent.gif) no-repeat left 50%;
	padding: 5px 0px 5px 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
}

#contentBox .fastLinkClose {
	position: absolute;
	top: 75px;
	right: 10px;
	color: #C30020;
	background-color: #fff;
	z-index: 101;
	padding: 2px 25px 2px 2px;
	cursor: pointer;
	display: none;
}
#contentBox .fastLinkClose .close {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #ffF;
	background-color: #C30020;
	padding: 2px 6px;
	font-weight: bold;
}



#content.fastLinkPage #contentBox {
	background-color: #fff;
	height: 380px;
	overflow: hidden;
	padding: 100px 30px 30px 30px;
	width: 435px;
}


/*#fastLink ul {
	margin: 22px 64px 43px 150px;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

#fastLink ul li {
	display: inline;
}

#fastLink ul li a {
	padding: 8px 20px 9px 0px;
	background: url(/gfx/2007/pfeil.gif) no-repeat 269px 11px;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	display: block;
}*/

#sitesearch {
	margin: 0px 82px 0px 0px;
}

#sitesearch h3 {
	color: #4c4c4f;
	margin: 0px 0px 10px 0px;
	text-align: right;
}

#sitesearch form {
	text-align: right;
	margin: 0px;
}

#sitesearch .query {
	background-color: #fff;
	width: 110px;
	color: #666;
	margin: 0px 15px 0px 0px;
}

#sitesearchSub form {
	padding: 10px;
}

#sitesearchSub .text {
	width: 130px;
	margin-right: 10px;
}

#content {
	background: #fff url(/gfx/2007/bg_content.gif) repeat-y;
	width: 990px;
	position: relative;
}

#infoColumn {
	background: url(/gfx/2007/verlauf.jpg) no-repeat;
	width: 495px;
	height: 512px;
	float: left;
	z-index: 10;
}
* html #infoColumn {
	overflow: hidden;
}

#contentRight {
	float: left;
	width: 495px;
	height: 512px;
}

#infoColumn #quickNav {
	font-size: 16px;
	font-weight: bolder;
	list-style: none;
}

#contentGallery {
	background: url(/gfx/2007/verlauf_gallery.jpg) repeat-y;
	padding: 15px 20px;
}

#contentGallery a {
	color: #000;
	text-decoration: none;
}


#contentGallery h3 {
	background: url(/gfx/2007/pfeil.gif) no-repeat 145px 3px;
	font-size: 15px;
	color: #000;
	padding: 0px;	
	margin: 0px;
}

#contentGallery img {
	display: block;
	float: left;
	width: 144px;
	height: 100px;
	margin-top: 15px;
}

#contentGallery .left,
#contentGallery .center {
	margin-right: 10px;
}

#contentColumn {
	border-top: 2px solid #fff;
	height: 347px;
	color: #fff;
	width: 495px;
	overflow: hidden;
	background-color: #fff;
}
#contentColumn .contentScrollBox {
	overflow: hidden;
	height: 347px;
	width: 100%;
	background: #c40020 url(/gfx/2007/verlauf_rot.jpg) repeat-y;
}



#contentColumn .homepageContent {
	padding: 20px;
}

#contentColumn .homepageContent .left,
#contentColumn .homepageContent .right {
	float: left;
}
#contentColumn .homepageContent .left {
	width: 52%;
	padding-right: 3%;
}
#contentColumn .homepageContent .right {
	width: 45%;
}
* html #contentColumn .homepageContent .right {
	width: 44.9%;
}

#contentColumn .homepageContent h3 {
	font-size: 15px;
	font-weight: normal;
	float: left;
	padding: 0px 15px 25px 0px;
	margin: 0px;
}

#contentColumn .homepageContent .left h3 {
	background: url(/gfx/2007/pfeil_grau.gif) no-repeat right 3px;
}

#contentColumn .homepageContent .right h3 {
	background: url(/gfx/2007/pfeil_grau2.gif) no-repeat right 3px;
}

#contentColumn .homepageContent ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#contentColumn .homepageContent ul li {
	padding-bottom: 15px;
}
#contentColumn .homepageContent ul li a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#contentColumn .homepageContent ul li a:hover {
	color: #ddd;
}
#contentColumn .homepageContent ul li span {
	color: #B4A2A2;
	font-size: 0.95em;
}




#infoFooter {
	border-top: 2px solid white;
	background-color: #d5d4d4;
}

*html #infoFooter {
	border: none;
}

#infoFooter .columnLeft,
#infoFooter .columnRight {
	float: left;
	color: #4c4c4f;
	line-height: 16px;
	width: 450px;
	padding: 20px;
}

#infoFooter .columnLeft h3,
#infoFooter .columnRight h3 {
	color: #000;
}

#infoFooter .columnLeft a,
#infoFooter .columnRight a {
	color: #cc0033;
	font-weight: bold;
}

#infoFooter .columnLeft p,
#infoFooter .columnRight p {
	margin: 0;
	padding: 0 30px 0 0;
	float: left;
}

#optionsFooter {
	border-top: 2px solid white;
	background-color: #a2a2a5;
}



#optionsFooter .columnLeftLink,
#optionsFooter .columnMiddleLink,
#optionsFooter .columnRightLink {
	cursor: pointer;
}

#optionsFooter .columnLeftLink,
#optionsFooter .columnLeft {
	border-right: 2px solid white;
}

#optionsFooter .columnRightLink,
#optionsFooter .columnRight {
	border-left: 2px solid white;
}

#optionsFooter .columnLeftLink h3,
#optionsFooter .columnMiddleLink h3,
#optionsFooter .columnRightLink h3,
#optionsFooter .columnLeft h3,
#optionsFooter .columnMiddle h3,
#optionsFooter .columnRight h3 {
	color: #cc0033;
	font-size: 15px;
}

#optionsFooter .columnLeftLink img,
#optionsFooter .columnMiddleLink img,
#optionsFooter .columnRightLink img,
#optionsFooter .columnLeft img,
#optionsFooter .columnMiddle img,
#optionsFooter .columnRight img {
	width: 70px;
	float: left;
	margin: 0 10px 0px 0px;
}

#optionsFooter .columnLeftLink ,
#optionsFooter .columnMiddleLink,
#optionsFooter .columnRightLink,
#optionsFooter .columnLeft,
#optionsFooter .columnMiddle,
#optionsFooter .columnRight {
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	padding: 15px 15px;
	float: left;
	width: 288px;
	height: 105px;
	overflow: hidden;
}

#optionsFooter .text {
	padding-left: 80px;
}

#contentLeftSub {
	width: 660px;
	float: left;
	padding: 30px 50px;
	overflow: hidden;
}

#contentRightSub {
	background-color: #eee;
	width: 230px;
	float: left;
	padding-bottom: 40px;
}

#subNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subNav ul li {
	font-size: 13px;
	display: inline;
}

#subNav li.on a, #subNav li.off a {
	color: #4c4c4f;
	text-decoration: none;
	display: block;
	background-color: #d5d4d4;
	padding: 5px 15px;
	margin: 0;
}

#subNav li.on a {
	color: #fff;
	background-color: #c40020;
}

#subNav li.off a:hover,
#subNav li.on a:hover {
	color: #fff;
	background-color: #ea0026;
}

#subNav li.off a {
	color: #4c4c4f;
	background-color: #d5d4d4;
}



#subNav ul li.on {
	display: inline;
}
#subNav ul li.off {
	display: none;
}
#subNav ul li.on ul li {
	display: inline;
}
#subNav ul li.on ul li ul li.off ul li {
	display: none;
}


#subNav ul li ul li.on a, #subNav ul li ul li.off a {
	display: none;
}
#subNav ul li ul li ul li.on a, #subNav ul li ul li ul li.off a {
	display: block;
	padding-left: 25px;
	font-size: 0.95em;
}
#subNav ul li ul li ul {
	border-bottom: 2px solid #fff;
}
#subNav ul li ul li ul li ul {
	border-bottom-width: 0px;
}
#subNav ul li ul li ul li ul li.on a, #subNav ul li ul li ul li ul li.off a {
	padding-left: 40px;
	font-size: 0.9em;
}
#subNav ul li ul li ul li ul li ul li.on a, #subNav ul li ul li ul li ul li ul li.off a {
	padding-left: 50px;
	font-size: 0.8em;
}



#sitesearchSub h3,
.overviewSub h3,
.socialBookmarks h3 {
	margin-top: 15px;
	border-bottom: 2px solid #c40020;
}

#sitesearchSub form {
	background-color: #d5d4d4;
}


#sitesearchSub .query {
	font-size: 10px;
	width: 130px;
	margin: 5px;
	margin-top: 10px;
}

#sitesearchSub .button {
	background-color: #fff;
	color: #666;
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	border: 1px solid #666;
}







.overviewSub {
	width: 230px;
	position: relative;
}

.overviewSub img {
	width: 230px;
	height: 205px;
}

.overviewSubActive .container {
	padding: 0px 0px 30px 0px;
	border-bottom: 2px solid #c40020;
}

.overviewSub .ImageMapSidebar {
	background: #eee;
	position: absolute;
	bottom: 0px;
	right: 230px;
	padding: 30px;
	border-top: 2px solid #c40020;
	border-left: 2px solid #c40020;
	border-bottom: 2px solid #c40020;
	display: none;
}

.overviewSubActive .ImageMapSidebar,
.overviewSub area {
	display: block;
}

.ImageMapSidebar img {
	width: 477px;
	height:426px;
}

*html .overviewSub .ImageMapSidebar {
	position: absolute;
	bottom: -1px;
	right: 230px;
}




#footer {
	background: #fff;
	height: 35px;
}

#footer p.left,
#footer p.right {
	font-size: 10px;
	color: #666;
	margin: 10px 20px 15px 20px;
	padding: 0px;
	display: inline;
}

#footer p.left {
	float: left;
}

#footer p.right {
	float: right;
}

#footer a {
	color: #666;
	text-decoration: none;
}

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

#terminIssue {
	width: 660px;
}


#terminIssue .left {
	float: left;
	width: 485px;
}

#terminIssue .right {
	float: left;
	width: 175px;
}

#terminIssue .time {
	color: #c30020;
}

#terminListe {
	width: 630px;
	margin: 0px 0px 15px 0px;
	background: #eee;
	padding: 15px;
}

#terminListe .head {
	color: #c30020;
}

#terminListe h3 {
	margin: 0px 0px 5px 0px;
}

#terminListe .left {
	float: left;
	width: 440px;
}

#terminListe .right {
	float: left;
	width: 175px;
	margin: 0px 0px 0px 15px;
}

#terminListe .time {
	color: #c30020;
}



/* --- siteengine templates --- */
A:link    { color: #bb2222;	text-decoration: none;	font-weight: bold;}
A:visited {	color: #bb2222;	text-decoration: none;	font-weight: bold;}
A:hover   {	color: #ff4444;	text-decoration: underline;	font-weight: bold;}

.headline { font-size: 22px; font-family: Arial; color: #ea0d00; font-weight: bold; line-height: 25px;}	

.headtext { font-size: 17px; font-family: Arial; color: #888888; font-weight: bold; line-height: 23px;}


/*.softmotion {
	margin-left: -20px;
}*/
.softmotion .text {
	font-size: 12px;
}

.template_news h3, .headline {
	font-size: 15px;
}
.template_news .headtext {
	font-size: 14px;
} 

.template_news .bild {
	margin-left: 15px;
}


.template_divider {
	background: #c30020;
	margin: 15px 0px 0px 0px;
}

.template_divider h2 {
	margin: 2px 0px 2px 5px;
	color: #fff;
	font-size: 14px;
}



.template {
	margin-bottom: 15px;
}

.template_1bild .bild img {
	width: 100%;
}
.template_2bild .bild img {
	width: 100%;
}
.template_3bild .bild img {
	width: 100%;
}


/* --- Infobox --- */
.template_infobox {
	background-color: #fff;
}

.template_infobox h1 {
	background-color: #c40020;
	color: #fff;
	padding: 4px 10px;
	font-size: 1.1em;
	margin: 0px;
}
.template_infobox .row {
	padding: 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.template_infobox .col {
	width: 44%;
	padding-left: 4%;
	padding-right: 2%;
	float: left;
	background: url(/gfx/infoboxIcon.jpg) 5px 4px no-repeat;
}
.template_infobox .col p {
	padding: 0px;
	margin: 0px;
}
.template_infobox .col h3 {
	margin: 0px 0px 5px 0px;
}


.template_imageslider {
	border: 1px solid #e5e5e5;
}

.ui-slider-handle.ui-state-default.ui-corner-all {
    background: url("/gfx/scroll_button.png") no-repeat top left !important;
}