/* General Layout for Crossbrowser Compatibility */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td	{
	margin:0;
	padding:0;
	}

table	{
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img	{
	border:0;
	}
address,caption,cite,code,dfn,em,strong,th,var	{
	font-style:normal;
	font-weight:normal;
}

caption,th	{
	text-align:left;
	}
h1,h2,h3,h4,h5,h6	{
	font-size:100%;
	font-weight:normal;
	}
q:before,q:after	{
	content:'';
	}
abbr,acronym	{
	border:0;
	font-variant:normal;
	}
sup,sub	{
	line-height:-1px;
	vertical-align:text-top;
	}
sub	{
	vertical-align:text-bottom;
	}
input, textarea, select	{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:0px;
	margin:0px;
	}
input {
	padding-left:0;margin-left:0;
	} 

/* Basic Styles - AUT media Gmbh */
body	{
	background-color:#ffffff;
	background-image:url(../bilder/bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	behavior: url("../bilder/csshover3.htc");
}

html, body {
	font-family:Arial;
	font-size:12px;
	color:#333333;
}

/* PNG Hack for IE - Achtung: Pfad des blank.gif im htc File anpassen */
div, img{ behavior: url(../bilder/iepngfix.htc) }*/

p	{
	margin:0px;
	padding:0px;
	}
em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

a	{
	color:#999999;
	text-decoration:none;
	font-weight:normal;
}
a:hover	{
	color:#a9a88e;
	text-decoration:none;
	font-weight:normal;
	}

/* Styles for Template */

h1 {
	font-size:18px;
	font-weight:bold;
	color:#cabf63;
}

h2 {
	font-size:12px;
	color:#999999;
	padding-bottom:5px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#999999;
	border-bottom:1px solid #EAEAEA;
	padding-top:3px;
	padding-bottom:5px;
	margin-bottom:5px;
}


.mainContainer	{
	background-image:url(body_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:1024px;
	height:768px;
	position:absolute;
	left:50%;
	margin-left:-512px;
	z-index:0;
	border:0px solid red;
}


/* Styles for Elements */
.introFlash {
	position:absolute;
	top:249px;
	padding-left:142px;
	width:860px;
	height:610px;
	overflow:hidden;
	background-image:url(intro_page_bg.jpg);
	background-repeat:no-repeat;
	}


.shadow {
	position:absolute;
	top:226px;
	padding-left:30px;
	width:967px;
	border:0px solid blue;
	overflow:hidden;
}

.shadowKlein {
	position:absolute;
	top:137px;
	padding-left:30px;
	width:967px;
	border:0px solid blue;
	overflow:hidden;
}

.shadowBottom {
	position:absolute;
	top:338px;
	padding-left:30px;
	width:967px;
	border:0px solid blue;
	overflow:hidden;
}

.shadowBottomKlein {
	position:absolute;
	top:249px;
	padding-left:30px;
	width:967px;
	border:0px solid blue;
	overflow:hidden;
}

.firstRowLeft {
	background-image:url(top_left_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:48px;
	height:239px;
}

.firstRowLeftKlein {
	background-image:url(top_left_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:48px;
	height:150px;
}

.firstRowMiddle {
	background-image:url(head_image_bg.jpg);
	width:780px;
}

.firstRowRight {
	width:148px;
	padding:0px 10px 10px 10px;
	background-color:#ffffff;
	border:0px solid red;
	vertical-align:bottom;
	
}
.firstRowAuslauf1 {
	background-image:url(top_right_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}


.secondRowLeft {
	background-image:url(middle_left_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:48px;
	height:99px;
}

.secondRowLogo {
	width:178px;
}

.secondRowMiddle {
	background-image:url(menubar_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:770px;
	vertical-align:top;
	padding-top:33px;
}

.mainMenuHolder {
	clear:both;
	float:right;
	font-size:11px;
}

.menuItemSpacer  {
	width:39px;
	float:left;
}
#menuSpacer1 {
	width:1px;
}

.mainMenuItem {
	height:30px;
	float:left;
	cursor:pointer;
	text-transform:uppercase;
	color:#007c5d;
	font-family:"Century Gothic";
	white-space:nowrap;
	}

.mainMenuItem:hover {
	background-image:url(navi.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	white-space:nowrap;
	}
	
.mainMenuItemActive {
	color:#007c5d;
	height:30px;
	float:left;
	cursor:pointer;
	text-transform:uppercase;
	font-family:"Century Gothic";
	background-image:url(navi.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	white-space:nowrap;
	}
	
.subMenuHolder {
	padding-top:7px;
	padding-right:15px;
	text-transform:uppercase;
	font-family:"Century Gothic";
	color:#007c5d;
	font-size:10px;
	}

.subMenuHolder a:hover {
	color:#007c5d;
	}

a.subMenuActive {
	padding-right:15px;
	color:#007c5d;
	}
	

.secondRowRight {

}

.thirdRowLeft {
	background-image:url(bottom_left_bg.jpg);
	background-repeat:no-repeat;
	width:48px;
	height:200px;
}

.thirdRowMiddleL {
	background-image:url(left_bg.jpg);
	background-repeat:no-repeat;
	width:200px;
	vertical-align:top;
	
}

.thirdRowMiddleR {
	background-image:url(content_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:580px;
	vertical-align:top;
	margin-top:40px;
	margin-left:50px;
	margin-right:50px;
	
}

.thirdRowRight {
	width:170px;
	background-color:#ffffff;
	vertical-align:top;
	
}

.firstRowAuslauf {
}

.menuBar {
	position:absolute;
	top:235px;
	left:50%;
	margin-left:-515px;
	border:0px solid red;
	width:1030px;
	height:95px;
	z-index:101;
	background-color:#ffffff;
	border:1px solid black;
}

.flashHeader {
	position:absolute;
	top:0px;
	left:48px;
}

.mainMenu {
	position:absolute;
	top:75px;
	left:220px;
	border:0px solid red;
	width:420px;
	height:230px;
	/*padding-top:75px;*/
	z-index:100;
}

.textBlock {
	border:0px solid red;
	width:490px;
	padding-left:50px;
	padding-top:40px;
	list-style-position:outside;
}

.textBlock a {
	color:#cabf63;
}

.textBlock a:hover {
	color:#007c5d;
}

.textHeadline {
	font-size:18px;
	font-weight:bold;
	color:#cabf63;
	padding-bottom:5px;
}

.textHeadlineGreen {
	font-size:18px;
	font-weight:bold;
	color:#007c5d;
	padding-bottom:5px;
}


.textBlock ul {
	font-size:12px;
	list-style-type:none;
	list-style:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
	padding-left:0px;
	padding-bottom:5px;

}

.textBlock li {
	list-style-type:none;
	list-style:none;
	list-style-image:none;
	background-image:url(list.jpg);
	background-position:left middle;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	font-size:12px;
	padding-left:20px;
	font-style:italic;
	padding-bottom:5px;
}

.textBlockKlein {
	border:0px solid red;
	font-family:"Century Gothic";
	font-size:11px;
	color:#333333;
}

.textBlockKlein p{
	padding-bottom:3px;
}

.textBlockKlein .textHeadline {
	font-size:12px;
	color:#999999;
	padding-bottom:5px;
	font-weight:normal;
}


.aktionsBox {
	padding-top:45px;
	width:140px;
	padding-left:55px;
	font-size:10px;
}

.blogAnzeige {
	padding-top:22px;
	font-size:10px;
	color:#333333;
}

.blogAnzeige a {
	color:#cabf63;
}

.blogAnzeige a:hover {
	color:#007c5d;
}

.blogListe {
	padding-top:22px;
	padding-left:0px;
	font-size:10px;
	color:#333333;
}

.blogListe a {
	color:#cabf63;
}


.toolMenu1 {
	background-image:url(../bilder/anfragen_tool.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:60px;
	font-size:10px;
	color:#333333;
}


.toolMenu1 a:hover {
	color:#cabf63;
}

.toolMenu1:hover {
	margin-left:60px;
	background-image:url(../bilder/anfragen_tool_active.jpg);
	background-repeat:no-repeat;
	background-position:middle;
	white-space:nowrap;
	color:#007c5d;
	cursor:pointer;
}

.toolMenu1Active {
	background-image:url(../bilder/anfragen_tool_active.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:60px;
	font-size:10px;
	color:#cabf63;
}

.toolMenu1Active a {
	color:#007c5d;
}


.toolMenu2 {
	background-image:url(../bilder/daten_tool.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:60px;
	font-size:10px;
	color:#333333;
}

.toolMenu2 a:hover {
	color:#cabf63;
}

.toolMenu2:hover {
	margin-left:60px;
	background-image:url(../bilder/daten_tool_active.jpg);
	background-repeat:no-repeat;
	background-position:middle;
	white-space:nowrap;
	color:#cabf63;
	cursor:pointer;
}


.toolMenu2Active {
	background-image:url(../bilder/daten_tool_active.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:60px;
	font-size:10px;
	color:#cabf63;
}

.toolMenu2Active a {
	color:#cabf63;
}

.toolMenu3 {
	background-image:url(../bilder/newsletter_tool.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:60px;
	font-size:10px;
	color:#333333;
}

.toolMenu3 a:hover {
	color:#cabf63;
}


.toolMenu3:hover {
	margin-left:60px;
	background-image:url(../bilder/newsletter_tool_active.jpg);
	background-repeat:no-repeat;
	background-position:middle;
	white-space:nowrap;
	color:#cabf63;
	cursor:pointer;
}

.toolMenu3Active {
	background-image:url(../bilder/newsletter_tool_active.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:60px;
	font-size:10px;
	color:#cabf63;
}

.toolMenu3Active a {
	color:#cabf63;
}

.toolMenu4 {
	background-image:url(../bilder/endfertigung_tool.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:60px;
	font-size:10px;
	color:#333333;
}

.toolMenu4 a:hover {
	color:#007c5d;
}

.toolMenu4:hover {
	margin-left:60px;
	background-image:url(../bilder/endfertigung_tool_acitve.jpg);
	background-repeat:no-repeat;
	background-position:middle;
	white-space:nowrap;
	color:#007c5d;
	cursor:pointer;
}


.toolMenu4Active {
	background-image:url(../bilder/endfertigung_tool_acitve.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:60px;
	font-size:10px;
	color:#007c5d;
}

.toolMenu4Active a {
	background-image:url(../bilder/endfertigung_tool_active.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#007c5d;
}

.bildUnterschrift {
	font-size:10px;
	color:#333333;
	text-align:right;
}

.textKlein {
	font-size:10px;
	color:#333333;
}

.paging {
	font-size:11px;
}

.paging a {
	color:#cabf63;
}

.paging a:hover {
	color:#007c5d;
}


/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../bilder/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../bilder/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* LIGHTBOX */


.shopItem {
	border:0px solid #999999; 
	overflow:hidden; 
	margin-top:2px; 
	cursor:pointer; 
}

.shopItem img {
	border:1px solid #999999; 
}

.formLabel {
	text-align:right;
}

.formFields {
	border:1px solid #cabf63;
}

.submitButton {
	border:1px solid #cabf63;
	background-color:#ffffff;
}


/* End Styles*/