/* Stiftung Vogelmonitoring - Stand: 07/2008 */

body { margin:0; padding:0; font: 0.9em/1.3em "Trebuchet MS", verdana, arial, sans-serif; color:#2C4612; }

#canvas { width: 66em; height:100%; margin:0 auto; position:relative; }
#header { width: 100%; height:80px; position:absolute; left:0; top:0; font-size:250%; line-height: 2em; text-align:left;  }
#globalnav { position:absolute; top:70px;  width:100%; margin-left: auto; height:3em; }
#toolbar { position:absolute; top:110px; width:100%; display:inline; float: left; height: 2em; background-color:#fff; vertical-align:bottom; border-bottom:3px solid #2C4612; }

#wrapper { width:100%; float:none; padding-top:110px; padding-bottom:2em; }
#container_l {	float: left; width: 18%;  font-size: 90%; padding-top:5em; height:70em;}
#container_m { float: left; width: 55%;  font-size: 90%; padding:4em 10px 10px 15px;}
#container_r {	float: right; width: 23%; font-size: 90%; margin-top:19px;padding:4em 0;}
#searchroom, .showroom { font-size:95%; width:90%; height:100%; padding:10px 15px; background-color:#efefef; border:1px solid #ccc; } 
.showroom { border-top:1px solid #aaa; }
#overview { width:60em; font-size:90%;  height:auto;  z-index:99; }
#overview h3 { margin-bottom:0.25em; padding:0 10px; }
#overview p { margin:0 0 0.5em 0; padding:0 10px; }

#footer   { margin:2em auto !important; width:100%; height:30px; clear: both; text-align:left; color:#8EAA6F; background-color:#fff; font-size:85%; padding:4px 10px; border-top:1px solid #8EAA6F; }

#globalnav table { width:100%; text-align: center; border-collapse: collapse; font-weight: bold; }
#globalnav td { width:20%; }
#globalnav ul { list-style:none; margin:0; padding:0; width:100%; }
#globalnav li a {  cursor: pointer; display: block; height:30px; line-height:30px; font-weight:bold; /* border:1px solid #82AE55; background: #fff url(./../images/bg_menu.png) repeat-x; color:#2C4612; */
       background:#fff url(../images/bg_btn.png) repeat-x; color:#fff; border:1px solid #54683E; text-decoration: none; }
#globalnav li.selected a{ border:1px solid #82AE55; border-width:1px 1px 0px 1px; height:30px; line-height:30px; background:none; color:#2C4612; }
#globalnav li a:hover {	color:#2C4612; background:none; background-color:#DBF2C5;  }

#submenue { float: left; width: 100%; }
#submenue ul { list-style: none; margin: 0; padding: 0; border-top:1px solid #82AE55; }
#submenue li { margin: 0; border-bottom: 1px solid #82AE55; background-color:#DBF2C5; color:#324614; font-size: 90%; }
#submenue li a { display:block; padding: 5px 5px 5px 20px; border-left: 8px solid #8EAA6F; border-right: 1px solid #82AE55; color:#324614; font-weight: normal; text-decoration: none; }
#submenue li a:hover  { background-color: #ccecac; border-left: 8px solid #2C4612; text-decoration: none; color: #324614; }
#submenue li a:active { background-color: #324614; border-left: 8px solid #2C4612; color: #fff; }
#submenue li.selected { background-color: #fff; padding: 5px 5px 5px 20px; border-left: 8px solid #324614; color:#324614; font-weight: bold; border-right:0; } 

li.sub { width:130px; height:25px; line-height:25px; background:#fff url(./../images/icons/icon_submenu_2.png) no-repeat 0 0 !important; margin:0.25em 0 !important; border:0 !important; }
li.sub a { display:block; width:130px; height:25px; padding:0 !important; padding-left:25px !important; border:0 !important; color:#324614; font-weight: bold; text-decoration: none; }
li.subselected { width:130px; height:25px; padding-left:25px; line-height:25px; font-weight: bold; background:#fff url(./../images/icons/icon_submenu_2_selected.png) no-repeat 0 0 !important; border:0 !important; }
li.sub a:hover { width:130px; height:25px; padding-left:25px; line-height:25px; font-weight: bold; background:#fff url(./../images/icons/icon_submenu_2_hover.png) no-repeat 0 0 !important; border:0 !important; }

/* Toolbar ------------------------------------------------------------ */
#menuicon          { width:auto; }
#menuicon img      { border:0; }
#menuicon a        { float: left; display: inline; margin: 5px 0 0 -1px; border: 0; padding: 0 9px; }

#breadcrumbs { float: left;  width:auto;  margin: 3px 0 0 0; padding-left: 0.5em; text-align: left; font-size: 75%; }
#breadcrumbs a { color:#54683E; text-decoration:none;  }
#breadcrumbs a:hover { 	text-decoration:underline; }


img { border: 0; }
img.person   { border: 1px solid #333; }
img.pic		 { border:1px solid #333; float:left; margin:0 15px 15px 0; }
img.inlinepic { border:1px solid #333; float:none; margin:0 0 0.5em 0; }
div.inlinepic { width:200px; float:left; margin:0.25em 1em 0 0; }
img.icon     { border:0; cursor:pointer; }
.pictext     { clear:both; font-style: italic; font-size:90%; margin-bottom:1.5em; line-height:120%; padding-right:8px; }

h1, h2, h3, h4 { margin: 0; padding:0; }
h1 { font-size: 175%; padding: 8px 20px 10px 0; line-height: 150%;}
h2 { font-size: 150%; padding: 5px 20px 5px 0; line-height: 130%; }
h3 { font-size: 125%; padding: 3px 20px 5px 0; font-weight: bold; }
h4 { font-size: 110%; padding: 3px 20px 5px 0; font-weight: bold; }
strong { color:#333F25; }

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

.error { font-weight:bold; color:#AA0033; }
.success { font-weight:bold; color:#339933; }
.tipp { color:#999; font-weight:bold; font-size:85%; }
.problem { width:90%; padding:0.5em; margin-bottom:2em; border:1px solid #cc0000; color:#c00; background-color: #FFFFCC; }
.remark { width:90%; padding:0.5em; margin-bottom:2em; border:1px solid #8EAA6F; color:#54683E; background-color: #ccecac; }
.link { color: #6699AC; font-weight: bold; text-decoration:none; cursor:pointer; }
.link:hover { text-decoration: underline; }
label     { width:30%; float:left; font-weight: bold; }

ul { list-style-image:none; list-style-type: none; }
ol { margin:0; padding:0; }
ol li { margin-left:2em;}
#container_m ul, #container_r ul { margin:0; padding:0; list-style-image: none; }
#container_m ul li, #container_r ul li { padding:3px 5px 5px 30px; background: url(../images/icons/icon_list.gif) no-repeat 2% 0%; }
#container_m ul li.adebar, #container_r ul li.adebar { padding:3px 5px 5px 40px; background: url(../images/icons/icon_list_circle.png) no-repeat 2% 0%; position:relative; }
#container_m ul li.adebar { margin:0.75em 0; }
#container_r ul li { padding-left:20px; }

.btn_submit3         { border:1px solid #222; padding:0 10px; line-height:30px; height:30px;  background: url(../images/bg_btn3.png) repeat-x; color:#333; font-weight:normal; cursor:pointer; }
.btn_submit3:hover   { background:none; background: url(../images/bg_btn3_hover.png) repeat-x;  color:#000; }
.btn_submit2         { border:1px solid #222; padding:0 10px; line-height:30px; height:30px;  background: url(../images/bg_btn2.png) repeat-x; color:#333; font-weight:normal; cursor:pointer; }
.btn_submit2:hover   { background:none; background: url(../images/bg_btn2_hover.png) repeat-x;  color:#000; }
.btn_submit         { border:1px solid #54683E; padding:0 10px; line-height:30px; height:30px;  background: url(../images/bg_btn.png) repeat-x; color:#fff; font-weight:normal; cursor:pointer; }
.btn_submit:hover   { background:none; background-color:#DBF2C5; color:#2C4612; }
.btn_logout         { border:1px solid #000; height:30px; padding:0 10px; margin-bottom:1px; line-height:30px; background: url(../images/bg_btnlogout.png) repeat-x;  color:#fff; font-weight:normal; font-variant: small-caps; cursor:pointer; }
.btn_logout:hover   { background:none; background-color:#900D0E; color:#fff; }
.btn_letter         { width:24px; height:24px; background: url(../images/icons/icon_letter.png) no-repeat 0% 0%; color:#54683E; border:0; font-weight:bold; font-size:90%; cursor:pointer; padding-bottom:3px; }
.btn_letter:hover   { background: url(../images/icons/icon_letter_selected.png) no-repeat 0% 0%; color:#fff; border:0; }
.btn_go             { width:20px; height:20px; background: url(../images/icons/icon_go.png) no-repeat 0% 0%; border:0; cursor:pointer; }
.btn_go:hover       { background: url(../images/icons/icon_go.png) no-repeat 0% 0%; border:0; }
.btn_adebar         { width:160px; height:25px; background: url(../images/icons/btn_adebar.png) no-repeat 0% 0%; color:#54683E; padding:2px 5px 5px 4px; font-weight:bold; font-size:85%; border:0; text-align:left; cursor:pointer; }
.btn_adebar:hover   { background: url(../images/icons/btn_adebar_hover.png) no-repeat 0% 0%; border:0; color:#fff; }


input, option, textarea     { border:1px solid #c8c8c8;  padding:1px 5px; font-size:95%; background-color:#efefef; color:#222222; font-weight:bold; }
input.widthSmall    { width:62px; height:20px; }
input.widthMedium   { width:170px; height:20px; }
input.widthLarge    { width:400px; height:20px; }
textarea.widthLarge { width:400px; height:150px; font: 10pt/1.3em "Trebuchet MS", verdana, arial, sans-serif; }
select.widthLarge   { width:310px; padding:3px 5px; color:#377d9e; font-weight:bold; }
select.widthSmall   { width:100px; padding:3px 5px; color:#377d9e; font-weight:bold; }
select.widthMini    { width:55px; padding:3px 5px; color:#377d9e; font-weight:bold; }
option              { border:0; font-size:95%; color:#214B5F; font-weight:normal; }

/* box */
.box		     { position:relative; width:17em; height:auto; background: transparent url(./../images/icons/box_bottomleft.gif) no-repeat left bottom; }
.box_outer     { background: url(./../images/icons/box_bottomright.gif) no-repeat right bottom; padding-bottom: 1.5em; }
.box_inner     { background: url(./../images/icons/box_topleft.gif) no-repeat left top; }
.box p.first   { background: url(./../images/icons/box_topright.gif) no-repeat right top; padding-top:10px; font-size:100%; font-weight:bold; font-size:125%; margin-left:-5px;}
.box p         { padding-left: 1.5em; padding-right: 1.5em; }
.box .close    { position:absolute; top:5px; right:10px; width: 20px; height:20px; z-index:10; cursor:pointer; }
.fade     { color:#bea976; font-size:90%; }
.box .icon_ok  { float:right; margin:-15px 5px 5px 5px; border:0; cursor:pointer; }
.box label     { width:35%; float:left; font-weight: bold; }

.board { width:100%; margin-top:1.5em; margin-bottom:1.5em; border:1px solid #c4d0cc; font-weight:normal; font-size:90%; position:relative; }
.boardicon  { position:absolute; top:0; right:0; width:25px; border:0 !important; cursor:pointer; }	 
.board label { width: 20%; float:left; }
.board p     { clear:both; padding:0em 0.5em 0em 8px; /*color:#89A199;*/ }
.board img { border:1px solid #333; float:left; margin-right:1.5em; }

.news { clear:both; float:none; width:100%; height:auto; margin-top:1.5em; margin-bottom:1.5em; font-weight:normal;  position:relative; }
.newsicon  { position:absolute; top:0; right:0; width:25px; border:0 !important; cursor:pointer; }	 
.news h2 { line-height:150%; }
.news h2.date { position:relative; font-size: 130%; color:#a9b39e; padding-bottom:0.25em; border-bottom:1px solid #a9b39e; margin-bottom:0.75em;}
.news p     { clear:both; line-height:150%; padding:0em 0.5em 0em 0em;}
.news img { border:1px solid #333; float:left; margin-right:1.5em; }


/* 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:1em; left:2em; width:34em; border:1px solid #666; 
	 padding: 5px; background-color:#FFFFCC; color:#000; font-weight:normal; font-size:100%; line-height:130%;}

.tooltip {
    background-color:#ffffff;
    color:#333333;
    font-weight:bold;
    line-height:20px;
    padding:0 10px;
    width:250px;
    border:1px #333333 solid;
  }
  
a.tooltip_ { background:none; padding-left:0; position:relative; z-index:504; cursor:pointer; }
a.tooltip_:hover {z-index:505; }
a.tooltip_ span  {display: none; }
a.tooltip_:hover span{ display:block;
    position:absolute; top:-60px; left:4px;
    background-color:#ffffff;
    color:#333333;
    font-weight:bold;
    line-height:20px;
    padding:0 10px;
    width:160px;
    border:1px #333333 solid;}

table { border-collapse: collapse; font-size: 95%; }
th { line-height:150%; background-color:#DBF2C5; border-bottom:1px solid #8EAA6F; padding:5px;}
td { vertical-align: top; padding:3px 5px;}