/*****************************************
 * Styles OBS                            *
 *****************************************/
 
 body { 
	background-color: #ffffff; color:#3b6455; /* #5E776E; */
	font: 0.8em/1.4em "Trebuchet MS", verdana, arial, sans-serif;
	margin:0; padding: 9px;
}

#canvas { margin:0 auto 1.5em auto; width:90%; max-width:1100px; padding:0; position:relative;  }
#header { height:130px; color:#3b6455; position:relative; background:transparent url(../images/logos/obs_lanius.gif) no-repeat 5% 50%; }
#login  { position:absolute; bottom:0; right:-20px; width:200px; line-height:2em; color:#377d9e; font-size:0.8em; font-weight:bold; text-align:right; }
#buttons{ position:absolute; bottom:0; right:0; width:24px; height:24px; text-align:right; cursor:pointer; }
#globalnav { clear:both; margin-top:1em; margin-left:20px; width:95%; height:100%; border:1px solid #3d6353; }
#wrapper { width:100%; height:100%; float:none; padding-top:10px; padding-bottom:10px; }
#container_l {	float: left; width: 23%; padding-left:20px; padding-top:1em; min-height:40em; }
#container_m { float: left; width: 50%;  padding:1em 10px 10px 15px; border-left:1px solid #9db1aa; }
#container_r {	float: right; width: 17%; padding-top:1em; padding:1em 10px 10px 10px; }
#footer { clear:both; width:100%; height:30px; color:#9db1aa; padding:0.5em 0 10px 10px; position:relative; }


#globalnav table { width: 100%; font-size:100%; text-align: center; border-collapse: collapse; font-weight: bold; }
#globalnav td.top { width: 25%;  background:#cdffe6 url(../images/bgs/gn_top.png) repeat-x; }
#globalnav td.bottom { width: 33%;  background:#89FFC4 url(../images/bgs/gn_bottom.png) repeat-x;}
#globalnav ul { list-style: none; margin: 0; padding: 0; }
#globalnav li a { border:1px solid #09FFC4; cursor: pointer; display: block;  line-height:29px; color:#1f1300; text-decoration: none; }
#globalnav li.selected a{ border:1px solid #375C47; background:#375C47 url(../images/bgs/gn_sel.png) repeat-x; line-height:29px; color:#fff; }
#globalnav li a:hover {	color: #000; background-color:#89FFC4;  }

#submenue { float: left; margin-left:auto; margin-right:auto; width:90%; height:100%; border:1px solid #759288; background-color:#333; color:#fff; font-weight:bold; }
#submenue ul { list-style: none; margin: 0; padding:0;}
#submenue li { margin-bottom:1px; }
#submenue li a { display: block; padding-left:20px; background:#497f61 url(../images/bgs/gn_sel.png) repeat-x; color:#fff; line-height:29px; text-decoration: none; }
#submenue li a:hover { background:#497f61 url(../images/bgs/sn_hover.png); text-decoration: none; }
#submenue li a:active { background-color: #1f1300; }
#submenue li.selected { background:transparent; padding-left:20px; line-height:29px;} 

