/* DATEI: style.css */

/* Style-Definitionen für die Website http://www.m8j.net */
/* Martin Jaggi     m.jaggi@gmx.net */

body { margin: 9px 9px 15px 9px; }	/* t r b l */

body { behavior:url("../htc/csshover.htc"); }	/* teach stupid ie what :hover means */

a:link { color:#035; text-decoration:none; }
a:visited { color:#035; text-decoration:none; }
a.link { border-bottom:1px dotted; }
a.link:hover { color:#047; border-bottom-style:solid; }

body,p,h2,h3,h4,ul,ol,li,td,b,i,div { font-family:Arial,Geneva,sans-serif; }

h1 { font-size:19px; }
h2 { font-size:15px; }
h3 { font-size:14px; }
body,div,p,td,ul,ol,li { font-size:13px; }

.s { font-size:12px; }
.xs { font-size:11px; }


div,ul { margin:0; padding:0; }
div { background-repeat: no-repeat; /*border:1px dotted;*/ }

#left { position:absolute; top:10px; left:0px; width:320px; }
/* #left>div { width: 340px; } */
#search { height: 55px; margin-top: 45px; text-align: right; }

#head { list-style: none; float: right; margin-bottom: 5px; }
#head li { display: inline; float: left; height: 25px; margin: 2px; padding: 2px 0px 0px 0px; }
#head li:hover { height: 27px; padding-top:0; }
#head li p { padding-top:2px; }

#menu, #submenu { list-style: none; float: left; }
#menu li, #submenu li { height: 60px; float: left; margin: 2px; padding: 0px 0px 0px 8px; }
#menu li:hover, #submenu li:hover { padding: 0px 8px 0px 0px; }
#menu li div, #submenu li div { float: right; }
#menu { margin-bottom: 9px; }
#menu li { width: 308px; }
#submenu li { width: 532px; }

#content { position:absolute; top:10px; left:355px; }

#content div#m { width: 135px; text-align: center; }
#content div#m img.sub { padding-top: 9px; }

#title { position:absolute; top:116px; left:510px; }
#title div.t { margin-bottom: 3px; font-size: 24px; font-weight: bold; }

#language-chooser { position:absolute; top:56px; left:760px; z-index:8; }
#language-chooser a { border-bottom:1px dotted; }
#language-chooser a:hover { color:#047; border-bottom-style:solid; }

#text, #photos, #files, #iframe, #submenu { margin-top: 9px; }

#text { padding-right: 30px; }
#text p { line-height:19px; }
#text a { border-bottom:1px dotted; }
#text a:hover { color:#047; border-bottom-style:solid; }

#photos { width: 544px; }
#photos ul { list-style: none; padding-left: 7px; }
#photos ul li { display: inline; float: left; width: 104px; height: 106px; padding: 1px; font-size: 11px; text-align: center; }
#photos ul li img { border:1px solid white; }
#photos ul li a:hover img { border:1px dotted; }

#files { list-style: none; }
#files li { clear: both; height: 60px; margin: 4px 0px 0px 0px; padding: 0px 4px 0px 0px; }
#files li:hover { padding: 0px 0px 0px 4px; }

#submenu { padding-top: 9px; padding-bottom: 9px; }

#sticky { margin-left: 9px; } #sticky a { padding:5px; }
#sticky img { vertical-align:middle; border:1px solid white; }
#sticky a:hover img { border:1px dotted; }

p.footer { clear: both; font-size: 11px; }
p.footer a { color: grey; }

/* padding: 0px 8px 0px 0px;	/* t r b l */
/* border:1px dotted; */

.grey { background-color: #e8e8e8; }
.grey div.t, .grey div.t div,.grey div.b, .grey div.b div { height: 9px; width: 100%; margin: 0; padding: 0; }
.grey div.t {     background: url(../img/grey/rt.gif) right top    no-repeat; }
.grey div.t div { background: url(../img/grey/lt.gif) left  top    no-repeat; }
.grey div.b {     background: url(../img/grey/rb.gif) right bottom no-repeat; }
.grey div.b div { background: url(../img/grey/lb.gif) left  bottom no-repeat; }

.t0 div { height: 100%; float: left; overflow: hidden; background-color: #e6e6e6; }
.t0 div.l { width: 9px; background-image: url(../img/cb/e6e6e6-l.gif); }
.t0 div.r { width: 9px; background-image: url(../img/cb/e6e6e6-r.gif); }
.t0 div p { margin-top: 2px; float: left; }
.t0 div.i { padding-right: 4px; }
.t0 div.i img { vertical-align: middle; border: 0; }

							
.t1 div { height: 100%; float: left; overflow: hidden; background-color: #efedde; }
.t1 div.l { width: 9px; background-image: url(../img/cb/efedde-l.gif); }
.t1 div.r { width: 9px; background-image: url(../img/cb/efedde-r.gif); }
.t1 div p { margin-top: 2px; float: left; }
.t1 div.i { padding-right: 4px; }
.t1 div.i img { vertical-align: middle; border: 0; }
							
.t2 div { height: 100%; float: left; overflow: hidden; background-color: #eddfec; }
.t2 div.l { width: 9px; background-image: url(../img/cb/eddfec-l.gif); }
.t2 div.r { width: 9px; background-image: url(../img/cb/eddfec-r.gif); }
.t2 div p { margin-top: 2px; float: left; }
.t2 div.i { padding-right: 4px; }
.t2 div.i img { vertical-align: middle; border: 0; }
							
.t3 div { height: 100%; float: left; overflow: hidden; background-color: #e0f0dc; }
.t3 div.l { width: 9px; background-image: url(../img/cb/e0f0dc-l.gif); }
.t3 div.r { width: 9px; background-image: url(../img/cb/e0f0dc-r.gif); }
.t3 div p { margin-top: 2px; float: left; }
.t3 div.i { padding-right: 4px; }
.t3 div.i img { vertical-align: middle; border: 0; }
							
.t4 div { height: 100%; float: left; overflow: hidden; background-color: #dbe4f0; }
.t4 div.l { width: 9px; background-image: url(../img/cb/dbe4f0-l.gif); }
.t4 div.r { width: 9px; background-image: url(../img/cb/dbe4f0-r.gif); }
.t4 div p { margin-top: 2px; float: left; }
.t4 div.i { padding-right: 4px; }
.t4 div.i img { vertical-align: middle; border: 0; }
							
							
a.title, a.date, a.desc { display: block; }
a.title { font-size: 13px; font-weight: bold; }
a.date, a.desc { color: black; }
a.date { text-align: right; font-size: 11px; }
a.desc { text-align: left; white-space: normal; }



/* table formatting inside content area */
				table.formatedtable {
					border-collapse: separate;
					border-spacing: 0;
					margin: 0;
					empty-cells: show;
				}
				table.formatedtable thead th {
					text-align: left;
					border: 0;
					padding: 6px;
					font-weight: bold;
					background: #e8f1f7;
					border-bottom: 2px solid #8cabc0;
				}
				table.formatedtable tbody tr td {
					padding: 4px 4px 4px 6px;
					background: #e8f1f7;
					border: 1px solid #fff;
					border-right: 1px solid #8cabc0;
					border-width: 1px 1px 0px 0;
					vertical-align: top;
				}
				table.formatedtable tbody tr.ins td {
					background: #c5dbea;
				}