@charset "UTF-8";
/* CSS Document 

fullscreen, Buero fuer neue Medien
Website 2009 | Version 1.0
Mai 2009
Autor: Stefanie Corteyn

{ CSS-Eigenschaften } sind alphabetisch sortiert

*/


/* BASICS // html-tags */


* { font-size: 12pt } /* entspricht standardmaessig 16px  */

body { background: #666 url(../img/layout/bg_body.jpg) top repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; } /* font-size in Body & Children: 12px  */

img { border: none }

h1 {  } /* wird nur versteckt genutzt mit .hide */

h2 { border-top: 1px dotted #65ab3d; border-bottom: 1px dotted #65ab3d; color: #666; font-size: 24pt; font-weight: lighter; line-height: 1em; margin: 0 0 15px 0; padding: 0.8em 0 0.8em 0; text-transform: uppercase } /* entspricht 24px  */

h2 span { background: #fff; color: #fff; font-size: 12pt; font-weight: normal; padding: 0; text-transform: uppercase }

h3 { border-bottom: 1px dotted #65ab3d; color: #65ab3d; font-size: 14pt; font-weight: 500; line-height: 1em; padding: 0.8em 0 0.5em 0; margin: 15px 0; text-transform: uppercase } /* entspricht 16px  */

h3 a { color: #65ab3d }

h3 a:hover { background: #65ab3d; color: #fff }

h4 { color: #666; font-size: 116.67%; font-weight: 500; line-height: 1em; margin: 0 0 15px 0; } /* entspricht 14px  */

dl { margin: 0 0 15px 0; padding: 0; width: 700px }

dt { background: url(../img/misc/bg_ref_header.gif) left center no-repeat; clear: left; color: #666; font-weight: bold; margin-bottom: 15px; padding: 0.3em 0; text-indent: 15px; text-transform: uppercase; width: 700px }

dd { float: left; margin: 0 0 25px 0; padding: 0; width: 700px }

ul { list-style: inside circle; margin: 0; padding: 0 }

ol { list-style: inside decimal; margin: 0; padding: 0 }

address { background: url(../img/misc/brieftaube.gif) center no-repeat }


/* GLOBAL CLASSES */

.clr { clear: both; }

.hide { display: none }

.img_margin_right { float: left; margin: 0 15px 0 0 }

.img_margin_left { float: right; margin: 0 0 0 15px }

.valid { display: none; }

.hinweis { border: 1px solid #65ab3d; padding: 1em; }

.tooltip { background: url(../img/navigation/link_tooltip.gif) right no-repeat; border-bottom: 1px dotted #ccc; color: #666; font-style: italic; padding: 2px 15px 2px 2px; }

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none }

a:focus { text-decoration: none; }

a.intern { background: url(../img/navigation/link_intern.gif) left no-repeat; border-bottom: 1px dotted #ccc; color: #666;  padding: 2px 2px 2px 15px; }

a.extern, li a.extern { background: url(../img/navigation/link_extern.gif) left no-repeat; border-bottom: 1px dotted #ccc; color: #666; padding: 2px 2px 2px 15px; }

a.extern:visited, li a.extern:visited { background: url(../img/navigation/link_extern.gif) left no-repeat; border-bottom: 1px dotted #ccc; color: #666;  padding: 2px 2px 2px 15px; text-decoration: none }

.refimg { background: #f2f2f2; border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc; float: left; margin-right: 15px; padding: 0.5em  0.5em 1.6em 0.5em }

.refimg:hover { background: #65ab3d; border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc; float: left; margin-right: 15px; padding: 0.5em  0.5em 1.6em 0.5em }

.cccborder { border: 1px solid #ccc }

/* ACCESSIBILITY */

#skiplinks { display: none }

/* LAYOUT */

#logo { position: absolute; top: 0; padding: 0; left: 0;}

#wrapper_outside { padding: 200px 0 0 0; width: 100%; }



#wrapper {  width: 100%; margin: 0 auto; padding: 0 }


#hauptnavi { display: none; }


#subnavi { display: none; }



#maincol { background: #fff url(../img/layout/bg_maincol.jpg) repeat-y; color: #333; float: left; line-height: 1.6em; margin: 0; padding: 0; width: 100%; }

#footer { display: none;  }


/* MAINCONTENT KONTAKT*/

#map { display: none;  }

#route1, #route2 { display: none }

p.kontaktdaten { background: url(../img/misc/brieftaube.gif) top center no-repeat; }


/* TABELLEN */

table { margin-bottom: 20px; }

table h4 { color: #666; font-size: 14pt; font-weight: 500; line-height: 1em; margin: 0 0 5px 0; padding: 0 10px; }

td.dreispalter { background: #f2f2f2; margin-right: 1px; padding: 10px; text-align: left; width: 32%; vertical-align: top;  }

td.vierspalter { background: #f2f2f2; margin-right: 1px; padding: 10px; text-align: left; width: 24%; vertical-align: top;  }

th { background: #f2f2f2 url(../img/misc/bg_th.jpg) center right no-repeat; height: 50px; text-align: left; vertical-align: middle }