/* .. (c) 2009 matthias ehrhardt, opsocom, visuelle kommunikationslösungen, riedel, ehrhardt und butter gbr .. */
/* .. +49 371 2409912 . mail[@]opsocom.de . http://www.opsocom.de .. */

/* ............................. übergreifend ............................. */

* html body
{
	overflow-x: hidden;
}

body
{
	font-family: Palatino Linotype, Times New Roman, Times, Georgia, serif; text-align: center; background: #D1D7D9; color: #FFF;
}

	#popup
	{
		background: #3B464B;
	}

img
{
	border: none;
}

#vorladen
{
	visibility: hidden !important; width: 0 !important; height: 0 !important;
}

	span.cleaner
	{
		display: block; height: 0; clear: both; font-size: 0.1em;
	}

/* ............................. seitenaufbau ............................. */


#hintergrund
{
	background: url(../globalbackgrounds/bg_body.gif) repeat-x #3B464C;
}

#kopf
{
	height: 145px; background: url(../globalbackgrounds/bg_kopf.gif) no-repeat top center;
}

	#kopfnavigation
	{
		width: 920px; height: 145px; margin: 0px auto; text-align: left;
	}

#pfad, #primaerinhalt, #sekundaerinhalt
{
	width: 920px; margin: 0px auto 0; 
}

#pfad
{
	height: 29px; /* background: purple; */
}

	
	div.pfad
	{
		float: left; /* background: silver; */
	}


	div.hotline
	{
		width: 322px; height: 30px; float: right; background: url(../globalbackgrounds/bg_hotline.gif) no-repeat;
	}


#primaerinhalt
{
	text-align: left; padding: 28px 0 10px 0;
}

#sekundaerinhalt
{
	text-align: left;
}

	#sekundaerinhalt .aktuelles
	{
		width: 230px; margin-right: 115px; float: left; /* background: red; */
	}
	
	#sekundaerinhalt .referenzen
	{
		width: 230px; float: left; /* background: green; */
	}
	
	#sekundaerinhalt .katalog
	{
		width: 230px; float: right; /* background: red; */
	}
#fuss
{
	width: 100%; height: 117px; background: url(../globalbackgrounds/bg_fuss.gif) repeat-x;
}

	#impressum
	{
		height: 67px; background: url(../globalbackgrounds/bg_impressum.gif) no-repeat center;
	}

	#sekundaernavi
	{
		height: 50px; text-align: left; background: url(../globalbackgrounds/bg_sekundaernavi.gif) no-repeat center;
	}

		#fussnavigation
		{
			 width: 570px; margin: 0px auto; text-align: left;
		}

/* ............................. seitenaufbau speziell ............................. */

.block_links_230
{
	width: 230px; float: left;
}

.block_links_345
{
	width: 345px; float: left;
}

.block_links_575
{
	width: 575px; float: left;
}

.block_links_690
{
	width: 690px; float: left;
}

.block_rechts_230
{
	width: 230px; float: right;
}

.block_rechts_345
{
	width: 345px; float: right;
}

.block_rechts_575
{
	width: 575px; float: right;
}

.block_rechts_690
{
	width: 690px; float: right;
}

.block_voll
{
	width: 920px;
}

#primaerinhalt .startseite
{
	background: url(../globalbackgrounds/bg_li_startseite.gif) no-repeat top right;
}

	#primaerinhalt.startseite
	{
		background: url(../globalbackgrounds/bg_startseite.gif) no-repeat top left;
	}

#primaerinhalt .aktuelles
{
	background: url(../globalbackgrounds/bg_li_aktuelles.gif) no-repeat top right;
}

#primaerinhalt .unternehmen
{
	background: url(../globalbackgrounds/bg_li_unternehmen.gif) no-repeat top right;
}

	#primaerinhalt.unternehmen
	{
		background: url(../globalbackgrounds/bg_unternehmen.gif) no-repeat top left;
	}

#primaerinhalt .leistungen
{
	background: url(../globalbackgrounds/bg_li_leistungen.gif) no-repeat top right;
}

	#primaerinhalt.leistungen
	{
		background: url(../globalbackgrounds/bg_leistungen.gif) no-repeat top left;
	}

#primaerinhalt .referenzen
{
	background: url(../globalbackgrounds/bg_li_referenzen.gif) no-repeat top right;
}

