/*-----------hanke-seidel.com-----------*/

/*HaSe-Rot = #C10202*/
/*HaSe-Blau = #080DED*/


/*----------Allgemeine Formatierungen----------*/
* { margin:0; padding:0; }

html { 
	background-color:#B1B3B7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/html_bg.gif);
	background-repeat:repeat-x;
	color:#000066;
	font-size:90%; }

body { 
	background-color:#B1B3B7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/body_bg.gif);
	background-repeat:repeat-x;
	color:#000066;
	font-size:90%;
	height:100%;
	min-height:100%; } 
	
h1 { 
	font-size:140%;
	color:#666666; }

h2 { 
	font-size:120%;
	color:#666666;
	font-variant:small-caps; }

h3 { 
	font-size:100%;
	color:#666666;
	padding:10px 0 10px 0;
	font-variant:small-caps; }

h4 { 
	font-size:100%;
	color:#666666;
	padding:10px 0 0 0; }

p, pre { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	font-size:90%;
	line-height:18px;
	margin:0.8em 0; }
	
	
/*----------Hyperlinks----------*/
a { outline:0; }

a:link {
	text-decoration:none;
	color:#080DED; }
a:visited {
	text-decoration:none;
	color:#080DED; }
a:active {
	text-decoration:none;
	color:#C10202; }
a:hover {
	text-decoration:none;
	color:#C10202; }


/*----------Trennlinien----------*/
.hrgrau { 
	border-style:solid;
	border-top:1px;
	border-color:#C4C4C4;
	color:#C4C4C4;
	width:98%;
	height:1px;
	margin:8px auto;
	padding:0; }
		
.hrgraulang { 
	border-style:solid;
	border-top:1px;
	border-color:#999999;
	color:#999999;
	width:100%;
	height:1px;
	margin:8px auto;
	padding:0; }
	
.hrrightbar { 
	border-style:solid;
	border-top:1px;
	border-color:#C4C4C4;
	color:#C4C4C4;
	width:83%;
	height:1px;
	margin:8px auto;
	padding:0; }
	
.hrleftbar { 
	border-style:solid;
	border-top:1px;
	border-color:#AFBAEC;
	color:#AFBAEC;
	width:83%;
	height:1px;
	margin:8px auto;
	padding:0; }
	
.hrleftbarthird { 
	border-style:solid;
	border-top:1px;
	border-color:#AFBAEC;
	color:#AFBAEC;
	width:83%;
	height:1px;
	margin:8px auto;
	padding:0; }

/*----------banner/logo----------*/
#logo {
    position:absolute;
    margin:-30px 0 0 500px;
    z-index:100; }
	
/*----------wrapper----------*/
#wrapper { 
	width:1100px;
	margin:40px auto;
	background-image:url(images/wrapper_bg.gif);
	background-repeat:repeat-y;
	border-bottom:1px solid #777B7F; }
	
	
/*----------header----------*/
#header { 
	background-image:url(images/header_bg.gif);
	background-repeat:no-repeat;
	background-color:#F3F3F3;
	width:1100px;
	height:55px; }
	
	
/*----------Navigtion oben----------*/
#topnavbar { 
	background-image:url(images/topnavbar_bg.jpg);
	background-repeat:no-repeat;
	background-color:#AFBAEC;
	width:1100px;
	height:100px;
	float:left; }
	

/*----------Formatierung der Liste----------*/
#topnavbar ul {	
	list-style-type:none;
	margin:0 0 0 20px;
	padding:20px 0;
	float:left; }
	
#topnavbar ul li {
	display:inline;
	float:left; }
	
#topnavbar ul li div {
	width:142px;
	height:80px;
	font-size:85%; }

/*----------Formatierung der Divs für die Standorte----------*/
#topnavbar ul li div.link1 { margin:0px 0px 0px 922px; }

	
/*----------Formatierung der Links----------*/
#topnavbar ul li a {
	color:#464646;
	text-decoration:none;}

