/* v1.0 | 20080212, reset.css Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
/* :focus {
	margin:0;
	padding:0;
	outline: 1px dotted #000;
	background-color:#000 !important;
	color:#ff0 !important;
}

	*/
/* personal addons */
a { text-decoration:none; color:#000;}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* typo generalization, standard sizes: 16px */
html { font-size: 100%; } /* correction for IEs dramatically ems are more scaled than % */
/* assume 16px as standard size of browsers so 0.625 * 16px = 10px as base */
body { font-size: 0.625em; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background:#ededed;}
table { font-size:100%; } /* correction for ie incorrect cascading */

/* general typo settings */
#content { font-size:1.4em; line-height:1.6em; margin:0 80px 0 300px; padding-bottom:0.8em;}
h1 { font-size: 1.4em; line-height:1.4em; padding: 0 80px 5px 0.2em; font-weight:bold; margin:3em -80px 1em -0.2em; border-bottom: 5px solid #ff0;}
h2 { font-size:1.2em; line-height:1.4em; font-weight:bold; font-style:italic; margin: 1.4em 0em 0.8em;}
h3 { font-size:1.2em; line-height:1.4em; font-weight:bold; font-style:italic; padding:0 0 2px 0.2em; margin: 0.4em 0em 0.8em -0.2em; border-bottom: 3px solid #ff0;}
p { margin-bottom:1em;}
.infobox p { margin:0;}

ul { list-style-type:square; margin:0 0 1em 2em;}
p { color: #222;}
p a { border-bottom:1px dotted #000; color: #000;}
p a.external { padding-left: 1.4em; background:url("/images/a_external.png") no-repeat 0 0px transparent;}
p a:visited { border-bottom-color:999; color: #999; }
p a:hover { border-bottom:1px solid #ccf; color: #ccf; }

/* layout settings */
#container { width:968px; margin:0 auto; text-align: left; position:relative; background-color:#fff;padding-bottom:1px;border:2px #ddd solid; border-top:0px #ddd solid;}
body { text-align:center;}

#site-logo { float:left;}
#header {padding:5px;}
#footer {background:#ededed;margin:4em 5px 5px 210px;}

#left { float:left; width:170px; margin:60px 0 0 45px; font-size : 1.2em; line-height:1.4em; padding-top:5px;}

#header:after,
#footer:after,
.member:after,
.link:after,
ul.nav-shortlinks:after,
p.person:after
{ 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* menues */
ul.nav { list-style-type:none; margin:0; }
ul.nav { font-size:1.4em; text-transform:none; letter-spacing: 0.05em; line-height:1.4em; }
ul.nav li a { display:block;}

/* menue level 1 */
ul.nav-lvl1 { background-color:#ededed; float:left; width:745px;margin-left:3px;}
ul.nav-lvl1 li { display:inline; color:#333;height:auto;}
ul.nav-lvl1 > li > a { padding:88px 15px 5px; color:inherit; font-weight:bold; float:left; border-right:3px solid #fff;}
ul.nav-lvl1 > li > a:hover
{ background-color:#9bb0d9; }
.C01 .A01 > a, .C02 .A02 > a, .C03 .A03 > a, .C04 .A04 > a, .C05 .A05 > a, .C06 .A06 > a, .C07 .A07 > a
{ background-color:#fff; }

/* menue level2 */
ul.nav-lvl2 { font-size:1.0em; text-transform:none; letter-spacing:0; line-height:1em; border-top:1px solid #fff; margin:-5px 0 50px;}
ul.nav-lvl2 li { display:block; /*width:210px; */margin: 0 auto 0px; overflow:visible; text-align:left; border-bottom:1px solid #fff;}
ul.nav-lvl2 li a { position:relative; height:auto; width:auto; margin:0 auto; display:block; float:none; padding: 10px 15px; background-color:#ededed; color:#000; }
ul.nav-lvl2 li a:hover { border-left:5px #ff0 solid; padding-left:10px; }

.C0101 .A0101 a, .C0102 .A0102 a, .C0103 .A0103 a,
.C0201 .A0201 a, .C0202 .A0202 a, .C0203 .A0203 a
{ border-right:20px #fff solid; }

/* shortlinks */ 
ul.nav-shortlinks { list-style-type:none; margin:0; font-size: 1.0em;}
ul.nav-shortlinks li { display:inline; }
ul.nav-shortlinks a { float:left; padding:5px 15px 20px; border-right:3px #fff solid;}

/* commont content */

/* module infobox */
/* .infobox { border: 1px dotted #aaf; background: #eef; padding:1.0em; font-size:0.9em} */
.infobox { font-size:1.0em; font-style:italic; }

/* members list */
ul.memberlist { list-style-type:none; margin:0; }
.member { border-top:2px solid #ededed; min-height:80px;margin-right:-80px; padding-bottom:1em; zoom:1}
.member:first-child { border-top:0px solid #fff;}
.member img { display:block; float:right; width:120px; margin: 2em 3em 0 1em;}
.member img { width:120px;}

/* link list */
ul.linklist { list-style-type:none; margin:0; }
.link { border-top:2px solid #ededed; min-height:80px;margin-right:-80px; padding-bottom:1em; zoom:1}
.link:first-child { border-top:0px solid #fff;}
.link img { display:block; float:right; width:120px; margin: 2em 3em 0 1em;}

/* news list */
ul.news { list-style-type:none; margin:0; }
.news-item { position: relative;}
.date { color: #9bb0d9; font-size:1.0em; font-weight:bold; line-height:1.5em;}
.date * { color:inherit;}
.news-item .date { position:absolute; text-align:right; width: 7em; right:1em; top:0.10em;}
.news-item h2 { padding-right:9em;}

/* boardlist */
table.board { width:100%; margin-top:10px;}
.board thead td { font-weight:bold; font-size: 16px; font-style:normal !important; padding:0px 10px 10px 3px;}
.board tbody td { padding:9px 10px 9px 3px; border-top:1px solid #ededed}
.board td:nth-child(2) { font-style:italic;}
.board .name { width 30%;}
.board td:first-child { font-weight:bold;}

/* person */

p.person img { float: left; display: block; margin-right:15px; }