#primaerinhalt .impressum
{
	background: url(../globalbackgrounds/bg_li_impressum.gif) no-repeat top right;
}

#primaerinhalt .kontakt
{
	background: url(../globalbackgrounds/bg_li_kontakt.gif) no-repeat top right;
}

#primaerinhalt .katalog
{
	background: url(../globalbackgrounds/bg_li_katalog.gif) no-repeat top right;
}

#primaerinhalt .partner
{
	background: url(../globalbackgrounds/bg_li_partner.gif) no-repeat top right;
}

#primaerinhalt .glossar
{
	background: url(../globalbackgrounds/bg_li_glossar.gif) no-repeat top right;
}

div.kataloge
{
	margin: 30px 0;
}

	div.kataloge a
	{
		margin-right: 110px;
	}

/* ............................. inhaltsformatierung ............................. */


#pfad, #fuss
{
	font: normal 0.75em Arial, Helvetica, sans-serif;
}

#primaerinhalt h1
{
	font-size: 1em; line-height: 2.4em; letter-spacing: 0.1em;
}

	#primaerinhalt h1 a, #primaerinhalt h1 a:hover
	{
		text-decoration: none; color: #FFF; border: 0; background: none;
	}

#primaerinhalt h2
{
	font-size: 0.9em; line-height: 2.2em; color: #D70084;
}

	#primaerinhalt h2 a, #primaerinhalt h2 a:hover
	{
		text-decoration: none; color: #D70084; border: 0; background: none;
	}

#primaerinhalt h3
{
	padding-bottom: 0.4em; font-size: 0.9em; line-height: 1.3em; color: #D1D7D9;
}

	#primaerinhalt h3 a, #primaerinhalt h3 a:hover
	{
		text-decoration: none !important; border: 0; background: none; color: #D1D7D9;
	}

#sekundaerinhalt h3
{
	font-size: 0.9em; color: #D1D7D9;
}

#primaerinhalt h4
{
	padding-top: 0.6em; font: normal 0.8em Arial, Helvetica, sans-serif; text-align: right; color: #A1A9AB;
}

#primaerinhalt p, #sekundaerinhalt p
{
	padding-bottom: 1em; font-size: 0.9em; line-height: 1.4em; text-align: justify;
}

	#pfad p
	{
		padding-top: 0.4em;
	}

	#pfad .hotline p
	{
		text-align: center; color: #3B464C;
	}

	#impressum p
	{
		padding-top: 4em; text-align: center; color: #D1D7D9;
	}

	p .unterstrichen
	{
		text-decoration: underline;
	}

	p strong
	{
		font-weight: bold;
	}

	ul li .klein
	{
		font: normal 0.7em Arial, Helvetica, sans-serif !important;
	}

	p.links
	{
		margin-left: 20px; float: left;
	}

	p.rechts
	{
		margin-right: 20px; float: right;
	}

	#primaerinhalt .aktuellesliste p
	{
		border-bottom: 1px solid #FFF;
	}

		#primaerinhalt .aktuellesliste p.einleitung
		{
			font-weight: bold; border-bottom: none;
		}

	#sekundaerinhalt .aktuellesliste p span
	{
		font: normal 0.9em Arial, Helvetica, sans-serif;
	}

#primaerinhalt ul
{
	padding: 0 0 1em 2em; list-style: square; font-size: 0.9em; line-height: 1.4em; text-align: left;
}

	#primaerinhalt ul li
	{
		line-height: 1.4em;
	}

	#primaerinhalt.referenzen ul li p
	{
		text-align: left;
	}

	#primaerinhalt.referenzen ul, #primaerinhalt.partner ul
	{
		padding-left: 0; list-style: none; font-size: 1em;
	}

	#primaerinhalt.referenzen li, #primaerinhalt.partner li
	{
		margin-bottom: 1em; border-bottom: 1px solid #FFF;
	}

	#primaerinhalt.referenzen li img, #primaerinhalt.partner li img
	{
		float: left; margin: 0 15px 15px 0;
	}
	
	ul.downlaods
	{
		/* padding-left: 0; list-style: none; */
	}
	
		ul.downloads li
		{
			/* margin-bottom: 0.6em; */
		}

img.links
{
	margin: 0 15px 5px 0; float: left;
}

img.rechts
{
	margin: 0 15px 5px 0; float: right;
}