#topnavbar ul li .markiert { font-weight:bold; }

#topnavbar ul li a:hover { color:#C10202; }

		
/*----------Navigation links----------*/
#leftnavbar {
	background-color:#D4DBED;
	width:199px;
	border-left:1px solid #777B7F;	
	float:left; }
	
	
/*----------Formatierung der Liste----------*/
#leftnavbar ul {
	list-style-type:none;
	margin:8px auto 0px auto; }
	
#leftnavbar ul.first {
	margin:30px auto 0px auto; }
	
#leftnavbar ul.second {
	margin:10px 0 0 23px; }
	
#leftnavbar ul.third {
	margin:0px 0 0 20px; }
	
#leftnavbar ul li {
	padding:1px 2px 1px 2px; }
	

/*----------Formatierung der Links----------*/
#leftnavbar ul li a {
	display:block; 
	width:152px; 
	margin-left:14px;
	text-decoration:none;
	padding:5px 4px 5px 8px;
	color:#000066;
	border:1px solid #D4DBED; }
	
#leftnavbar ul li a.headline {
	color:#333333;
	height:16px;
	font-weight:bold;
	font-variant:small-caps;
	margin-bottom:-9px; }
	
#leftnavbar ul.second li a {
	display:block; 
	width:128px; 
	margin-left:14px;
	text-decoration:none;
	padding:4px 4px 4px 8px;
	color:#000066;
	border:1px solid #D4DBED; }

#leftnavbar ul.second li a.headline {
	color:#333333;
	height:16px;
	font-weight:bold;
	font-variant:small-caps;
	margin-bottom:0px; }
	
#leftnavbar ul.third li a {
	display:block; 
	width:108px; 
	margin-left:12px;
	text-decoration:none;
	padding:4px 4px 4px 8px;
	color:#000066;
	border:1px solid #D4DBED; }
		
#leftnavbar ul li a:hover {
	background-color:#D4DBED;
	background-image:url(images/link_bg.gif);
	background-repeat:no-repeat;
	border:1px solid #AFBAEC; }
		
#leftnavbar ul.second li a:hover {
	background-color:#D4DBED;
	background-image:url(images/link_bg_second.gif);
	background-repeat:no-repeat;
	border:1px solid #AFBAEC; }
	
#leftnavbar ul.third li a:hover {
	background-color:#D4DBED;
	background-image:url(images/link_bg_third.gif);
	background-repeat:no-repeat;
	border:1px solid #AFBAEC; }
	
.headline_nav { 
	color:#333333;
	height:16px;
	font-weight:bold;
	font-size:95%; }
		
	
/*----------Inhalte----------*/
#content {
	background-color:#F8F8F8;
	border-right:1px solid #777B7F;
	border-left:1px solid #777B7F;
	width:638px;
	padding:20px 30px 0 30px;
	float:left; }
	
#content ul {
	margin:10px 0 10px 20px;
	padding:0px;
	color:#000066; }

#content ul li a { color:#000066; }
	
#content ul li a:hover { color:#C10202; }

#content li.liste { /*roter Punkt vor der Liste*/
	color:#C10202;
	padding:4px; }

#content ul <ul li {
	color:#C10202;
	padding:4px; }
	

/*----------Formatierung Kontaktseiten----------*/
#anschriftrubrik {
	background-color:#D4D5D7;
	border:1px solid #9C9DA1;
	color:#000066;
	font-weight:bold;
	font-size:90%;
	width:420px;
	padding:5px 0 5px 10px;
	margin:20px auto 0; }
	
#anschrift {
	background-color:#E7E7E7;
	border:1px solid #BCBCBC;
	width:420px;
	margin:20px auto 20px;
	padding:0 0 10px 10px; } /*hier muss der wert für den IE abgeändert werden*/
	
/*----------Kontaktdaten----------*/
.kontaktrubrik {
	background-color:#D4D5D7;
	border:1px solid #9C9DA1;
	color:#000066;
	font-weight:bold;
	font-size:90%;
	width:415px;
	padding:5px 0 5px 10px;
	margin:20px auto 0; } 

