/*++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++

	CSS STYLING
	PROJECT: ITW
	VERSION: 1.0
	BY: Sitewalk Est, www.sitewalk.com

++++++++++++++++++++++++++++++++++++++++		
+++++++++++++++++++++++++++++++++++++++*/


/*****************************************
******************************************

	Allgemein

******************************************
*****************************************/

body{
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	font-style:normal;
	line-height:18px;
	background-color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}
td {
	text-align:left;
	vertical-align:top;
}

DIV, TD, P, .Normal {	
	font-size:12px;
	line-height:16px;
}
#content_right, #content_right DIV, #content_right TD, #content_right .Normal, #content_right P, #content_right .Normal P {
	color:#878787;
}
.content_header p{
	color:#FFFFFF;
}

.ImpressumPane{
color:#838487;
font-size:10px;
}

a:link, a:visited, .Normal a:link, .Normal a:visited, .ImpressumPane a:link, .ImpressumPane a:visited, .rightPane a:link, .rightPane a:visited, .metanavPane a:link, .metanavPane a:visited  {
	color:#838487;
	text-decoration:none;
}

a:hover, a:active, .Normal a:hover, .Normal a:active, .ImpressumPane a:hover, .ImpressumPane a:active, .rightPane a:hover, .rightPane a:active, .metanavPane a:hover, .metanavPane a:active {
	color:#000000;
	text-decoration:none;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #838487;
}
.languageselector {
	z-index:1 !important;
}
/*****************************************

	Print

*****************************************/

@media print{
	.content_header{display:none;}
	.content_menu{display:none;}
	.brotkruemel{display:none;}
	.disclaimer{display:none;}
	.logo{margin:80px;
				padding:80px;
				margin-top:10px;
				padding-top:10px;
				margin-bottom:0px;
				padding-bottom:0px;}
}

/*****************************************

	Grundebene mit Schatten

*****************************************/


.container{
	width:954px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	vertical-align:top;
	
}

.container_td{
	width:946px;
	border:1px solid;
	border-color:#838487;
	vertical-align:top;
	height: 100%;
}

.schatten_re{
	width:8px;
	height: 100%;
	vertical-align: top;
	background-image: url(skins/itw/media/schatten_rechts.gif);
	background-repeat: repeat-y;
}

.schatten_re_table {
	width: 8px;
	height:100%;
}

.schatten_re_oben{
	background-image: url(skins/itw/media/schatten_rechts_oben.gif);
	background-repeat: no-repeat;
	height:8px;
	width:8px;
}

.schatten_re_unten{
	width: 8px;
	height: 100%;
}

.schatten_u{
	background-image: url(skins/itw/media/schatten_unten.gif);
	height:8px;
}

.schatten_u_re{
	background-image: url(skins/itw/media/schatten_unten_rechts.gif);
	width:8px;
	height:8px;
}

.schatten_u_table{
	margin:0px;
	padding:0px;
	height:8px;
}

.schatten_u_links{
	background-image: url(skins/itw/media/schatten_unten_links.gif);
	height:8px;
	width:8px;
}

.schatten_u_mitte{
}

/*****************************************

	Webseitenraster

*****************************************/
.raster {
	width: 100%;
}
.raster_r1 {
	height: 132px;
}
.raster_r2 {
	height: 25px;
	background-color:#FFE500
}
.raster_r3 {
	height: 32px;
}
.raster_r4 {
	height: 373px;
}
.raster_r5 {
	height: 14px;
}

.raster_c1 {
	width: 191px;
}
.raster_c2 {
	width: 33px;
}
.raster_c3 {
	width: 522px;
}
.raster_c4 {
	width: 31px;
}
.raster_c5 {
	width: 169px;
}


