/* Style Sheet File */
/*
	link color: #06C;  (blue admadic)
	visited color: #393; (green admadic)
	text color: #444; (not too dark)
*/

/* ************************* */
/* general */
body,p,ul,li,div,a,span,td,th,input,select,textarea {
	font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
	font-size: 8pt;
}
body,p,ul,li,div,span,td,th,input,select,textarea {
	color : #444;
}
body { font-size: 8pt; }
p { font-size: 8pt; }
h1 { font-size: 9pt; color: #06C; }
h2 { font-size: 8pt; color: #06C; }
h3 { font-size: 8pt; color: #06C; font-weight: normal; }
ul { font-size: 8pt; }

hr { color: #06c; background-color: #0066cb; } /* no bg-color warning for css validators :-) */

.STDTEXT { font-size: 8pt; }	/* this should be removed sooner or later */

.text_notice { color: #aaa; }

a { text-decoration: none; }
a:link { color: #06c; }
a:visited { color: #393; }
a[href]:hover { color: red; text-decoration: underline; }

.stdruler { color: #06c; }

a.ADDRESS:link { color: #06c; }
address {
	clear: both; /* for making sure, its below any floated elements */
	font-style: normal;
	font-size: 8pt;
	color: #aaa;
	text-align: center;
	margin: 5px; 
}
.trademarks_other {
	font-size: 7pt;
	color: inherit;
}

/* ************************* */
/* screenshot */
p.SCSHPAR { width: 450px; clear: both; font-weight: bold; }
p.SCSHPAR img { margin-bottom: 20px; float: right; }
p.SCSHIMG { margin-bottom: 20px; clear: both; }

/* ************************* */
/* install instructions on download page */
.downinsinstr { color: #666; }

/* ************************* */
/* news section */
.NEWSDATE { font-size: 8pt; color: #8E8E8E; font-weight: bold; font-family: "Lucida Sans Typewriter", "Andale Mono", "Monospace"; }
.NEWSTEXT { font-size: 8pt; }
.NEWSTEXT BR, .newsitem BR { display: none; }

/* ************************* */
/* legal section, trademarks */
.copyright_imprint { color: #888; /* border-top: 1px solid #ccc; */ }
.copyright_other { color: #888; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 1em; padding-right: 1em; }
.copyright_imprint .TMNAME { color: #444; }
.copyright_other .TMNAME { color: #444; }
.TMTEXT { color: #888; }

/* ************************* */
/* page layout */
div.page {
	width: 600px;
	margin: 0px auto;		/* centered */
}
div.topline {
	width: 100%;
	background-image: url(../images/topmenu3.jpg); 
	background-repeat: no-repeat; 
	height: 80px;
}

#logo {
	float: left;
	margin: 0px 0px 0px 30px;	/* only left */ 
}
div.topicons {
	float: right; 
	margin-top: 5px; 
	margin-right: 5px;
}
div.topicons img {
	margin: 5px 5px;
}
div.langsel {
	white-space: nowrap;
	float: right; 
	clear: right;
	margin-top: 10px; 
	margin-right: 5px;
}
div.content {
	margin-top: 2em;
}


/* ************************* */
/* products page */
.mainscreenshot {	/* applies to <p> and <div> */
	float: right;
	margin: 1em 0em 1em 1em;
}
img.PRODTHNL {
	float: right;	/* the product thumbnails shall float right */
}
p.PRODBTNS {
	clear: right;	/* the product bottons shall not mess with the thumbnail */
}
.btnpara {			/* the paragraph containing the buttons for down/more/order */
	display: block;
	height: 28px;
}
.xlinkbtn { 		/* 'base class' for the product buttons */
	display: block;
	float: left;
	margin: 5px;
	width: 86px;
	height: 21px;
	text-indent: -9999px;
}
/* special classes for the button states: */
.downlinkbtnde { background: url('../images/download-de.gif') no-repeat; }
.downlinkbtnde:hover { background: url('../images/download-de-over.gif') no-repeat; }
.downlinkbtnde:active { background: url('../images/download-de-down.gif') no-repeat; }
.morelinkbtnde { background: url('../images/learnmore-de.gif') no-repeat; }
.morelinkbtnde:hover { background: url('../images/learnmore-de-over.gif') no-repeat; }
.morelinkbtnde:active { background: url('../images/learnmore-de-down.gif') no-repeat; }
.orderlinkbtnde { background: url('../images/order-de.gif') no-repeat; }
.orderlinkbtnde:hover { background: url('../images/order-de-over.gif') no-repeat; }
.orderlinkbtnde:active { background: url('../images/order-de-down.gif') no-repeat; }

.downlinkbtnen { background: url('../images/download-en.gif') no-repeat; }
.downlinkbtnen:hover { background: url('../images/download-en-over.gif') no-repeat; }
.downlinkbtnen:active { background: url('../images/download-en-down.gif') no-repeat; }
.morelinkbtnen { background: url('../images/learnmore-en.gif') no-repeat; }
.morelinkbtnen:hover { background: url('../images/learnmore-en-over.gif') no-repeat; }
.morelinkbtnen:active { background: url('../images/learnmore-en-down.gif') no-repeat; }
.orderlinkbtnen { background: url('../images/order-en.gif') no-repeat; }
.orderlinkbtnen:hover { background: url('../images/order-en-over.gif') no-repeat; }
.orderlinkbtnen:active { background: url('../images/order-en-down.gif') no-repeat; }

/* ************************* */
/* download pages */
.downlink { 
	display: block;
	float: right;
	margin: 5px;
	width: 32px;
	height: 32px;
	background: url('../images/downic.png') no-repeat;
	text-indent: -9999px;
}
.downlink:hover { background: url('../images/downic-over.png') no-repeat; }
.downlink:active { background: url('../images/downic-down.png') no-repeat; }

.lrgdownlink { 
	display: block;
	margin: 5px;
	width: 64px;
	height: 64px;
	background: url('../images/downicon.png') no-repeat;
	text-indent: -9999px;
}
.lrgdownlink:hover { background: url('../images/downicon-over.png') no-repeat; }
.lrgdownlink:active { background: url('../images/downicon-down.png') no-repeat; }

/*
.xlinkbtn:hover { outline: none; }
.downlink:hover { outline: none; }
.lrgdownlink:hover { outline: none; }
*/

/* ************************* */
/* content in language dependent home page */
.contenthome {
	width: 100%;
	left: 0;
	height: 100%;
}
.contentbody,.contentbody * div {
	/* border: 1px solid red; */
}
.contenthome * TABLE {
 	height: 100%;
	margin: auto 0px; 
}
/* ************************* */
/* news formatting */
/*
.news * TABLE {
	height: 100%;
	margin: auto 0px;
}
*/

.news {
	margin-top: 0;
	padding-top: 0;
	/* float: right; */ 
	width: 100%;
	height: 100%;
	/* margin: 10px auto; */
}
.newsitem {
	margin: 5px 0px;
}
.newsclearer { clear: right; }

/* ************************* */
/* some special items in the web site */
div.specialfeature {	/* things like dotproject, qmail etc. */
	width: 68%;
	margin: 4em auto;
}
div.thanksbox {			/* the box which includes the "thank you" message. */
	width: 68%;
	margin: 4em auto;
}
div.sitemapbox {		/* the box which includes the sitemap */
	width: 68%;
	margin: 4em auto;
}
div.sitemapbox * ul { padding-left: 2em; }

/* ************************* */
/* address on contact page */
.tabadress { }
.tabadress th { font-weight: normal; text-align: left; }
.tabadress td { vertical-align: top; }
.tabadress .tabadress_c1 { width: 6em; }
.tabadress .tabadress_c2 { width: 1em; }
.tabadress .tabadress_c3 { width: 10em; }

/* ************************* */
/* about page details */
.aboutcommon { }
.aboutpersontitle { color: #000; margin-top: 3em; }
.aboutpersondetails { color: #666; }
.aboutpersonname { font-weight: bold; }
.aboutpersonphoto { }
.aboutftclr { clear: both; }

/* ************************* */
/* legal notice formatting */
.imprint td { vertical-align: top; }
.imprint tr > td { width: 15%; }
.imprint tr > td + td { width: 85%; }


#spiromat_applet_help {
	border: 1px solid #888;
	background-color: #fcfcfc;
	padding: 0.5em;
	/*
	position: absolute;
	left: 10px;
	width: 15em;
	*/
}

.art_frame { clear: both; margin-bottom: 30px; }
/* .art_picture { margin: 0em auto; } */
.art_frame * img { float: left; margin-right: 2em; margin-bottom: 10px; width: 300px; height: 300px; }
.art_clear { clear: both; }
.art_text { padding: 20px; margin-bottom: 10px; }
.art_text > p { margin-top: 0px; }

#spiromat_artwork_menu { /* float: right; clear: right; border: 1px solid #bcb; */ margin-top: 1em; padding: 5px; width: 27em; }
#spiromat_artwork_menu p { }
#spiromat_artwork_menu ul { list-style: none; margin-bottom: 0px; padding-left: 0px; }
#spiromat_artwork_menu * span.clear { clear: both; }
#spiromat_artwork_menu * li { display: inline; /* float: left; */ }
#spiromat_artwork_menu * img { width: 32px; height: 32px; margin: 0px 10px; }

/* end of file */