/*Standard-CSS-Datei www.seewald-chemie.com*/

/*----------------------------------------------------------------------------------------------------*/
/*          Farben                                                                                    */
/*----------------------------------------------------------------------------------------------------*/

/*Schrift = #181818*/
/*Background = #FFFFFF*/
/*Contentbackground = #F8F8F8*/
/*Navbarbackground = #FCFCFC*/
/*Oranger Farbverlauf = #FF7008 - #FBD0AA*/
/*Blauer Farbverlauf = #1870D0 - #C9DEF9*/

/*----------------------------------------------------------------------------------------------------*/
/*          Allgemeine Formatierungen                                                                 */
/*----------------------------------------------------------------------------------------------------*/

* {
	margin:0;
	padding:0; }
html, body {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#181818;
	font-size:90%;
	height:100%;} 
	
h1 {font-size:140%;}
h2 {font-size:120%;
	margin:10px 0 10px 0;}
h3 {font-size:100%;
	margin:10px 0 10px 0;}
h4 {font-size:110%;}


p, pre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#181818;
	font-size:90%;
	line-height:18px;
	margin:0.8em 0; }
	
/*----------Trennlinien----------*/
.hrgrau {
	border-style:solid;
	border-top:1px;
	border-color:#999999;
	color:#999999;
	width:98%;
	text-align:left;
	height:1px;
	margin:10px 0 10px 0;
	padding:0; }
	
.hrgraukontakt {
	border-style:solid;
	border-top:1px;
	border-color:#999999;
	color:#999999;
	width:93%;
	text-align:left;
	height:1px;
	margin:10px 0 0 0;
	padding:0; }

/*----------Allgemeine Angaben zum Standardlink im Textfluß----------*/
a:link {
	text-decoration:none;
	color:#FF7008; }
a:visited {
	text-decoration:none;
	color:#FF7008; }
a:active {
	text-decoration:none;
	color:#FF7008; }
a:hover {
	text-decoration:none;
	color:#1870D0; }

/*----------------------------------------------------------------------------------------------------*/
/*          Struktur und Aufteilung                                                                   */
/*----------------------------------------------------------------------------------------------------*/
#logo {
    position:absolute;
    margin:510px 0 0 10px;
    z-index:100; }

#wrap {
	position:absolute;
	width:833px;
	background-color:#FFFFFF;
	margin-top:15px;
	margin-left:15px;}

#navigation {
	height:486px;
	width:176px;
	background-color:#FCFCFC;
	background-image:url(images/navbg.jpg);
	background-repeat:no-repeat;
	float:left}

#firmenlogo {
	height:79px;
	width:600px;
	margin-top:2px;
	margin-left:16px;
	background-color:#FFFFFF;
	background-image:url(images/seewald.gif);
	background-repeat:no-repeat;
	float:left;}

#content {
	margin-top:19px;
	margin-left:-1px;
	height:380px;
	width:605px;
	padding:20px 20px 40px 30px;
	overflow:auto;
	background-color:#F8F8F8;
	background-image:url(images/contentbg.jpg);
	background-repeat:no-repeat;
	float:left;}
	
#footer {
	clear:both;}

/*----------------------------------------------------------------------------------------------------*/
/*          Formatierung - seitliche Navigation (Vertikale Navigation)                                */
/*----------------------------------------------------------------------------------------------------*/

#navigation ul {
	list-style-type:none;
	margin:0;
	padding:0; }

/*----------Formatierung der Links----------*/
#navigation ul li a {
	color:#1870D0;
	text-decoration:none;
	display:block;
	width:120px;
	padding:3px;
	position:relative; 
	top:180px;
	left:30px;
	background-color:#FCFCFC;
	text-align:right;
	font-size:100%;
	border-top:1px solid #FCFCFC;
	border-right:1px solid #FCFCFC;
	border-bottom:1px solid #FCFCFC; }
	
#navigation ul li a:hover {
	background-color:#F8F8F8;
	background-image:url(images/dreieck.gif);
	background-repeat:no-repeat;
	background-position:0%;
	border-right:1px solid #FBD0AA;
	border-bottom:1px solid #FF7008; }

