@charset "UTF-8";
/* =========================================================
Basic-Stylesheet

Projectname: longua.org

Media: screen
Date: 27. Februar 2009
Author: Andreas M. Helge
Web: www.formspiel.de
Colours: CD: #758ba4; Text: #70859e; hover: #586582; link: #5d6d4c;

========================================================== */

@import 'fsp-reset.css';
@import 'navigation.css';

body {font-family: Corbel, Arial, Verdana, sans-serif; font-size: 15px; line-height: 20px; color: #333; background-color: #333; }
h1 {font: bold 24px/18px Cambria, Times, "Times New Roman", serif; color: #114493; padding: 6px 0 12px 0px; margin-bottom: 6px;}
h1 span {font-size: 12px; font-style: italic; font-weight: normal; color: #333;}
h2 {font: bold 17px/18px Cambria, Times, "Times New Roman", serif; color: #114493; margin: 12px 0 6px 0;}
h3 {font: bold 15px/18px Corbel, Arial, Verdana, sans-serif; margin: 6px 0 0 0;}
p {margin-bottom: 6px;}
p.tiny {font-size: 9pt;}
p.todo {color: green;}

codepage {936;}

acronym {color: #5d6d4c;}
acronym:hover {color: #013c70;}
em {font-size: 0.9em;}
abbr {border-bottom: 1px dotted #ccc; cursor: pointer;}

.support {z-index: 10; color: red; font-weight: bold; padding: 5px; border: 1px solid red; background-color: #e4e4e4;}

img {border: none;}
img.flag {margin: 9px 6px 0 0;}
hr {border: 0px; border-top:solid #787878 1px; /*FF Opera*/ border-bottom: solid 1px #FFFFFF;/*IE*/ margin: 10px 0 5px 0;}

a:link, a:visited {color:#465a4c; text-decoration: underline;}
a:hover, a:active {color:#013c70; text-decoration: underline;}

.left {float: left;}
.imgLeft {float: left; margin: 0 10px 10px 0}
.right {float: right;}
.clear {clear: left;}

ul {margin-bottom: 12px;}
ul li {padding-left: 18px; background: url(images/bgr_li-1.gif) 1px 3px no-repeat;}

ul#anchorNavi {}
ul#anchorNavi li {float: left; list-style-type: none; background-image: none; background-color: #e4e4e4; padding: 4px 12px 0px 12px; margin: 0 6px 6px 0; border: 1px solid silver;}
ul#anchorNavi li a {text-decoration: none;}

dl {}
dt {font-weight: bold;}
dt em {color: #666;}
dd {margin-bottom: 12px;}

table {margin: 10px 0;}
table, td, th {border: 1px solid #ccc;}
tfoot tr td {font-size: 13px; font-style: italic;}
tbody td:hover {background-color: #f3f3f3;}
td, th {width: 155px; padding: 1px 5px;}
td {text-align: center;}
tr.gap {border-bottom: 3px solid #ccc;}
th.long {width: 400px;}

/* layout */
#header, #container, .support {width: 846px; position: absolute; left: 50%; right: auto; bottom: auto; margin-left: -430px;}

#header {width: 858px; top: 0px; height: 242px; line-height: 0; background: #333 url(images/longua_header.jpg);}
#languages {margin: 206px 16px 0 6px; height: 30px; padding-left: 12px;}

#container {top: 236px; background: #fff url(images/bgr_gradient.jpg) bottom repeat-x; border: 6px solid #fff;}
#leftColumn {float: left; width: 168px; margin-right: 12px;}
  #classifieds {margin-top: 36px; border: 6px solid #f6f6f6; padding: 6px; text-align: center;}

#cntWrapper {float: left; width: 666px; padding-bottom: 24px;}
  .teaser {float: left; position: relative; margin:0 6px 12px 0; width: 192px; min-height: 276px; background-color: #007aba; padding: 12px; color: #fff;}
  .teaser h2 {padding: 2px 0; margin: 0 0 20px 0; color: #fff;}
  span.teaserLink {position: absolute; bottom: 0px; right: 0px;}
  #china {background: #007aba url(images/bgr_teaser_1.jpg) no-repeat left top;}
  #china:hover {background: #006ea7 url(images/bgr_teaser_1.jpg) no-repeat right top;}
  #translation {background: #007aba url(images/bgr_teaser_2.jpg) no-repeat left top;}
  #translation:hover {background: #006ea7 url(images/bgr_teaser_2.jpg) no-repeat right top;}
  #culture {background: #007aba url(images/bgr_teaser_3.jpg) no-repeat left top;}
  #culture:hover {background: #006ea7 url(images/bgr_teaser_3.jpg) no-repeat right top;}
  
  div.photo {float: left; width: 160px; height: 260px; text-align: center; line-height: 12px;}
  div.border {margin-right: 6px;}
  div.photo img {margin-bottom: 6px;}
  div.photo .photoname {margin-bottom: 1px;}
  div.photo .nameInfo {font-size: 12px; font-style: italic;}

#footer {height: 36px; line-height: 36px; text-align: right; padding-right: 6px; border-top: 6px solid #fff; background: #114493 url(images/bgr_footer.jpg);}
#footer a {color: #f3f3f3; font-size: 0.8em; text-decoration: none;}

label {float: left; width: 50px;}