@import url(achswerk_menu.css);

/* 
=================================================================================================
	Allgemeine Styles
================================================================================================= */

*	{
	margin: 0; padding: 0;
	}

html { 
	min-height: 100.2%;
	}


/* HIER: Einstellung Fließtext !!! */	

body {
	font-family: "Arial", sans-serif;
	background: #fff;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	}
	
h1 { font-family: "Arial", sans-serif; font-size: 25px; line-height: 35px; color: #000; font-weight: lighter; padding: 0; margin: 0;}

h2 { font-family: "Arial", sans-serif; font-size: 13px; line-height: 16px; color: #000; font-weight: bold; padding: 10px 0 10px 0; margin: 0; }

h22 { font-family: "Arial", sans-serif; font-size: 13px; line-height: 16px; color: #000; font-weight: bold; padding: 0 0 0 0; margin: 0; }
h23 { font-family: "Arial", sans-serif; font-size: 12px; line-height: 16px; color: #000; font-weight: bold; padding: 0 0 0 0; margin: 0; }

h3 { font-family: "Arial", sans-serif; font-size: 18px; line-height: 35px; color: #000; font-weight: lighter; padding: 13px 0 10px 0; margin: 0;}
h4 { font-family: "Arial", sans-serif; font-size: 18px; line-height: 20px; color: #000; font-weight: lighter; padding: 18px 0 0 0; margin: 0;}
h5 { font-family: "Arial", sans-serif; font-size: 25px; line-height: 35px; color: #8fa819; font-weight: lighter; padding: 0px 0 10px 0; margin: 0;}

h6 { font-family: "Arial", sans-serif; font-size: 15px; line-height: 20px; color: #000; font-weight: lighter; padding: 18px 0 0 0; margin: 0;}
h7 { font-family: "Arial", sans-serif; font-size: 10px; line-height: 20px; color: #000; font-weight: lighter; padding: 18px 0 0 0; margin: 0;}
h8 { font-family: "Arial", sans-serif; font-size: 13px; line-height: 20px; color: #8fa819; font-weight: lighter; padding: 0px 0 10px 0; margin: 0;}
h9 { font-family: "Arial", sans-serif; font-size: 25px; line-height: 35px; color: #8fa819; font-weight: lighter; padding: 0px 0 0px 0; margin: 0;}

h10 {
	font-family: "Arial", sans-serif;
	float: left;
	font-size: 13px;
	line-height: 21px;
	color: #000;
	font-weight: lighter;
}

h11 { font-family: "Arial", sans-serif; font-size: 16px; line-height: 24px; color: #000; font-weight: lighter; padding: 0px 0 0px 0; margin: 0; }
h12 { font-family: "Arial", sans-serif; font-size: 43px; line-height: 21px; color: #ccc; font-weight: lighter; padding: 0px 0 0px 0; margin: 0; }
h13 { font-family: "Arial", sans-serif; font-size: 10px; line-height: 21px; color: #FFF; font-weight: lighter; padding: 0px 0 0px 0; margin: 0; }

h20 {
	font-family: "Arial", sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	font-weight: bold;
	padding: 0px 0 0px 0;
	margin: 0;
	position: relative;
	top: 10px;
}
	
h21 { font-family: "Arial", sans-serif; font-size: 12px; line-height: 15px; color: #000; font-weight: lighter; padding: 0px 0 0px 0; margin: 0; 
	position: relative;
	top: 17px;}
	
h30 { font-family: "Arial", sans-serif; font-size: 15px; line-height: 16px; color: #000; font-weight: lighter; padding: 0px 0 0px 0; margin: 0; }


/* HIER: Zeilenabstand Fließtext Fließtext !!! */	

p { 
	font-family: "Arial", sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding: 10px 0 10px 0; 
	margin: 0;
	}

p1 { 
	font-family: "Arial", sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin: 0;
	}




ul, ol { margin: 0; padding: 0; }

a:link, a:visited { text-decoration: none; color: #000;}
a:hover, a:active { text-decoration: none; color: #8fa819;}

table { border-collapse: collapse;	padding: 0;	margin: 0; }
td { padding: 0; vertical-align:top;}

.vita { margin: 10px 0 10px 0; }
.vita td { padding: 5px 10px 5px 0; vertical-align:top; text-align: left;}

.bold { font-weight: bold; }


.info { font-family: "Arial", sans-serif; font-size: 13px; line-height: 16px; color: #000; font-weight: bold; padding: 0 0 10px 0; margin: 0;}


.tabinfo { font-family: "Arial", sans-serif; font-size: 18px; line-height: 41px; color: #ccc; font-weight: lighter; padding: 0 0 0 0; margin: 0;}
.color { color: #8fa819; }
.grey { color: #ccc; }
.big { font-family: "Arial", sans-serif;  font-size: 18px; line-height: 28px; color: #000; font-weight: lighter; }

.icon_mobil {display: block; height: 51px; line-height: 51px; font-family: "Arial", sans-serif;  font-size: 18px; color: #0000; list-style-type: none; background: url("../images/button_mobil.png") 0 0 no-repeat; text-decoration: none; padding: 0 0 0 60px; margin: 10px 0 10px;}
.icon_mail {display: block; height: 51px; line-height: 51px; font-family: "Arial", sans-serif;  font-size: 13px; color: #000; list-style-type: none; background: url("../images/button_mail.png") 0 0 no-repeat; text-decoration: none; padding: 0 0 0 60px; margin: 10px 0 10px;}
.icon_tel {display: block; height: 51px; line-height: 51px; font-family: "Arial", sans-serif;  font-size: 13px; color: #000; list-style-type: none; background: url("../images/button_tel.png") 0 0 no-repeat; text-decoration: none; padding: 0 0 0 60px; margin: 15px 0 20px;}
.icon_fax {display: block; height: 51px; line-height: 51px; font-family: "Arial", sans-serif;  font-size: 18px; color: #000; list-style-type: none; background: url("../images/button_fax.png") 0 0 no-repeat; text-decoration: none; padding: 0 0 0 60px; margin: 10px 0 15px;}

.content_clear { clear: both; font-size: 0; line-height: 0; height: 0; }

/* 
=================================================================================================
	Wrapper
================================================================================================= */

#wrapper {
	width: 975px;
	position: relative;
	padding: 0 25px 0 25px;
	margin: 0 auto;
	z-index: 5000;
	}

/* 
=================================================================================================
	Topmenu
================================================================================================= */

	#righttopmenu {
	width: 180px;
	height: 58px;
	position: absolute;
	right: 20px;
	top: 9px;
	padding: 0;
	margin: 0;
	z-index: 10000;
		}
	
	#subline {
	width: 400px;
	height: 20px;
	position: absolute;
	left: 225px;
	top: 47px;
	padding: 0;
	margin: 0;
	float: left;
			}
	
	
	
	
/* 
=================================================================================================
	Banner
================================================================================================= */

	#banner {
		width: 975px;
		height: 95px;
		position: relative;
		padding:0;
		margin: 30px 0 0 0;
		z-index: 1000;
		}
		
		#logo {
			width: 210px;
			height: 60px;
			background: url("../images/achswerk_logo.png") left top no-repeat;
			padding:0;
			margin: 5px 0 0 0;
			float: left;
			}
		
		#cmenu {
	width: 975px;
	height: 20px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	padding: 35px 0 0 0;
	margin: 0;
	float: left;
			}
	
			
/* 
=================================================================================================
	Portfolio Home
================================================================================================= */

	#portfolio {
		width: 975px;
		position: relative;
		padding: 0;
		margin: 30px 0 20px 0;
		}
		
		#pf_01, #pf_02 {
			width: 311px;
			margin: 0 21px 0 0;
			float: left;
			}
		
		#pf_03 {
			width: 311px;
			margin: 0;
			float: left;
			}
	
			
			/* ACHTUNG: Änderung hier: "5px" stat 15 */		
			.p-item { 
				width: 311px;
				margin: 0 0 0 0;     
				padding: 0 !important; 
				overflow: hidden; 
				float: left; 
				display: block;
				}
				
				
				
				
		
				.p-item li {
					width: 311px;
					position: relative;
					background: #fff;
					float: left;
					padding: 0;
					margin: 0;
					list-style: none;
					}
			
					.p-item li img { display: block; border: 0; padding: 0; margin: 0;}
		
/* 
=================================================================================================
	Content
================================================================================================= */

	#content {
		width: 975px;
		position: relative;
		padding: 0;
		margin: 20px 0 20px 0;
		}
		
		#content_bild {
			width: 975px;
			height: 600px;
			padding: 5px 0 10px 0;
			margin: 0;
			overflow: hidden;
			}
		
		#content_text {
			width: 975px;
			padding: 0 0 15px 0;
			margin-top: 0px;
			}
			
		#content_texto {
			width: 975px;
			padding: 0 0 0 0;
			margin-top: 0;
			}
			
		#content_text2 {
			width: 975px;
			padding: 0 0 15px 0;
			margin-top: 0px;
			float: right;
			font-family: "Arial", sans-serif;
			
			}
			
			/* 2 Spalter */
			
			#content_text_left {
				width: 300px;
				padding: 30px 0 0 0;
				margin-top: -45px;
				float: left;
				}	
			
			
			#content_text_left2 {
				width: 330px;
				padding: 30px 0 0 0;
				margin-top: -45px;
				float: left;
				}	
				
			#content_text_left22 {
				width: 330px;
				padding: 0 0 0 0;
				margin-top: -5px;
				float: left;
				}	
				
					
			#content_text_left24 {
				width: 330px;
				padding: 0 0 0 0;
				margin-top: 48px;
				float: left;
				}
				
					
			#content_text_left26 {
				width: 330px;
				padding: 0 0 0 0;
				margin-top: 34px;
				float: left;
				}
			
			#content_text_left3 {
				width: 330px;
				padding: 0;
				margin-top: 30px;
				float: left;
				}	
			
			#content_text_right {
				width: 600px;
				text-align: justify;
				padding: 30px 0 0 0;
				margin-top: -45px;
				float: right;
				font-family: "Arial", sans-serif;
				}
			
			#content_text_right2 {
				width: 600px;
				padding: 0 0 0 0;
				margin-top: -5px;
				float: right;
				}
			
			#content_text_right22 {
				width: 600px;
				text-align: justify;
				padding: 0 0 0 0;
				margin-top: 20px;
				float: right;
				font-family: "Arial", sans-serif;
				}
			
			
			
			#content_text_right3 {
				width: 600px;
				text-align: justify;
				padding: 0;
				margin-top: 30px;
				float: right;
				font-family: "Arial", sans-serif;
				}
			
			
			#content_text_bottom {
				width: 975px;
				text-align: left;
				padding: 0;
				margin-left: 0;
				font-family: "Arial", sans-serif;
				}
			
			
			#content_text_bottom2 {
				width: 975px;
				text-align: right;
				padding: 0;
				margin-left: 0;
				font-family: "Arial", sans-serif;
				}
			
			#content_text_bottom3 {
				width: 975px;
				text-align: right;
				padding: 0;
				margin-left: 0;
				font-family: "Arial", sans-serif;
				}
			
			/* 3 Spalter Impressum */
				
			#content_text_imp1 {
				width: 360px;
				padding: 0;
				margin: 0 21px 0 0;
				float: right;
				font-family: "Arial", sans-serif;
				}	
			
			#content_text_imp2 {
				width: 311px;
				padding: 0;
				margin: 0;
				float: left;
				font-family: "Arial", sans-serif;
				}	
			
			#content_text_imp3 {
				width: 500px;
				padding: 0 0 0 0;
				margin: 0;
				float: left;
				font-family: "Arial", sans-serif;
				}
			
			/* 2-3 Spalter Team */
			
			#content_text_team1 {
				width: 440px;
				padding: 40px 0 0 0;
				margin-top: -45px;
				float: left;
				}	
			
			#content_text_team2 {
				width: 440px;
				padding: 40px 0 0 48px;
				margin-top: -45px;
				float: left;
				}	
			
			/* 1 Spalte */
			
			#content_full {
				width: 975px;
				padding: 0;
				margin: 0;
				}	
			
			#content_text a:link, #content_text a:visited { text-decoration: none; color: #000;}
			#content_text a:hover, #content_text a:active { text-decoration: none; color: #8fa819;}
				
			#content_text img {
				padding: 10px 0 10px 0;
				margin: 0;
				}
			
			#content_text ul {margin: 0 0 0 15px; padding: 0; }
			#content_text li {padding: 2px 0 2px 0;}