/*
CSS Credit: http://www.templatemo.com
*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Verdana, Arial, san-serif;
	font-size: 12px;
	color: #41494c;
	background: #6d6a6b url(images/bg2.jpg);
}

a:link, a:visited { color: #c00; text-decoration: none; font-weight: bold; } 
a:active, a:hover { color: #c00; text-decoration: underline; }

p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}


.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 30px;
	font-size: 1px;	
}

.cleaner_with_width {
	float: left;
	width: 20px;
	height: 30px;
	font-size: 1px;	
}

#wrapper {
	margin: 0 auto;
	background: url(images/gradient_bg2.jpg) top repeat-x;
}


#container {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
}

/* banner */
#bannerfotoone { background: url(images/achillesback1.jpg) no-repeat; margin: 0 0 5px; padding: 0 40px; width: 880px; height: 250px; clear: both; }
#banner { clear: both; width: 880px; height: 150px; padding: 0 40px; background: url(images/achillesback3.jpg) no-repeat; margin: 0 0 0; }
#banner_together { background: url(images/achillbackjubi.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_keso { color: #222; background: url(images/banner_keso.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_knobloch { color: #222; background: url(images/banner_knobloch.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_burgwaechter { color: #222; background: url(images/banner_burgwaechter.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_brandschutz { color: #222; background: url(images/banner_brand.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_keso_eins { color: #222; background: url(images/banner_keso1.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_keso_zwei { color: #222; background: url(images/achilles_winkhaus2.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_gu_eins { color: #222; background: url(images/banner_gu1.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_gu_zwei { color: #222; background: url(images/banner_gu2.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_abus_fenster { color: #222; background: url(images/banner_abusfenster.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_somfy { color: #222; background: url(images/banner_somfy.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_assa_eins { color: #222; background: url(images/banner_assa_eins.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_main { color: #222; background: url(images/achilles_top_aktuell12.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_funk { color: #222; background: url(images/somfy_funkalarm_bg.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_evva { background: url(images/achilles_evva.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_70 { background: url(images/achilles_70jahre_banner.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_ces { background: url(images/achillces.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_dom { background: url(images/achill_dom.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_abus { background: url(images/achill_abus.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_wilka { background: url(images/achill_wilka.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_winkhaus { background: url(images/achilles_winkhaus.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_jobs { background: url(images/achillesjobs.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner_mile { background: url(images/achilles_top_aktuell6.jpg) no-repeat; margin: 0; padding: 0 40px; width: 880px; height: 400px; clear: both; }
#banner h1 {
	margin: 0;
	padding: 0px;
	padding: 80px 0 20px;	
	font-size: 50px;
	font-weight: bold;
	color: #fff;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;	
}

#banner p {
	font-size: 30px;
	width: 400px;
	line-height: 30px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/* end of banner */

#content {
	clear: both;
	position: relative;
	width: 956px;
	padding: 0 2px 0;
	background: url(images/content_middle.jpg) repeat-y;
}

#content #content_top { background: url(images/line.jpg) no-repeat; position: absolute; width: 960px; height: 10px; top: 0; left: 0; }

#content h1 {
	font-size: 24px;
	color: #c00;
	padding: 0 0 20px;
	margin: 0 0 10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;	
}

#content h2 {
	font-size: 20px;
	color: #c00;
	padding: 0 0 10px;
	margin: 0 0 10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;	
}

#content h3 {
	font-size: 16px;
	color: #c00;
	padding: 0 0 5px 30px;
	margin: 0 0 5px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;	
	background: url(images/list_icon_grey.jpg) no-repeat left top;
}

#content img { float: left; margin: 3px 30px 5px 0; border-color: #221e1f; border-width: 0; }
(old)#content img { margin: 3px 30px 5px 0; float: left; border: solid 3px #221e1f; }
#content_section_01_right img { margin: 3px 30px 5px 0; float: left; border-style: none; border-width: 0; }
#content .content_section_01 { clear: both; width: 876px; padding: 20px 40px; background-color: #fff; }

.content_section_01 .section_01_left {
	float: left;
	width: 556px;
	padding-right: 20px;
	border-right: 1px solid #333;
}

.content_section_01 .section_01_right { float: right; width: 238px; }
.section_01_left p{ color: #41494c; padding-bottom: 10px; text-align: left; }

.section_01_right p{ color: #41494c; padding-bottom: 5px; text-align: left; }
.section_01_right h4 { color: #41494c; font-size: 0.9em; font-weight: normal; text-align: left; padding-bottom: 5px; }
#content .content_section_02 { clear: both; color: #e7eaeb; width: 956px; padding: 0; border-top: 1px solid #2c2829; background-color: #000; bottom: -10px; }

.content_section_02 p {
	text-align: left;
}

.content_section_02 .section_02_subsection {
	float: left;
	width: 238px;
	margin: 30px 0;
	padding: 0 40px;
	border-right: 1px solid #332e30;
	background-color: #000;	
}

.section_02_subsection li a {
	color: #e7eaeb;
	font-weight: normal;
}

.section_02_subsection ul {
	margin: 20px 0 10px 10px;
	padding: 0px;
	list-style: none;
}

.section_02_subsection li {
	margin: 0px;
	padding: 0 0 15px 25px;
	background: url(images/list_icon_grey.jpg) top left no-repeat;
}

form
{ color: black; border : solid 1px #999999; padding : 10px; margin-bottom: 5px; }

input,textarea
{
border : 1px solid #999999;
}

fieldset
{
border : 1px solid #999999;
padding : 10px;
}

legend
{
color : #999999;
padding : 5px;
margin-bottom : 0;
}

label
{
color: #999999;
}

fieldset p
{
display : list-item;
list-style-type : none;
}

/* Galerie */

#gallery { width:610px; margin-left: -55px; }
#gallery p { font-size: 16px; color: #c00; padding: 0 0 5px 30px; margin: 0 0 5px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; }
#gallery ul {list-style:none; padding:0; margin:0; width:130px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:0px;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:100px; top:0; width:auto; height:auto; border:0px;}


/* footer */
#footer { width: 960px; height: 60px; text-align: center; color: #888; background-color: black; background-position: 0 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }
#footer2 { color: #888; background-color: transparent; background-image: url(images/interkey_banner2.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: center; padding: 5px 0 0; width: 960px; height: 66px; clear: both; margin-top: 5px; border-color: #41494c; border-width: 3px; }
#footer3 { color: #888; background-color: transparent; background-image: url(images/foerdermitgliedschaft.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: center; margin-top: 5px; padding: 10px 0 0; width: 960px; height: 33px; clear: both; border-width: 3px; border-color: #41494c; }
#footerhundis { width: 960px; height: 145px; text-align: center; color: #c00; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; padding: 5px 0 0; width: 960px; height: 145px; clear: both; margin-top: 5px; border-color: #41494c; border-width: 3px; 

#footer p {
	padding-bottom: 7px;
}

#footer a {
	color: #888;
	font-weight: normal;
}
#footer a:hover { color: #fff; font-weight: normal; }
/* end of footer */