.raster_leftborder {
	background-image: url(skins/itw/media/border.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;

}
.raster_panorama {
	width: 722px;
}

/*++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++

	Panes
	
++++++++++++++++++++++++++++++++++++++++		
+++++++++++++++++++++++++++++++++++++++*/

.logoPane {
	margin-left: 14px;
	margin-top: 39px;
	width: 177px;
	height: 61px;
}
.panoramaPane {
	width:722;
}
.ImpressumPane {
	margin-left:14px;
	top: -15px;
	position: relative;
}
.ImpressumPane a {
	font-size:10px;

}
.rightPane {
	width: 157px;
	margin-left: 6px;
	margin-top:20px;
}
.rightPaneHome {
	width: 169px;
	margin-top:20px;
}
.breadcrumbPane {
	color: #838487;
	font-size:10px;
	width: 100%;
	margin-top: 10px;
}
.contentPane {
	margin-top:20px;
}




/*++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++

	Content Container
	
++++++++++++++++++++++++++++++++++++++++		
+++++++++++++++++++++++++++++++++++++++*/

.conTitle H1 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	color: #003b79;
	font-Size:14px;
	font-weight:bold;
	line-height:18px;
}

.conContent IMG{
	margin:0px;
	padding:0px;
}

.conContentCell *{

}

.conContentCell ul{
	margin:16px;
	padding:0px;
	margin-top:0px;
}

.conContentCell ul li{
	list-style-type:disc;
	padding-left:0px;
	margin-top:10px;
	line-height:18pt;

}

.conContentCell a:link, .conContentCell a:visited {
}


.conContentCell a:hover, .conContentCell a:active {
}


INPUT, TEXTAREA, SELECT, OPTION, .NormalTextBox, .StandardButton, .FileManager * {
	color: #000000;
}
.raster_metanav_cell Input {
	border: 1px solid #838487;
	background-color: #ccc;
	font-color:#fff;
	font-size:11px;
	width: 120px;
	}
	

.conGrey {
	background-color: #d9dadc;
	width:100%;
}
.conYellow {
	background-color: #ffe500;
	width:100%;
}

.conLeftSpacer{
	width: 6px;
}
.conContentTitle {
	vertical-align: top;
	width: 157px;
	padding-top:6px;
	padding-bottom:3px;
	color:#000;
	font-weight:bold;
}
.conRightSpacer {
	width: 6px;
}
.conLeftLine {
	background-color: #000;
}
.conCenterLine {
	background-color: #000;
}
.conContent {
	vertical-align:top;
	font-size: 10px;
	padding-top:3px;
	padding-bottom:6px;
	color:#000;
}
.conContent a:link, .conContent a:visited, .conContent a:hover, .conContent a:active {
	color: #000;
}
.conBottomSpacer {
	height:10px;
}


/*++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++

	User Definded Table > Referenzen
	
++++++++++++++++++++++++++++++++++++++++		
+++++++++++++++++++++++++++++++++++++++*/


.udtTable {
	width: 100%;
	}
.udtTitle {
	font-weight:bold;
	padding-bottom:10px;
	}
.udtShortDesc {
	vertical-align:top;
	padding-right:15px;
	padding-bottom: 30px;
	}
.udtImages {
	vertical-align: top;
	padding-bottom: 30px;
	width: 210px;
	}
.udtImages IMG {
	width: 76px;
	margin-left: 10px;
	border: 1px solid #838487;
	}
.udtImages IMG:hover {
	border: 1px solid #000;
	}

.udtImagesDetail {
	vertical align:top;
	font-size:10px;
	color:#878787;
	padding-left: 10px;
	width: 210px;
}
.udtImagesDetail IMG {
	width: 200px;
	display:block;
	border: 1px solid #838487;
	margin-top:10px;
	}
.udtImagesDetail IMG:hover {
	border: 1px solid #000;
	}