img.glossar
{
	margin: 0 10px 3px 0; float: left;
}

table
{
	margin-bottom: 1em !important; line-height: 1.4em; font: normal 0.9em Palatino Linotype, Times New Roman, Times, Georgia, serif;
}

	div.zahlweise table
	{
		font: normal 0.9em Arial, Helvetica, sans-serif;
	}

.sichtbar
{
	border-collapse: collapse;
}

	table.sichtbar td
	{
		border: 1px solid #FFF; padding: 3px 6px;
	}
	
	table.unsichtbar td
	{
		padding: 3px 6px 3px 0;
	}

#popup
{
	margin: 20px auto;
}

strong.einfach
{
	font-weight: normal;
}

.magenta
{
	color: #D70084;
}

/* ............................. navigation / links ............................. */

#primaerinhalt a, #primaerinhalt a:link, #sekundaerinhalt a, #sekundaerinhalt a:link, #popup a, #popup a:link
{
	color: #D1D7D9; text-decoration: none; border-bottom: 1px solid #D1D7D9;
}

#primaerinhalt a:visited, #sekundaerinhalt a:visited, #popup a:visited
{
	color:#D1D7D9;
}

#primaerinhalt a:hover, #primaerinhalt a:active, #sekundaerinhalt a:hover, #sekundaerinhalt a:active, #popup a:hover, #popup a:active
{
	color:#000; text-decoration: none; border-bottom: 1px solid #D1D7D9; background: #D1D7D9;
}

#primaerinhalt a.bilder, #primaerinhalt a.bilder:hover, #sekundaerinhalt a.bilder, #sekundaerinhalt a.bilder:hover, #popup a.bilder, #popup a.bilder:hover
{
	border: 0; background: none;
}

a.logo, a.logo:link, a.logo:visited, a.logo:hover, a.logo:active
{
	width: 137px; margin-left: 31px; display: block; float: left;
}

#kopfnavigation ul
{
	width: 651px; height: 145px; float: right; /* background: yellow; */
}

	#kopfnavigation li
	{
		float: left; display: block;
	}

	#kopfnavigation a
	{
		height: 145px; display: block
	}

	#kopfnavigation a.startseite, #kopfnavigation a.startseite:link, #kopfnavigation a.startseite:visited
	{
		width: 87px; background: url(../globalbackgrounds/li_startseite.gif) no-repeat;
	}

		#kopfnavigation a.startseite:hover, #kopfnavigation a.startseite:active, #kopfnavigation a.startseite_aktiv
		{
			width: 87px; background: url(../globalbackgrounds/li_startseite.gif) no-repeat bottom;
		}

	#kopfnavigation a.unternehmen, #kopfnavigation a.unternehmen:link, #kopfnavigation a.unternehmen:visited
	{
		width: 114px; background: url(../globalbackgrounds/li_unternehmen.gif) no-repeat;
	}

		#kopfnavigation a.unternehmen:hover, #kopfnavigation a.unternehmen:active, #kopfnavigation a.unternehmen_aktiv
		{
			width: 114px; background: url(../globalbackgrounds/li_unternehmen.gif) no-repeat bottom;
		}

	#kopfnavigation a.leistungen, #kopfnavigation a.leistungen:link, #kopfnavigation a.leistungen:visited
	{
		width: 151px; background: url(../globalbackgrounds/li_leistungen.gif) no-repeat;
	}

		#kopfnavigation a.leistungen:hover, #kopfnavigation a.leistungen:active, #kopfnavigation a.leistungen_aktiv
		{
			width: 151px; background: url(../globalbackgrounds/li_leistungen.gif) no-repeat bottom;
		}

	#kopfnavigation a.referenzen, #kopfnavigation a.referenzen:link, #kopfnavigation a.referenzen:visited
	{
		width: 97px; background: url(../globalbackgrounds/li_referenzen.gif) no-repeat;
	}

		#kopfnavigation a.referenzen:hover, #kopfnavigation a.referenzen:active, #kopfnavigation a.referenzen_aktiv
		{
			width: 97px; background: url(../globalbackgrounds/li_referenzen.gif) no-repeat bottom;
		}

	#kopfnavigation a.kontakt, #kopfnavigation a.kontakt:link, #kopfnavigation a.kontakt:visited
	{
		width: 75px; background: url(../globalbackgrounds/li_kontakt.gif) no-repeat;
	}

		#kopfnavigation a.kontakt:hover, #kopfnavigation a.kontakt:active, #kopfnavigation a.kontakt_aktiv
		{
			width: 75px; background: url(../globalbackgrounds/li_kontakt.gif) no-repeat bottom;
		}

	#kopfnavigation a.katalog, #kopfnavigation a.katalog:link, #kopfnavigation a.katalog:visited
	{
		width: 127px; background: url(../globalbackgrounds/li_katalog.gif) no-repeat;
	}

		#kopfnavigation a.katalog:hover, #kopfnavigation a.katalog:active, #kopfnavigation a.katalog_aktiv
		{
			width: 127px; background: url(../globalbackgrounds/li_katalog.gif) no-repeat bottom;
		}