.subsubmenue li a:hover { background:none; color:#000; }

label { float:left; height:20px;font-weight: bold; }

ul.tri { list-style-type: none; margin:0; padding:0; }
ul.tri li  {  padding:0.25em 10px 0.25em 25px;  margin:0.5em 0; background: url(../images/icons/icon_li_tri.png) no-repeat 0% 50%; position:relative; }
ol li { margin-top:0.5em; }

h1, h2, h3, h4 { padding:0; margin:0; clear:both;  }
#header > h1 { text-align:left; padding:50px 20px 5px 25%; font-size:210%; line-height:140%; }
#header > h3 { text-align:left; padding-left:25%; font-size:140%; }
h1 { font-weight:normal; font-size:175%; padding-bottom:15px; line-height:140%; }
h2 { font-weight:normal; font-size:130%; padding-bottom:15px; padding-top:1em;}
h2.underlined { padding-bottom:0.15em; border-bottom:1px solid #3b6455; margin-bottom:0.35em; }
#container_m h3 { margin-bottom:1.5em; }
.error, .mandatory { color: #f00; font-weight:bold; }
.remark { color: #777; font-size:90%; }
.author { font-variant: small-caps; }
.species { font-style: italic; }
p { margin:0; padding:0 0 1em 0; clear:both; }

.cms > p { margin-top:1.5em; font-weight: bold; }
.cms h3.list { width:100%; margin:0; padding:5px 75px 5px 15px; border-bottom:1px solid #ccc /*#f2ffa2*/; position:relative; }
.cms h3.list:hover { background-color:#dfdfdf; }
.cms .edit { position:absolute; bottom:0; right:0; width:70px;}

.news { width:100%; margin:0 0 2.5em 0; }
.news h2 { font-weight: bold; font-size:120%; line-height:25px; padding:3px 5px; margin-bottom:0.5em; background-color:#E4E4E4; font-size:110%; border:1px solid #ccc; }
.news h4 { clear:both; margin-top:1.5em; padding-bottom:0.5em; }
.news img { float:left; margin:0 1.5em 1.5em 0; border:1px solid #333; }
.news ul { list-style-type: none; }
.news ul li  {  padding:0.25em 10px 0.25em 25px;  margin:0.25em 0; background: url(../images/icons/icon_li_tri.png) no-repeat 0% 50%; position:relative; }
.news ol li { margin-top:0.5em; }

.forum { width:100%; margin:0 0 2.5em 0; }
.forum h4 { font-size:90%; clear:both; padding:3px 10px 3px 0;border-bottom:1px solid #bbb;  position:relative; padding-right:240px; line-height:25px; margin:0.5em 0; }
.forum p { clear:both; padding:5px 10px; }
.forum label.answer { position:absolute; bottom:-90px; right:5px; cursor:pointer; width:210px; height:24px; line-height:24px; text-align:right; padding-right:10px; background: #ddd url(../images/icons/icon_makecomment.png) no-repeat 0 96%;  }
.forum img { float:left; border:1px solid #333; cursor:pointer; margin-bottom:15px; margin-right:15px; }

a:link, 
a:visited,
.link  { color:#009D78; font-weight: bold; text-decoration: none; cursor:pointer; }
a:hover, .link:hover   { text-decoration:underline; }
a[href^="mailto:"] { background: url(../images/icons/link_email.gif) no-repeat right top; padding-right:15px; }
a[href^="http:"] { background: url(../images/icons/link_new.gif) no-repeat right top; padding-right:15px; }
a[href^="http://www.karsten-berlin.net"] { background: none; padding-right:0; }

img { float:left; border:0;}
.icon { cursor:pointer; }

/* inputs */
input, select, textarea { font-size:85%; padding:4px 5px; background:#E4E4E4; border:1px solid #ccc; color:#3b6455; font-weight: bold; }
/*.cms input, .cms select, .cms textarea { font-size:85%; padding:4px 5px; background:#f2ffa2; border:1px solid #999; color:#3b6455; font-weight: bold; }
*/
input.xl { width:400px; height:1.5em; }
input.l  { width:25em; height:1.5em; }
input.m  { width:20em; height:1.5em; }
input.s  { width:10em;  height:1.5em; }
input.xs  { width:5em;  height:1.5em; }
select.l  { width:25em; height:2.5em; }
select.xl  { width:400px; height:2.5em; }

textarea    { font: 13px/1.4em "Trebuchet MS", verdana, arial, sans-serif; font-weight: bold; }
textarea.xl { width:400px; height:150px;}

.btn_submit, .cms .btn_submit { cursor:pointer; border:0; line-height:24px; height:24px; text-align:center; width:120px; background: url(../images/bgs/btn_submit.png) repeat-x; color:#777; font-variant: small-caps; }
.btn_submit:hover { background: url(../images/bgs/btn_submit_hover.png) repeat-x; color:#fff;  }
.btn_cms { cursor:pointer; border:0; line-height:30px; height:30px; text-align:center; width:110px; background: url(../images/bgs/btn_cms.png) no-repeat; color:#333; font-variant: small-caps; }
.btn_cms_sel { cursor:pointer; border:0; line-height:30px; height:30px; text-align:center; width:110px; background: url(../images/bgs/btn_cms_sel.png) no-repeat; color:#333; font-variant: small-caps; }
.btn_logout, .btn_profile { width:110px; height:30px; padding:0; background: url(../images/bgs/btn_logout.png) no-repeat; text-align:center; font-variant:small-caps; color:#fff; font-size:12px; position:absolute; right:0; top:0; border:0; cursor:pointer; }
.btn_profile { background: url(../images/bgs/btn_profile.png) no-repeat; position:absolute; right:130px; top:0;}

table.inner  { border-collapse:collapse; width:95%; margin:1.5em auto; border:1px solid #ccc; }
table.inner tr { border-bottom:1px solid #ccc;}
table.inner th { line-height:25px; padding:3px 5px; background-color:#E4E4E4; font-size:110%;/* border-bottom:1px solid #ccc;*/}
table.inner td { padding:3px 5px; text-align:left; vertical-align: top;}
table.inner tr:hover { background-color:#efefef; }

/* tooltip */
a.info { position:relative; z-index:24; color:#fff; }
a.info:hover {z-index:25; cursor:help; color:#fff; text-decoration: none;}
a.info span  {display: none; }
a.info:hover span{ display:block; position:absolute; top:-3em; left:0em; width:34em; border:1px solid #666; 
	 padding: 5px; background-color:#FFFFCC; color:#000; font-weight:normal; font-size:100%; line-height:130%;}