.kontaktallgemein {
	background-color:#D4D5D7;
	border:1px solid #BCBCBC;
	color:#000066;
	font-size:90%;
	width:415px;
	padding:5px 0 5px 10px;
	margin:10px auto 20px; } 
	
.kontakt {
	background-color:#E7E7E7;
	border:1px solid #BCBCBC;
	width:420px;
	height:138px;
	margin:20px auto 20px; 
	padding:5px 0 5px 5px; }
	
.kontaktfloat { /*Kontaktbild*/
	float:left;
	margin:5px 10px 5px 5px; }
	
.kontaktname { font-weight:bold; }

.kontakttext { font-size:90%; }
	
	
/*----------Formatierung Newstickercontainer----------*/
#newsticker {
	width:440px;
	margin:30px auto;
	padding:10px 50px 10px 50px;
	background-color:#E7E7E7;
	border:1px solid #BCBCBC; }
	
a.news:link, a.news:visited, a.news:active {
	text-decoration:none;
	color:#C10202;
	font-size:18px; }
a.news:hover {
	text-decoration:none;
	color:#080DED;
	font-size:18px; }
	
.moreinfo {
	font-size:90%;
	color:#4E77F8; }

.moreinfo2 {
	font-size:80%;
	color:#4E77F8; }

		
/*....................Formatierungen der Newsseite....................*/
.newsbox {
	margin:15px auto 25px; 
	padding:10px 10px 10px 10px;
	width:580px; 
	background-color:#e7e7e7; 
	color:#2E2E2E; 
	font-size:90%; 
	border:1px solid #BCBCBC; }
	
#content ul.newsboxliste { 
	margin:0 auto 20px;
	padding:5px 0px 5px 0px;
	width:600px;
	background-color:#e7e7e7; 
	color:#2E2E2E; 
	font-size:90%; 
	border:1px solid #BCBCBC;
	list-style-type:none;
	line-height:18px; }
	
#content ul li.newsboxlistenpunkt {
	margin:0px 0px 5px 0px;
	padding:10px 20px 10px 30px; }
	
.newsdate {
	color:#333333;
	font-weight:lighter; }

.hrdotted {
	border:1px dotted #999999;
	width:100%; 
	height:1px; 
	border-top:1px;
	text-align:left;
	margin:10px 0 10px 0; /*beim IE 0 0 0 0*/
	padding:0; }
	
/*----------Formatierungen der Tabelle Chemie-Info----------*/
table { 
	width:535px;
	border-collapse:collapse;
	margin:30px auto 0px auto; }
	
td, th {
	padding:10px;
	border:1px solid #bcbcbc;
	background-color:#e7e7e7; }
	
.thstyle {
	font-size:110%;
	text-align:center;
	background-color:#D4D5D7; }

.thstyleend {
	font-size:90%;
	text-align:center;
	background-color:#D4D5D7; }
	
.erstezelle {
	font-weight:bold;
	font-size:85%; }
	
.tabmarker {
	color:#C01202;
	font-weight:bold; }
	
.imgcenter {
	border:none;
	display:block;
	margin:auto; }

td.hellgrau {
	background-color:f3f3f3;}
	
	
/*----------Formatierungen der R+S-Sätze----------*/
#rslisten {
	background-color:#D4D5D7;
	border:1px solid #bcbcbc;
	width:530px;
	padding:5px 5px 5px 10px;
	margin:15px auto 0 ; }

.rsüberschrift { 
	font-weight:bold;
	font-size:110%; }

.rsfett { font-weight:bold; }

.rs { 
	color:#000066;
	padding:6px;
	list-style-type:none; }
	
/*----------Formatierungen Newsarchiv----------*/
.archivleft, .archivright {
	width:260px;
	height:320px;
	background-color:#e7e7e7;
	border:1px solid #BCBCBC;
	padding:10px 20px;}

/*----------Formatierungen Presse----------*/	
.presseleft, .presseright {
	width:260px;
	height:320px;
	background-color:#e7e7e7;
	border:1px solid #BCBCBC;
	padding:10px 20px;}

	
/*----------Navigation rechts----------*/
#rightnavbar {
	background-color:#E7E7E7;
	background-image:url(images/rightnavbar_bg.jpg);
	background-repeat:no-repeat;
	width:199px;
	border-right:1px solid #777B7F;
	float:right; }
	

/*----------Formatierung der Liste----------*/	
#rightnavbar ul {	
	list-style-type:none;
	margin:0 0 0 20px; }
		
#rightnavbar ul li div {
	width:142px;
	height:80px;
	font-size:85%; }
	
	