/*----------Klassendefinitionen----------*/
.platzhalter {
	display:block;
	width:120px;
	height:30px;
	position:relative; 
	top:180px;
	left:30px;
	background-color:#FCFCFC; }
	
.sidebartext {
	display:block;
	width:118px;
	padding:4px;
	position:relative; 
	top:175px;
	left:32px;
	text-align:center;
	font-size:100%;
	background-color:#F8F8F8;
	border:1px solid #FF7008; }

/*----------------------------------------------------------------------------------------------------*/
/*          Formatierung - Contentbereich                                                             */
/*----------------------------------------------------------------------------------------------------*/

#content ul {
	margin-left:20px;}
	
#content ul.produkt {
	list-style-position:inside; }
	
/*----------Klassen----------*/

.floatright { 
	float:right;
	margin:5px 20px 10px 20px; }
.floatleft {
	float:left;
	margin:5px 20px 10px 20px; }
.clear {
	clear:both; }
.image { border:none; } /*-Bildlinks ohne Rahmen*/

.imgpositionright {
	margin:10px 0 20px 250px;}
.imgpositionleft {
	margin:10px 0 20px 350px;}

.firmenmarker {
	color:#1870D0;
	font-weight:bold;}

.center {
	text-align:center;}

.nachoben {
	float:right;
	margin:-14px 0 0 100px;}
	
.back {
	font-weight:bold;
	width:300px;
	margin:auto;
	text-align:center;
	border:1px dotted #777777;
	background-color:#EDEDED;}

.markerrot {
	color:#C10202;}

.markerblau {
	color:#1870D0;}
.hidden {
	visibility:hidden; }

/*----------Formatierung der Liste----------*/
#listenfeld {
	background-color:#EDEDED;
	border:1px solid #777777;
	color:#181818;
	width:393px;
	padding:5px 0 5px 10px;
	margin:20px auto 0 ; }
	
li.liste { /*roter Punkt vor der Liste*/
	color:#1870D0;
	padding:4px; }

/*----------Hausanschrift----------*/
#anschrift {
	background-color:#EDEDED;
	border:1px solid #777777;
	width:393px;
	margin:20px auto 0px;
	padding:0 0 5px 10px; }
	
.anschriftname { 
	font-weight:bold;
	color:#1870D0; }

/*----------Kontaktdaten----------*/
.kontaktrubrik {
	background-color:#EDEDED;
	border:1px solid #777777;
	color:#181818;
	font-weight:bold;
	font-size:90%;
	width:398px;
	padding:5px 0 5px 5px;
	margin:20px auto 0; }
	
.kontakt {
	background-color:#EDEDED;
	border:1px solid #777777;
	width:398px;
	margin:20px auto 20px; 
	padding:5px 0 5px 5px; }
	
.kontaktfloat { /*Kontaktbild*/
	float:left;
	margin:5px 5px 5px 5px; }
	
.kontaktname { 
	font-weight:bold;
	color:#1870D0; }

.kontakttext { font-size:90%; }

/*----------Tabellendatein----------*/
table { 
	width:572px;
	border-collapse:collapse;
	margin:10px 5px 10px 2px;
	font-size:95%; }
	
td {
	padding:10px;
	border:1px solid #777777;
	background-color:#EDEDED; }
	
.imgcenter {
	border:none;
	display:block;
	margin:auto; }

/*----------Tabellendatein Lieferprogramm----------*/
	
td.a {
	width:120px;
	padding:7px;
	border:1px solid #777777;
	background-color:#EDEDED;
	font-weight:bold;
	vertical-align:top; }
td.b {
	width:40px;
	padding:7px;
	border:1px solid #777777;
	background-color:#EDEDED;
	
	font-weight:bold;
	vertical-align:top; }
td.c {
	padding:7px;
	border:1px solid #777777;
	background-color:#EDEDED;
	vertical-align:top; }
td.d {
	padding:7px;
	border:1px solid #777777;
	background-color:#EDEDED;
	font-size:95%;
	font-style:oblique;
	vertical-align:top; }
	
.imgcenter {
	border:none;
	display:block;
	margin:auto; }

/*-----Formatierung - Kalender-----*/
table.kalender { 
	width:572px;
	border-collapse:collapse;
	margin:10px 5px 0px 2px; }

.thstyle {
	font-size:110%;
	text-align:left;
	background-color:#AECAEF;	
	font-weight:bold; }
	
.monat {
	width:60px; }
	
.wann {
	width:100px; }
	
.wo {
	width:290px; }
	
.wer {
	width:110px; }