/*

interCo
Autor: Carsten Peters, www.carsten-peters.net
Version: 25.08.2010

*/


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { width: 910px; margin: 20px auto; text-align: center; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #000; background: #fff; }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { color: #01a89e; }
a:hover, a:active, a:focus { color: #666;  }
	a img, :link img, :visited img, :hover img, :active img { border: none; }

		
/* paragraphs 
---------------------------------------------------------------------------*/

	p, pre { margin: 0 0 10px 0; }
	em, address { font-style: italic; }


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }

	

/* misc 
---------------------------------------------------------------------------*/

	abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }
	.clear,
	noscript { clear: both; }
	sup { color: #787878; }
	#email { display: none; }
	#kundencenter #email { display: inherit; }
	

/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 { font-size: 1.6em; font-weight: bold; }
	h2 { font-weight: normal; color: #01a89e; margin: 10px 0 10px 0; }
	#home h2 { margin: 25px 0 10px 0; }
	h3 { font-size: 1.2em; margin: 20px 0 10px 0; }
	h4 { font-size: 1em; margin: 0 0 10px 0; }
	h5 { font-size: 0.9em; margin: 0 0 10px 0; }
	h6 { font-size: 0.8em; margin: 0 0 10px 0; }


/* container 
---------------------------------------------------------------------------*/

#wrapper { float: left; width: 100% }


/* header 
---------------------------------------------------------------------------*/

#header { height: 175px; background: url(../upload/css_img/head_bg.gif); }
	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { text-indent: -9999px; display: block; height: 166px; width: 464px; outline: none; }

#langlist { position: absolute; top: 180px; margin-left: 860px; }
#langlist a#english, 
#langlist a#deutsch { position: absolute; background: url(../upload/css_img/english.gif) no-repeat; text-indent: -9999px; width: 27px; height: 18px; display: block; text-decoration: none; top: 74px; left: 15px; }
#langlist a#deutsch { background: url(../upload/css_img/deutsch.gif) no-repeat; left: 49px; }
#impressum { position: absolute; top: 180px; margin-left: 390px; color: #999; font-size: .9em; }

#search_send { font-size: 11px; }

/* css definitions 4 slideshow */

#slideshow-box { margin: 0 0 0 -30px; }
#slideshow { position: relative; width: 482px; height: 161px; margin: auto; }
#produktlinien_wide #slideshow-box { margin: 0 0 0 -240px; }
#slideshow .slide { position: absolute; top: 0; left: 0; }

	
/* Hilfsnavigation 
---------------------------------------------------------------------------*/

#hilfsnavi { width: 910px; height: 26px; margin: 10px 0 0 0; padding: 0 0 0 160px; font-weight: bold; background-image: url(../upload/css_img/navi_bg_1.gif); background-repeat: no-repeat; background-position: 0% 100%; }
.en #hilfsnavi { background-image: url(../upload/css_img/navi_bg_en.gif); }
	#hilfsnavi li { float: left; display: inline; text-indent: -9999px; }
		#hilfsnavi li a { line-height: 26px; height: 26px; color: #fff; text-decoration: none; border-bottom: none; display: block; text-align: center; }
		#hilfsnavi li#id_17 a { width: 69px; }
		#hilfsnavi li#id_43 a { width: 106px; }
		#hilfsnavi li#id_21 a { width: 100px; }
		#hilfsnavi li#id_22 a { width: 68px; }	
		#hilfsnavi li#id_50 a { width: 60px; }
		#hilfsnavi li#id_48 a { width: 95px; }					
		#hilfsnavi li a:hover,
		#hilfsnavi li a:active,
		#hilfsnavi li a:focus,
		#hilfsnavi li a.current { background-image: url(../upload/css_img/navi_bg_1.gif); background-repeat: no-repeat; background-position: 0% 0%; outline: none; }
		.en #hilfsnavi li a:hover,
		.en #hilfsnavi li a:active,
		.en #hilfsnavi li a:focus,
		.en #hilfsnavi li a.current { background-image: url(../upload/css_img/navi_bg_en.gif); }
		#hilfsnavi li#id_17 a:hover,
		#hilfsnavi li#id_17 a:active,
		#hilfsnavi li#id_17 a:focus,
		#hilfsnavi li#id_17 a.current { background-position: -160px 0%; }		
		#hilfsnavi li#id_43 a:hover,
		#hilfsnavi li#id_43 a:active,
		#hilfsnavi li#id_43 a:focus,
		#hilfsnavi li#id_43 a.current { background-position: -229px 0%; }
		#hilfsnavi li#id_21 a:hover,
		#hilfsnavi li#id_21 a:active,
		#hilfsnavi li#id_21 a:focus,
		#hilfsnavi li#id_21 a.current { background-position: -335px 0%; }
		#hilfsnavi li#id_22 a:hover,
		#hilfsnavi li#id_22 a:active,
		#hilfsnavi li#id_22 a:focus,
		#hilfsnavi li#id_22 a.current { background-position: -435px 0%; }
		#hilfsnavi li#id_50 a:hover,
		#hilfsnavi li#id_50 a:active,
		#hilfsnavi li#id_50 a:focus,
		#hilfsnavi li#id_50 a.current { background-position: -503px 0%; }
		#hilfsnavi li#id_48 a:hover,
		#hilfsnavi li#id_48 a:active,
		#hilfsnavi li#id_48 a:focus,
		#hilfsnavi li#id_48 a.current { background-position: -563px 0%; }



/* content 
---------------------------------------------------------------------------*/

#content { text-align: left; margin: 0 220px 0 160px; padding: 22px 40px 0 10px; font-size: 1.2em; line-height: 1.6em; }
#produktlinien_wide #content { margin: 0 0 0 160px; }
	#content a:link,
	#content a:visited { text-decoration: underline; }
	#content a:hover,
	#content a:active,
	#content a:focus {  }
	#home #breadcrumb { display: none; }
	#content #breadcrumb { font-size: .9em; color: #666; }
	#content #breadcrumb a { color: #666; text-decoration: none; }
	#content img.bildrechts { float: right; display: inline; margin: 5px 0 0 10px; }
	#content img.bildlinks,
	#content .article img { float: left; display: inline; margin: 5px 10px 0 0; }
	#content ul { padding: 0 0 10px 5px; }
	#content ol { padding: 0 0 10px 20px; }
	#content ul li { padding: 2px 0 2px 18px; background: transparent url(../upload/css_img/navi_dot.gif) no-repeat 4px 7px; }
	#content ul li.slide { background: none; }
	#content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }

.articlelistItem { padding: 0 0 15px 0; border-bottom: 1px solid #ccc; }
.articlelistItem h3 { margin-top: 10px; }
#content .articlelist h3 a:link,
#content .articlelist h3 a:visited { text-decoration: none; }
.article { display: inline; }
.imagewrapper { position: relative; float: left; margin: 5px 10px 0 0; }
.imagewrapper span { position: absolute; z-index: 2; height: 12px; width: 12px; }
.curve1 { background: transparent url(../upload/css_img/topright.png) top right no-repeat; top: 0; right: 0; }
.curve2 { background: transparent url(../upload/css_img/topleft.png) top left no-repeat; top: 0; left: 0; }
.curve3 { background: transparent url(../upload/css_img/bottomright.png) bottom right no-repeat; bottom: 0; right: 0; }
.curve4 { background: transparent url(../upload/css_img/bottomleft.png) bottom left no-repeat; bottom: 0; left: 0; } 
#partner { margin: 0 0 0 18px; }
#styleswitch li { display: inline; float: left; }
#styleswitch li a { text-indent: -9999px; display: block; height: 16px; width: 16px; outline: none; margin: 0 10px 0 0; }
#styleswitch li #big { background: url(../upload/css_img/text-bigger.gif) no-repeat; }
#styleswitch li #normal { background: url(../upload/css_img/text-normal.gif) no-repeat; }
#styleswitch li #small { background: url(../upload/css_img/text-smaller.gif) no-repeat; }


/* ------------------------------ 
           formulare
------------------------------ */

form fieldset { border: 1px solid #ccc; padding: 15px; margin: 5px 0 10px 5px; font-size: 13px; width: 440px; }
form legend { font-weight: bold; font-size: 1.2em; color: #ccc; }
form textarea { width: 25em; }
form dt { float: left; width: 10em; text-align: left; }
form dd { margin: 10px; } 
form label { font-weight: normal; color: #333; }
form br { clear: both; }

	#kontaktform input,
	#kontaktform textarea { margin: 2px; padding: 3px; border: 2px solid #787878; }
	#kontaktform dt { float: left; width: 8em;  } 
	#kontaktform dd { margin: 10px; }  
	#kontaktform input { width: 300px; } 
	#kontaktform input:focus,
	#kontaktform textarea:focus { padding: 2px; border: 3px solid  #D0AB67; }
	#kontaktform input#Mann,
	#kontaktform input#Frau { width: auto; border: 0; }  
	#kontaktform form p { margin: 0 0 0 8em; }
	#kontaktform p input { width: 140px; }
	#kontaktform p input:hover { background: #eee; }
	#kontaktform textarea { width: 300px; height: 150px; }


/* extra 
---------------------------------------------------------------------------*/

#extra { float: left; display: inline; text-align: left; width: 240px; margin: 20px 0 0 -240px; color: #666; font-size: 1.2em; line-height: 1.5em; }
	#extra h2 { text-indent: -9999px; display: block; height: 30px; width: 240px; margin: 0; }
	#extra #service h2 { background: url(../upload/css_img/extra_service.gif); }
	#extra #kontakt h2 { background: url(../upload/css_img/extra_kontakt.gif); }
	.en #extra #kontakt h2 { background: url(../upload/css_img/extra_kontakt_en.gif); }
	#extra #news h2 { background: url(../upload/css_img/extra_news.gif); }
	#extra .textItem { background: url(../upload/css_img/extra_bg.gif) bottom; padding: 10px 18px 10px 18px; margin: 0 0 10px 0; }
	#extra h3 { color: #666; margin: 0; }
	#extra h3 a { color: #01a89e; text-decoration: none; font-size: 1.3em; }
	#extra #news h3 { margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; color: #01a89e; }
	#extra a { text-decoration: underline; }
	#search label { display: none; }
	#extra ul { margin: 10px 0; }
	#extra ul li { margin: 5px 0; }
	#sitemap-icon { background: url(../upload/css_img/sitemap.gif) no-repeat 0 50%; padding: 0 0 0 20px; }
	#friend { background: url(../upload/css_img/favourite.gif) no-repeat 0 50%; padding: 0 0 0 20px; }
	#print { background: url(../upload/css_img/print.gif) no-repeat 0 50%; padding: 0 0 0 20px; }
	#imprint { background: url(../upload/css_img/imprint.gif) no-repeat 0 50%; padding: 0 0 0 20px; }


/* navi 
---------------------------------------------------------------------------*/

#navigation { float: left; margin: 20px 0 0 -910px; width: 160px; text-align: left; font-size: 1.2em; }
#download #navigation { display: none; }
#unternehmen #navigation { background: url(../upload/css_img/navi_unternehmen.gif) no-repeat top left; }
#unternehmen.en #navigation { background: url(../upload/css_img/navi_unternehmen_en.gif) no-repeat top left; }
#produktlinien #navigation,
#produktlinien_wide #navigation { background: url(../upload/css_img/navi_produktlinien.gif) no-repeat top left; }
#produktlinien.en #navigation,
#produktlinien_wide.en #navigation { background: url(../upload/css_img/navi_produktlinien_en.gif) no-repeat top left; }

	#navigation ul { margin: 30px 0 0 0; background: url(../upload/css_img/navi_bg_2.gif) no-repeat bottom left; }
	#navigation ul li { background: url(../upload/css_img/navi_hr.gif) no-repeat bottom left; }
	#navigation ul li#id_111,
	#navigation ul li#id_61,
	#navigation ul li#id_50 { background: none; }
	#navigation ul li a { display: block; outline: none; padding: 5px 2px 5px 18px; }
	#navigation ul li#id_111 a,
	#navigation ul li#id_61 a,
	#navigation ul li#id_50 a { padding: 5px 2px 15px 18px; }
	#navigation ul li a:link,
	#navigation ul li a:visited { color: #666; }
	#navigation ul li a:hover,
	#navigation ul li a:active,
	#navigation ul li a:focus,
	#navigation ul li a.current { color: #01a89e; font-weight: bold; background: url(../upload/css_img/navi_dot.gif) no-repeat 4px 8px; }
		#navigation ul ul { background: url(../upload/css_img/navi_bg_3.gif) no-repeat top left; margin: 0; }
		#navigation ul ul li {  }
		#navigation ul ul a { padding-left: 28px; }
		#navigation ul ul a:link,
		#navigation ul ul a:visited { }
		#navigation ul ul a:hover,
		#navigation ul ul a:active,
		#navigation ul ul a:focus,
		#navigation ul ul a.current,
		#navigation ul ul a:hover.current { font-weight: bold; background: url(../upload/css_img/navi_current.gif) no-repeat 3px 50%; }
			#navigation ul ul ul a { padding-left: 42px; }

	
/* footer 
---------------------------------------------------------------------------*/

#footer { clear: both; margin: 0 auto; padding: 0 0 10px 30px; text-align: left; }
	#footer a:link,
	#footer a:visited { color: #d2c9bd; border-bottom: 1px solid #787878; }
	#footer a:hover,
	#footer a:active,
	#footer a:focus { color: #d2c9bd; background: #494949; }