/*----------Formatierung der Divs für die Standorte----------*/
#rightnavbar ul li div.link2, .link3, .link4, .link5 { margin:20px 0px 0px 20px; }

	
/*----------Formatierung der Links----------*/
#rightnavbar ul li a {
	color:#464646;
	text-decoration:none;}

#rightnavbar ul li .markiert { font-weight:bold; }

#rightnavbar ul li a:hover { color:#C10202; }
	
.partner1 { margin:0 0 0 10px; }

.partner2 { margin:10px 0 0 10px; }
		
	
/*----------Klassendefinitionen----------*/
.anschriftname { 
	font-weight:bold;
	color:#000066; }
	
.bgkontakt {
	background-image:url(images/bgkontakte.jpg);
	background-repeat:no-repeat;
	background-position:top right; }

.bggalerie {
	background-image:url(images/bggalerie.jpg);
	background-repeat:no-repeat;
	background-position:top right; }
	
.bgchemieinfo {
	background-image:url(images/bgchemieinfo.jpg);
	background-repeat:no-repeat;
	background-position:top right; }
	
.bold { font-weight:bold; }

.clear { clear:both; }

.center { text-align:center; }

.distance_top {
	margin-top:30px; }

.dunkelblau { color:#000066; }

.dunkelgrau { color:#666666; }

.floatleft {
	float:left;
	margin:20px 0 0 0; }
	
.floatright { 
	float:right;
	margin:20px 0 10px 0; }
	
.fontsize120 {
	font-size:120%; }

.fontvariant { font-variant:small-caps; }

.grau { color:#949599; }

.hidden { visibility:hidden; }

.hinweis {
	background-color:#f3f3f3;
	border:1px solid #cccccc;
	color:#666666;
	font-size:85%;
	padding:10px;
	margin:30px auto; }
 
.imagefloatl { 
	float:left;
	margin:0 15px 15px -5px; }	/*für IE margin:0 20px 0 0 ;*/

.imagefloatr { 
	float:right;
	margin:0 10px 15px 5px; } /*für IE margin:0 20px 0 0 ;*/

.imagetext { 
	font-size:85%;
	font-style:oblique; }
	
.imgcenter {
	border:none;
	display:block;
	margin:auto; }

.listenfeld {
	background-color:#E7E7E7;
	border:1px solid #BCBCBC;
	color:#000066;
	width:420px;
	padding:5px 0 5px 10px;
	margin:20px auto 0 ; }
	
.markerblau {
	color:#080DED;}
	
.markerrot {
	color:#C10202;}
	
.newsindex {
	color:#C10202;
	font-size:18px; }
	
.newsindex2 {
	color:#C10202;
	font-size:15px; }

.noborder { border:none; }

.obliq { font-style:oblique; }

.quelle {
	font-size:75%;
	padding:5px;
	color:#E12D00;
	background-color:#E7E7E7;
	border:1px solid #BCBCBC; }

.red { color:#C10202; }

.textcenter {
	text-align:center;
	font-size:100%; }

.trim { font-size:80%; }

.unterstrichen {
	text-decoration: underline;
	font-weight:bold; }
	
.width550 {
	display:block;
	width:550px;
	margin:auto; }