#pfad a, #pfad a:link, #pfad a:visited, #impressum a, #impressum a:link, #impressum a:visited
{
	color: #D1D7D9;
}

#pfad a:hover, #pfad a:active, #impressum a:hover, #impressum a:active
{
	color: #FFF; text-decoration: underline;
}

#sekundaerinhalt .aktuelles strong a, #sekundaerinhalt .aktuelles strong a:link, #sekundaerinhalt .aktuelles strong a:visited
{
	text-decoration: none; border: 0;
}

#sekundaerinhalt .aktuelles strong a:hover, #sekundaerinhalt .aktuelles strong a:active
{
	text-decoration: none;
}

#fussnavigation a, #fussnavigation a:link, #fussnavigation a:visited
{
	color: #3B464C;
}

#fussnavigation a:hover, #fussnavigation a:active
{
	color: #000; text-decoration: underline;
}

#fussnavigation a.schwarz, #fussnavigation a.schwarz:link, #fussnavigation a.schwarz:visited
{
	color: #000; text-decoration: none;
}

#fussnavigation a.schwarz:hover, #fussnavigation a.schwarz:active
{
	color: #3B464C; text-decoration: underline;
}

#fussnavigation a.magenta, #fussnavigation a.magenta:link, #fussnavigation a.magenta:visited
{
	color: #D70084;
}

#fussnavigation a.magenta:hover, #fussnavigation a.magenta:active
{
	color: #000;
}

#fussnavigation ul
{
	width: 160px; margin: 10px 30px 0 0; float: left;
}

	#fussnavigation li
	{
		padding-top: 3px; height: 20px; border-bottom: 1px solid #FFF;
	}

		#fussnavigation li a
		{
			display: block; line-height: 1.4em;
		}

/* ............................. formulare ............................. */


div.zahlweise, div.nachricht
{
	 margin-bottom: 10px; padding: 5px 5px 0 5px; font: normal 0.9em Arial, Helvetica, sans-serif; background: #677178;
}

.fehler
{
	color: red !important;
}

p.fehler
{
	margin-bottom: 10px; padding: 5px 5px 0 5px; background: #FFF; font: normal 0.9em Arial, Helvetica, sans-serif; background: #FFF;
}

	p.fehler a
	{
		color: #000 !important;
	}
	
	p.fehler span
	{
		font-size: 0.9em;
	}

label
{
	width: 200px; display: block; float: left;
}

	label span
	{
		font-size: 0.9em;
	}

	label.checkbox
	{
		width: auto;
	}

input, textarea
{
	width: 350px; margin-bottom: 10px; float: right; font: normal 0.8em Arial, Helvetica, sans-serif; border: 1px solid #FFF; background: #3B464B; color: #FFF;
}


input
{
	height: 16px; /* für IE 5.x außer IE 7 */ 
}

	input.pflicht, textarea.pflicht
	{
		background: #677178;
	}

	input.checkbox, input.radio
	{
		width: 20px; float: left; margin-left: 20px; border: none;
	}

button
{
	margin-left: 10px; padding: 2px 0; float: right; font: normal 0.8em Arial, Helvetica, sans-serif; border: 1px solid #FFF; background: #3B464B; color: #FFF;
	overflow: visible; width: auto; /* für IE 5.x aber konform ;-) */
}

	button.button
	{
		width: 171px;
	}

	button.senden
	{
		font-weight: bold; background: #A1A9AB; color: #000;
	}

textarea
{
	overflow: auto;
}