body {background: #aaa;}
body#home { background: #003a84 url('/images/eu.png') center 110px no-repeat; }
body#home .container { background: #fff url('/images/eu_body.png') center repeat-y; }
body#home #footer { height: 15px; background: #0c276e url('/images/eu_footer.png') top no-repeat; }

.container { position: relative; padding: 0 0 0 0; color: #111; background: #eee url('/images/body.png') center repeat-y; }
/*  url('blueprint/lib/grid.png'); */
#header { position: relative; width: 100%; margin: 0 0 0 0; height: 108px; background: #fff url('/images/thurgau.png') bottom repeat-x; }
#header h1 { margin: 0 20px; color: #111; position: absolute; top: 27px; }
#header a { color: #111; text-decoration: none; }
#header #login { position: absolute; top: 65px;left: 22px;}

#footer { clear: both; height: 30px; background: #888 url('/images/footer.png') top no-repeat; margin: 0;}


/* ESP Goals List
------------------------------------------------------------- */

#esp_goals, #goals { padding: 89px 5px 0 0; height: 685px; width: 615px; overflow-y: scroll;  }

#esp_goals ul, #goals ul { margin: 0 0 0 0; list-style: none;  margin-right: 0px; width: 590px; }
#esp_goals ul li, #goals ul li { position: relative; padding: 0 0 18px 0; margin: 0 0 18px 0; color: #333; font-weight: bold; 
  background: #fff333 url('/images/bottom.png') bottom no-repeat; }

#esp_goals ul div.esp_goal, #goals ul div.goal { background: #33ad33 url('/images/top.png') top no-repeat; }

#esp_goals table, #goals ul table           { margin-bottom: 0; padding-bottom: 18px; width: 100%; background-image: url('/images/border_eee_2.png');
 background-position: bottom; background-repeat: repeat-x; }
#esp_goals td, #goals ul td                 { border-bottom: none; }
#esp_goals th,td, #goals ul th,td          { padding: 15px 10px 5px 15px; font-weight: bold; }
#esp_goals td.level, #goals ul td.level    { width: 42px;  border: none; font-weight: bold; vertical-align: top; }
#esp_goals td.goal,  #goals ul td.goal     { font-weight: bold; border: none; padding-right: 50px; }

#esp_goals td.level input.text, #goals ul td.level input.text { width: 30px; margin-right: 0;}
#esp_goals td.goal textarea, #goals ul td.goal textarea { width: 420px; height: 42px; margin:0.5em 0.5em 0.5em 0; }

#esp_goals .inplace_edit { position: absolute;  right: 10px; top: 9px; }

#esp_goals li .count, #goals ul li .count {display: block; position: absolute; top: 9px; right: 12px; }
#esp_goals li span.links a, #goals ul li span.links a { text-decoration: none; display: block; margin: 0 5px 0 0; color: #eee; display: block; position: absolute; top: 32px; right: 4px;
  width: 34px; height: 18px; background: url('/images/button_small_blue.png') center 1px no-repeat; text-align: center; font-size: 12px; line-height: 18px;}
#esp_goals li span.links a:hover, #goals ul li span.links a:hover { text-decoration: none; background: url('/images/button_small_on.png') center 1px no-repeat;}


/* Nested Tables in for Descriptors
------------------------------------------------------------- */

#esp_goals table.descriptors, #goals table.descriptors { margin: 0; padding: 0; background: none; }
#esp_goals table.descriptors th, #goals table.descriptors th { padding: 0; border: none; background: #f1f1f1;  font-weight: normal; }
#esp_goals table.descriptors td, #goals table.descriptors td { padding: 0; border: none;  font-weight: normal; }
#esp_goals table.descriptors td.label, #goals table.descriptors td.label { width: 42px; font-weight: bold; vertical-align: top;}
#esp_goals table.descriptors td.content, #goals table.descriptors td.content { width: 300px; }
#esp_goals table.descriptors td.edit { padding-top: 2px; }
#esp_goals table.descriptors tr.spacer td, #goals table.descriptors tr.spacer td { background: none; }