.pdfLink {
	margin-bottom:5px;
}
.pdfLink a:link, .pdfLink a:visited, .pdfLink a:hover, .pdfLink a:active  {
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom:2px;
	background-image: url(skins/itw/media/pdf.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/*++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++

	News 
	
++++++++++++++++++++++++++++++++++++++++		
+++++++++++++++++++++++++++++++++++++++*/


.pagetext IMG {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.newsview .back {
	padding-top: 10px;
}
a.newsStart:link, a.newsStart:visited {
	padding-left: 10px;
	background-image:url(media/bullet.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
}
a.newsStart:hover, a.newsStart:active {
	padding-left: 10px;
	background-image:url(media/bullet.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
}


/*++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++

	Fotogalerie
	
++++++++++++++++++++++++++++++++++++++++		
+++++++++++++++++++++++++++++++++++++++*/

.GalleryTabNavigation, .GalleryTabBottom {
	padding:0px;
}

.GalleryCellLeftNavigationSpace, .GalleryCellLeftContainerSpace, .GalleryCellLeftBottomSpace, .GalleryCellSum {
	display: none;
}

.GalleryCellNavigation{
	display:none;
}

.GalleryCellRightNavigationSpace{

}

.GalleryTabBottom {
	margin-top:15px;
}

.GalleryCellBack {
	text-align:right;
	padding-right:18px;
	/*color:#aa651b;*/
}

.GalleryCellElementAlbumTitle{
color:#838487;
}

.GalleryTabElementAlbumPicture{
	height:90px;
}

.GalleryCellBack a:link, .GalleryCellBack a:visited{
	/*color:#aa651b;*/
}

.GalleryCellBack a:hover, .GalleryCellBack a:active{
	/*color:#000;*/
}

.GalleryTabContainer{

}
.GalleryCellLeftContainerSpace{
}
.GalleryCellContainer{
}
.GalleryTabElements{
}
.GalleryCellElementAlbum{
}
.GalleryTabElementAlbum{

}
.GalleryImg {
}
.GalleryCellElementAlbumPicture, {
	height: 78px;	
	width:100px;
	text-align:left;
	padding-bottom:2px;
}
.GalleryCellElementPicturePicture {
	height: 78px;	
	width:80px;
	text-align:left;
	padding-bottom:2px;
	vertical-align:top;
}
.GalleryCellElementAlbumPicture{
	height: 78px;
}
.GalleryTabElementAlbum TD, .GalleryCellElementAlbumPicture, .GalleryCellElementPicturePicture TD, .GalleryCellElementPicturePicture {
	vertical-align:top;
	
	
}
.GalleryCellElementPicturePicture {
	}
.GalleryCellElementAlbum {
	padding-right:20px;
	padding-bottom:20px;

}
.GalleryCellElementFile {
	padding-right:15px;
	padding-bottom:20px;

}

.GalleryTabElementAlbumDesc{
	width:100px;

}
.GalleryCellElementAlbumTitle SPAN, .GalleryCellElementPictureTitel SPAN {
	line-height:14px;
	
}
.GalleryCellElementAlbumCount SPAN{
}
.GalleryCellElementAlbumUpdate{
}
.GalleryTabBottom{
	display:none;
}
.GalleryCellLeftBottomSpace{
}
.GalleryCellPaging{
}
.GalleryCellMiddleBottomSpace{
}
.GalleryCellSum{
}
.GalleryCellRightBottomSpace{
}

.GalleryTabPopUpTop{
margin-top:20px;
margin-bottom:20px;
background-color:#ffe500;
}

.GalleryCellElementAlbum{
height:140px;
}



.GalleryCellPopUpLeftButton{
	width:130px;
	padding-left:22px;
	font-weight:normal;
}

.GalleryCellPopUpRightButton{
	width:120px;
}

.GalleryCellPopUpPrint{
	width:60px;
	}

.GalleryCellPopUpDownload{}

.GalleryCellPopUpClose{
	width:80px;
	}

.GalleryCellPopUpNR{
padding-right:25px;
color:#838487;
	font-weight:bold;
}

/*angepasst*/

.gallery_nav_table{
width:100%;
}

.gallery_back{
float:right;
margin-right:15px;
}

.gallery_picture_td{
margin-top:10px;
width:140px;
text-align:center;
height:105px;
padding-top:10px;
}

.gallery_album{
width:120px;
}

.GalleryCellElementAlbum{
height:120px;
}

.gallery_album_title{
width:140px;
text-align:center;
}

.GalleryCellElementAlbumUpdate{
width:140px;
text-align:center;
}

.gallery_albums_sum{
padding-left:5px;
}

.gallery_album_picture_td{
padding-top:10px;
}



/*************************
Language Selector
*******************************/

.raster_metanav_cell {
	width: 755px;
	text-align: left;
	vertical-align: middle;
	color: #838487;
}

.metanavPane {
	margin-right:5px;

}


.languageselector{
margin-top:-3px;
padding-left:23px;
z-index:200;
text-align:left;
width:200px;
position:absolute;
}

.qms{
position:absolute;
width:25px;
height:25px;
background:url(media/qms.jpg);
background-repeat:no-repeat;
margin-left:710px;
margin-top:-5px;
z-index:2000;
display:none;
}
