body
{
	background-image : url(../Images/Backgrounds/body.gif);
	background-repeat: repeat-x;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #777;
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	color: #003777;
	padding: 0;
	margin: 0;
}
h2 { font-size: 19px; line-height: 21px; }
h3 { font-size: 15px; line-height: 17px; }
h4 { font-size: 11px; line-height: 13px; color: #777777; font-weight: bold; }

a { color: #0068A8; }
a:hover, a:active, a:focus { color: #0068A8; text-decoration: none; }
a img { border: 0px; }
.linkIcon { vertical-align: middle; margin-right: 5px; text-decoration: none; }

input, select, textarea { font-size: 11px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }

form { position: relative; }

hr 
{ 
	height: 0px; 
	color: #FFF;
	border-top: 1px solid #E3E3E3; 
	padding: 0px;
}

/* LAYOUT ELEMENTS */
#pageContainer
{
	margin: 0 auto;
	width: 985px;
	text-align: left;
	position: relative;
}
#page
{
	float: left;
	width: 930px;
	margin-top: 10px;
	background-color: #FFF;
	padding: 0px 20px 25px 15px;
	position: relative;
}

#header 
{ 
	float: left; 
	width: 935px; 
	height: 120px; 
	position: relative;
	background-image: url(../Images/Backgrounds/border_top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.columnContainer { float: left; width: 935px; _margin-top: -30px; }
.columnContainer .left 
{ 
	float: left; 
	width: 175px;
	padding-right: 15px; 
	_margin-right: -16px;
	
}
.columnContainer .right { float: left; width: 745px; }

#headerMaxl { float: left; position: relative; width: 175px; height: 180px; }
#pete { position: absolute; top: -55px; }

#headerImage { float: left; padding: 15px 0 0 0; }

.content { float: left; width: 495px; padding: 35px 45px 10px 30px; }
.content table td { vertical-align: top; }

.content ul
{
	padding: 3px 0 0 18px;
	margin: 10px 0 10px 0;
	list-style-image: url(../Images/bullet.gif) !important;
}

.content .downloadContainer { float: left; width: 495px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #E3E3E3; }

.itemFilter 
{ 
	float: left; 
	width: 475px; 
	border-top: 1px solid #E3E3E3; 
	margin-top: 10px; 
	text-align: right;
	padding: 10px;
}

.itemList { float: left; width: 495px; border-bottom: 1px solid #E3E3E3; margin-top: 10px; }
.itemList .collapseContainer, .itemList .presseContainer { float: left; width: 495px; border-top: 1px solid #E3E3E3; }
.itemList .collapseContainer .header, .itemList .presseContainer .header
{ 
	cursor: pointer;
	float: left; 
	width: 460px;
	background-color: #F8F8F8;
	background-image: url(../Images/Backgrounds/list_item.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	padding: 5px 10px 5px 25px;
}
.itemList .presseContainer .header { cursor: default; }
.itemList .collapseContainer .header.open, .itemList .collapseContainer.alternating .header.open
{ 
	background-image: url(../Images/Backgrounds/list_item_down.gif); 
}
.itemList .presseContainer .header { background-position: 95px 6px; padding-left: 10px; width: 475px; }
.itemList .collapseContainer.alternating .header, .itemList .presseContainer.alternating .header 
{ 
	background-color: #FFF;
	background-image: url(../Images/Backgrounds/alternating_list_item.gif);
}
.itemList .collapseContainer .header h2, .itemList .presseContainer .header h2, .itemList .presseContainer .header h2 a
{ 
	font-size: 11px; 
	font-weight: bold;
	color: #0068A8;
	padding: 0;
	margin: 0;
	line-height: normal;
	float: left;
	width: 300px;
}
.itemList .collapseContainer .header a, .itemList .presseContainer .header a { float: right; text-decoration: none; color: #777; font-weight: normal; }
.itemList .collapseContainer .content
{
	float: left; 
	width: 475px;
	padding: 10px;
	border-top: 1px solid #E3E3E3;
	display: none;
}
.itemList .collapseContainer .date, .itemList .presseContainer .date 
{ 
	float: left; 
	display: block; 
	width: 70px;
	padding: 5px;
	margin: -5px 20px -5px 0;
}
.itemList .content .image { float: left; width: 145px; margin-right: 10px; }
.itemList .content .image img { width: 145px; }
.itemList .content .text { float: left; width: 320px; }
.itemList .content .text.large { width: 475px; }
.itemList .content .text h4 { padding-bottom: 10px; }
.itemList .content .text p { margin: 0 0 10px 0; padding: 0; }
.itemList .content .downloads
{ 
	float: left;
	border-top: solid 1px #E3E3E3; 
	padding-top: 10px;
	width: 320px;
	margin-top: 10px;
}
.itemList .content .text.large .downloads { width: 475px; }
.itemList .content .text .moreLink { }

.teaserContainer { float: left; width: 175px; padding: 15px 0 0 0; }
.teaserContainer .buttons li { margin-bottom: 5px; }
.teaser 
{ 
	float: left; 
	width: 155px; 
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	padding: 10px;
	margin-top: 15px;
	background-image: url(../Images/Backgrounds/teaser.gif);
	background-repeat: repeat-x;
}

.mitarbeiterBereichContainer
{
	float: left;
	width: 495px;
	margin-bottom: 20px;
}
.mitarbeiterBereichContainer h2 { font-size: 11px; color: #777; font-weight: bold; padding-bottom: 5px; }
.mitarbeiterBereichContainer .mitarbeiter
{
	float: left;
	width: 226px;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	height: 50px;
	padding: 10px;
}
.mitarbeiterBereichContainer .mitarbeiter.firstRow { border-top: 1px solid #E3E3E3; }
.mitarbeiterBereichContainer .mitarbeiter.right { border-left: 0px !important; }
.mitarbeiterBereichContainer .mitarbeiter .image { float: left; padding-right: 10px; }
.mitarbeiterBereichContainer .mitarbeiter .name { float: left; padding-top: 10px; }
.mitarbeiterBereichContainer .mitarbeiter .name a { font-weight: bold; }
.mitarbeiterBereichContainer .mitarbeiter .download { float: right; }

.mitarbeiterDetailContainer { float: left; width: 495px; padding-top: 20px; }
.mitarbeiterDetailContainer .imageContainer { float: left; width: 251px; }
.mitarbeiterDetailContainer .imageContainer .image 
{
	float: left;
	width: 250px;
	height: 300px;
	padding: 1px 0 1px 1px;
	background-image: url(../Images/Backgrounds/mitarbeiter_bild.gif);
}
.mitarbeiterDetailContainer .imageContainer .change { float: left; padding-top: 5px; }
.mitarbeiterDetailContainer .infoContainer { float: left; padding: 20px 10px 10px 10px; width: 224px;  }
.mitarbeiterDetailContainer .infoContainer h2 
{ 
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}

.shadowLeft { position: absolute; left: -10px; top: 130px; }
.shadowRight { position: absolute; left: 965px; top: 130px; }

.tblResults { width: 495px; }
.tblResults h4, .tblResults h4 a { color: #0067A7; text-decoration: none; } 
.tblResults td { border-top: solid 1px #E3E3E3; padding: 3px 5px 3px 3px; }
.tblResults td img { margin-top: 2px; }
.tblResults tr { background-color: #F8F8F8; }
.tblResults tr.alternating { background-color: #FFF; }
.tblResults tr.last td { border-bottom: solid 1px #E3E3E3; }

.gridviewPager td { border: 0px; background-color: #FFF; }

.error 
{ 
	float: left; 
	width: 465px;
	height: 19px;
	background-color: #FAF2F2;
	padding: 6px 5px 5px 25px;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	border-top: solid 1px #E3E3E3;
	border-bottom: solid 1px #E3E3E3;
	color: #990000 !important;
}
.error span { font-weight: bold; color: #990000; }

.form 
{ 
	float: left; 
	width: 475px;
	background-color: #E5EEF8; 
	padding: 10px 0 20px 20px; 
	margin-top: 1px; 
	border-top: solid 1px #E3E3E3;
	border-bottom: solid 1px #E3E3E3;
}
.form table { width: 495px; _width: 473px; }
.asterisk { font-weight: bold; color: #990000; }

.article 
{ 
	float: left; 
	width: 495px; 
	border-top: solid 1px #E3E3E3;
	margin-top: 5px; 
}
.article h2 { font-size: 16px; color: #777777; font-weight: bold; }
.article .date { margin: 10px 0 2px 0; color: #999999; }

.imageGalleryContainer 
{ 
	float: left; 
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #E3E3E3;
	width: 495px;
}

.imageGalleryContainer .item { float: left; padding-right: 9px; padding-bottom: 9px; }
.imageGalleryContainer .item.last { padding-right: 0px; }
.imageGalleryContainer .item img { width: 115px; height: 76px; border: 1px solid #E3E3E3; }


/* STARTSEITE */
#homeContainer 
{ 
	float: left; 
	width: 955px; 
	padding: 15px 5px 0 0px;
}

#itworksMagazin
{
	float: right;
	width: 366px;
	height: 272px;
	margin-right: 18px;
	_margin-right: 9px;
	background-image: url(../images/backgrounds/itworks_magazin.jpg);
	background-repeat: no-repeat;
}
#itworksMagazin p { float: left; width: 155px; margin: 90px 0 0 25px; _margin: 90px 0 0 13px; }

.btnBestellen { float: left; width: 330px; _width: 300px; margin: 20px 0 0 25px; _margin: 20px 0 0 13px; }

.homeButtons { float: left; width: 175px; margin-top: 15px; }

.homeNews { float: left; width: 365px; margin: 15px 0 0 15px; }
.homeNewsItem { float: left; width: 363px; border: solid 1px #E3E3E3; margin-bottom: 5px; }
.homeNewsItem .textColumn 
{ 
	float: left; 
	width: 279px; 
	padding: 5px 5px 6px 10px; 
	_padding: 5px 5px 6px 5px;
	border-right: solid 1px #E3E3E3; 
}
.homeNewsItem .textColumn a { float: left; text-decoration: none; color: inherit; width: 279px; }
.homeNewsItem .topic { float: left; display: block; width: 279px; color: #003777; font-weight: bold; }
.homeNewsItem p { float: left; width: 294px; margin: 0; }
.homeNewsItem .moreColumn { float: left; width: 51px; _width: 48px; padding: 5px 0 5px 10px; }
.homeNewsItem .moreColumn a img { text-decoration: none; }
.homeNewsItem .date { font-size: 10px; }
.homeNewsItem .link { margin-top: 16px; }
.homeNewsItem .link a img { text-decoration: none; }

.homePic 
{ 
	float: left; 
	width: 175px; 
	height: 191px; 
	overflow: hidden; 
	border: solid 1px #E3E3E3; 
	margin: 14px 0 0 15px; 
}

.homeTwitter
{
	float: left;
	width: 175px;
	height: 192px;
	margin: 15px 0 0 15px;
	background-image: url(../images/backgrounds/twitter.jpg);
	background-repeat: no-repeat;
}
.homeTwitter .headline { font-size: 18px; color: #006CAE; margin: 15px 0 0 10px; }
.homeTwitter .tweet { float: left; width: 155px; margin: 20px 0 0 10px; }
.homeTwitter .link { float: left; margin: 15px 0 0 10px; }

#footerContainer { float: left; width: 955px; _width: 940px; }
.footer 
{ 
	float: left; 
	border-top: solid 1px #E3E3E3; 
	padding-top: 5px; 
	font-size: 10px;
	color: #999999;
	line-height: 13px;
}
.footer.left { width: 175px; margin: 30px 0 0 0; }
.footer.right { width: 746px; margin: 30px 0 0 15px; _width: 745px;  }
.footer a { color: #999999; }

.kraftwerk { float: right; margin: -22px 20px 0 0; _margin-right: 10px }

/* NAVIGATIONS */
#topNavigation { float: left; margin-top: -5px; }

#logo { float: left; width: 260px; text-align: right; padding: 25px 30px 0 0; }

#leftNavigation { float: left; z-index: 0; }
#leftNavigation li { border-top: 1px solid #E3E3E3; padding: 2px 0 2px 0; }
#leftNavigation a
{ 
	line-height: 13px; 
	color: #777; 
	text-decoration: none;
	display: block;
	width: 153px;
	_width: 150px;
	float: left;
	padding: 4px 18px 4px 0;
}
#leftNavigation a.selected, #leftNavigation a:hover, #leftNavigation a:focus
{
	color: #0068A8;
	background-image: url(../Images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-weight: bold; 
}

/* FORMS */
#searchForm { float: left; margin-top: 5px; }
#searchForm .searchText { width: 120px; }
#searchForm .button { vertical-align: middle; margin-top: -3px; }

/* FREQUENTLY USED STUFF */
ul.paddingBottom { padding-bottom: 10px !important; }
.horizontalUL, .verticalUL { list-style-type: none !important; margin: 0px; padding: 0px; float: left; }
.horizontalUL li, .verticalUL li { float: left; list-style-type: none !important; }
.verticalUL li a { margin-left: 4px;}
.debug { border: 1px dotted red; }
.checkbox label, .radio label { float: none; }
.dark { color: #555 !important; }
.hinweisGood { color: #872346 !important; }
.hinweisBad { color: #006600 !important; }
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.textRight { text-align: right; }
.bold { font-weight: bold; }