#esp_goals table.descriptors table, #goals table.descriptors table { margin: 0; padding: 0; background: none; }
#esp_goals table.descriptors table th, #goals table.descriptors table th {  padding: 0 15px; background: #f1f1f1 url('/images/border_eee_2.png') bottom repeat-x;}
#esp_goals table.descriptors table td, #goals table.descriptors table td { padding: 0 15px; }
#esp_goals table.descriptors table td {border: none; background: url('/images/border_eee_1.png') bottom repeat-x;}
#esp_goals table.descriptors table tr.spacer td, #goals table.descriptors table tr.spacer td { background: none; }

#esp_goals table.descriptors td input, #goals table.descriptors td input { margin: 3px 3px 3px 0;}
#esp_goals table td submit, #goals table td submit { padding: 10px 0; }
#esp_goals table td textarea, #goals table td textarea { width: 420px; height: 42px; margin: 3px 3px 3px 0; }

#esp_goals table tr.page input, #goals table tr.page input { width: 42px; }
#esp_goals table.descriptors table .inplace_edit, 
#goals table.descriptors table .inplace_edit { float: right; position: static; margin-right: 12px; }

#goals table.descriptors th { padding: 0 15px; background: #f1f1f1 url('/images/border_eee_2.png') bottom repeat-x; }
#goals table.descriptors td { padding: 0 15px; background: url('/images/border_eee_1.png') bottom repeat-x; }

#goals table.descriptors td.niveau, #esp_goals table.descriptors td.niveau { text-transform: lowercase; }

/* Checkbox filtering system
------------------------------------------------------------- */

#esp_types h2 { margin-bottom: 0; }
#esp_books h2 { margin-bottom: 0; }
#esp_types form { margin: 0; padding: 0; }

#esp_books { margin-top: 18px; }
#esp_types { margin-top: 18px; }

#esp_types fieldset, #esp_books fieldset { border: none; padding: 0 0 1.5em 0; width: 270px; 
   background: #92d6f5 url('/images/side_bottom.png') bottom no-repeat;}
#esp_types h3, #esp_books h3 { padding: 0 0.5em; line-height: 1.889em; border-bottom: 2px solid #eee;  color: #f7e42e;
  background: transparent url('/images/side_header.png') top no-repeat;}

#esp_types table, #esp_books table { margin: 0 0 0 0; width: 100%; }
#esp_types table td, #esp_books table td { margin: 0; padding: 0 0.5em; border: none; background: url('/images/border_eee_1.png') bottom repeat-x;}
#esp_types table tr, #esp_books table tr { margin: 0; padding: 0; } 

#levels table td.checkbox { width: 6em; }


/* Search Form
------------------------------------------------------------- */

#search { margin: 0; }
#search label { display: none; }
#search input.text { width: 258px; border: 1px solid #777; }


/* Headers
------------------------------------------------------------- */

h4 {font-size: 1em; color: white; font-weight: bold; margin: 0 0 0 0;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 2em; margin-bottom: 0; }
/* h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } */
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

#filter h3 a { color: #f7e42e; text-decoration: none; }
#filter h3 a:hover { color: #f7e42e; text-decoration: underline; }


/* Links
------------------------------------------------------------- */

a {color: #002f2f;}
a:hover {color: #002f2f; text-decoration: underline;}
a:focus {-moz-outline-style: none}


/* Misc little things not covered by Blueprint
------------------------------------------------------------- */

form p {margin: 0;}
hr.clearfix {height: 0px; margin: 0 0 0 0; }



/* Buttons that are no longer used 
------------------------------------------------------------- */



dl ul {margin: 0; list-style: none;}
dl li {margin: 0;}

.admin label {display: block;}

ul#admin_nav { position: absolute; top: -38px; right: 15px; margin: 0; }
ul#admin_nav li { display: inline; margin-right: 5px;}
#admin_nav a { color: #111; text-decoration: none;}
#header a:hover, #admin_nav a:hover { color: #8eb5c1;}

#thurgau_logo { position: absolute; top: -108px; right: 0; }


/* Styles for Comatose CMS Pages
------------------------------------------------------------- */

#page { margin-top: 18px; }
#titel_bild { margin: 0 -30px 0 -30px; } 


#loading { height: 54px; width: 54px; position: absolute; top: 300px; left: 448px; 
  background-image: url('/images/loader.png'); background-position: center center; background-repeat: no-repeat; }     
#loading #spinner { height: 54px; width: 54px; background: url('/images/spinner.gif') center center no-repeat; }