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

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

{ CSS-Eigenschaften } sind alphabetisch sortiert

*/


/* BASICS // html-tags */


* { font-size: 100% } /* entspricht standardmaessig 16px  */

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

img { border: none }

h1 { margin: 0 0 15px 0; } /* wird nur versteckt genutzt mit .hide */

h2 { border-top: 1px dotted #65ab3d; border-bottom: 1px dotted #65ab3d; color: #666; font-size: 200%; 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: #65ab3d; color: #fff; font-size: 50%; font-weight: normal; padding: 0.3em; text-transform: uppercase }

h3 { border-bottom: 1px dotted #65ab3d; color: #65ab3d; font-size: 133.33%; 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 { margin: 15px 5px 0 10px; }

.hinweis { background: url(../img/misc/p_info.jpg) left top no-repeat; border: 1px solid #65ab3d; padding: 1em; text-indent: 25px; }

.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: line-through }

.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 {  position: absolute; top: -1000em; left: -1000em; }

/* LAYOUT */

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

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

#n1 #wrapper_outside { background: url(../img/layout/bg_wrapper_start.jpg) top center no-repeat; }

#n2 #wrapper_outside { background: url(../img/layout/bg_wrapper_web.jpg) top center no-repeat; }

#n3 #wrapper_outside { background: url(../img/layout/bg_wrapper_graf.jpg) top center no-repeat; }

#n4 #wrapper_outside { background: url(../img/layout/bg_wrapper_ref.jpg) top center no-repeat; }

#n5 #wrapper_outside { background: url(../img/layout/bg_wrapper_contact.jpg) top center no-repeat; }


#wrapper {  width: 900px; margin: 0 auto; padding: 0 }


#hauptnavi { float: left; margin: 0; padding: 0 100px 0 100px; width: 700px; }

#hauptnavi ul { display: inline; list-style-type: none; margin: 0; padding: 0; }

#hauptnavi ul li  { float: left; display: inline }

#hauptnavi ul li a { color: #666; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 170%; font-weight: 500; height: 45px; padding: 55px 0 0 10px; margin: 0; width: 130px; text-align: left;  }

#hauptnavi ul li a:visited {  }

#hauptnavi ul li a:hover { background: url(../img/navigation/bg_navi_hv.gif) top center no-repeat }

#hauptnavi ul li a:focus {  }

#hauptnavi ul li a.aktiv { background: url(../img/navigation/bg_navi_hv.gif) top center no-repeat; color: #df0079 }

.navitem01 { background: url(../img/navigation/bg_navi.gif) top center no-repeat }

.navitem02 { background: url(../img/navigation/bg_navi.gif) top center no-repeat }

.navitem03 { background: url(../img/navigation/bg_navi.gif) top center no-repeat }

.navitem04 { background: url(../img/navigation/bg_navi.gif) top center no-repeat }

.navitem05 { background: url(../img/navigation/bg_navi.gif) top center no-repeat }


#subnavi { background: #fff url(../img/layout/bg_maincol.jpg) repeat-y; margin: 0; padding: 0 0 25px 0; width: 900px; }

#subnavi ul { background: url(../img/layout/bg_maincol.jpg) repeat-y; display: inline; list-style-type: none; margin: 0; padding: 0; }

#subnavi ul li { display: inline; margin: 0; padding: 0 }

#subnavi ul li a, #subnavi ul li a:active { background: #666; border-bottom: 1px solid #fff; color: #fff; display: block; line-height: 30px; padding: 0 0 0 100px; width: 800px }

#subnavi ul li a:hover { background: #666 url(../img/navigation/bg_sub_aktiv.gif) left top no-repeat; color: #fff; font-weight: bold }

#subnavi ul li a:focus {  background: #333; color: #fff; }

#subnavi ul li a.aktiv { background: #666 url(../img/navigation/bg_sub_aktiv.gif) left top no-repeat; color: #fff; font-weight: bold }


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

#footer { background: url(../img/layout/bg_footer.jpg) top no-repeat; clear: both; height: 250px; margin: 0; padding: 0;  }


/* MAINCONTENT KONTAKT*/

#map { border: 20px solid silver; height: 300px; width: 660px;  }

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


/* TABELLEN */

table { margin-bottom: 20px; }

table h4 { color: #666; font-size: 116.67%; 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 }