/******************************************************
Basic Stylesheet

author: viktoriya levenko
email: vlevenko@yahoo.com
website: http://www.bildwechsel.org
datum: 29. märz 2010

1. GLOBALS
2. WRAPPER
3. HEADER
4. NAVIGATION
5. MAIN CONTENT
6. FOOTER
*****************************************************/

/********** 1. GlOBALS **********/

html, body { 
   height: 100.1%;
   width: 100%;
}

body {
   background: #1a5172 url(../images/design/bg.gif) repeat scroll top left;
   font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;/*Nimbus Sans L – für Linux*/
   font-size: 62.5%;  /********** Standardschriftgröße auf 10px gesetzt **********/
   margin: 0;
   text-align: center;  /********** Zentrierung im Internet Explorer IE 5.01 & 5.5 - IE missversteht text-align: center, positioniert zentriert alles und nicht nur text **********/
}

p, #mainContent ul {
   font-size: 1.4em;
   letter-spacing: .03em;
   line-height: 1.4em;
}

h1, h2, h3, h4 {
   color: #91402a;
   font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;/*Century Schoolbook L – für Linux*/
}

h2 {
   font-size: 2.3em;
   margin: 0;
   padding-bottom: .5em;
}

h3 {
   color: #1a5172;
   font-size: 1.8em;
   margin-top: 1em;
   padding-left: 0;
}

h4 {
   color: #1a5172;
   font-size: 1.4em;
   margin-top: 1em;
   padding-left: 0;
}


.nav li a:focus, .nav li#current a:focus, .nav .mainNav a:focus, #mainNavCurrent a:focus, #header ul a:focus#curLang, #header ul li a:focus, #header a:focus, #mainContent p a:focus, #footer p a:focus, #mainContent a:focus img {
   background-color: #fff;
   color: #ef5c16;
   outline: .2em solid #ef5c16;
}

a img {
   border: none;
   padding: 0;
}

abbr {
   cursor: help;
}

em, bold {
   color: #91402a;
}

bold {
   font-weight: bold;
}
/********** 2. WRAPPER **********/

#wrapper, .nav li  {
   background-color: #fff;
}

#wrapper  {
   border-color: #ccc;
   border-style: double;
   border-width: 0 .3em .3em;
   height: auto !important;
   margin: 0 auto 5em;  /********** standardkonforme horizontale Zentrierung **********/
   text-align: left; /********** Seiteninhalt wieder links ausrichten **********/
   width: 76em;
}

/********** 3. HEADER **********/

#header {
   background: transparent url(../images/design/header.gif) no-repeat scroll bottom center;
   border-bottom: .1em dashed #ccc;
   height: 8em;
   margin: 0 1em;
}

#header h1 {
   display: inline;
   float: left;
   margin: 0;
   padding: 0;
}

#header ul {/*ungeordnete Liste als Navigation*/
   margin: 0;
   padding-top: .5em;
   text-align: right;
}

#header ul li {
   display: inline;
   font-size: 1.2em;
   letter-spacing: .025em;
   list-style-type:none;/*Die Aufzählungszeichen werden entfernt*/
   padding-left: .3em;
}

#header ul a:link, #header ul a:visited {
   color: #1a5172;
}

#header ul a:hover, #header ul a:active {
   color: #ef5c16;
   text-decoration: underline;
}

#header ul a#curLang {
   background-color: #1a5172;
   color: #fff;
   cursor: default;
   padding: .3em .4em;
}

#styleswitcher ul a:link, #stylswitcher ul a:visited {
   color: #1a5172;
}

#styleswitcher ul a:hover, #stylswitcher ul a:active {
   border-top: .4em solid #ef5c16;
}

#styleswitcher {/*  Wenn JavaScript ist deaktiviert*/
   display: none;
}

.js #styleswitcher {/*  Wenn JavaScript ist aktiviert*/
   display: inline;
   text-align: right;
}

#styleswitcher ul {
   padding: .5em 0 0;
   margin: 0;
}

#styleswitcher p {
   color: #91402a;
   font-weight: normal;
   font-size: 1.2em;
   letter-spacing: .025em;
   margin: 0;
   padding: 1.5em 0 0;
   text-align: right;
}
/********** 4. NAVIGATION **********/

#navCol1, #navCol2 {
   margin: 0;
   padding: 3em .5em;
   width: 15em;
}

#navCol1 {/*Navigation Links*/
   float: left;
}

#navCol2 {/*Navigation Rechts*/
   float: right;
}

.nav {/*Navigationsboxen*/
   font-weight: normal;
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: auto;
}

ul.nav {/* Abstand zwischen Navigationsboxen */
   margin-bottom: 2em;
} 

.nav li {
   font-size: 1.4em;
   letter-spacing: .005em;
   padding: .3em;/*Blockhöhe*/
   position: relative;
}

.nav a {
   display: block;
   text-decoration: none;
}

.nav a:link, .nav a:visited {
   border-bottom: 1px dotted #1a5172;
   color: #1a5172;
}

.nav a:hover, .nav a:active {
   border-bottom: 1px solid #ef5c16;
   color: #ef5c16;
}

.nav #current a, #mainNavCurrent a {
   border-bottom: 1px solid #91402a;
   color: #91402a;
   cursor: default;
   font-weight: bold;
}

li.mainNav, li#mainNavCurrent {
   font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;
   font-size: 1.6em;
   letter-spacing: .05em;
   text-align: center;
}

.mainNav a:link, .mainNav a:visited {
   color: #1a5172;
}

.mainNav a:hover, .mainNav a:active {
   color: #ef5c16;
}

#archives, #infos, #home, #networks, #projects {
   display: block;
   padding-top: 3.2em;
}

a#archives {
   background: url(../images/design/archive_icon.gif) no-repeat scroll center top;
}

a#infos {
   background: url(../images/design/infos_icon.gif) no-repeat scroll center top;
}

a#home {
   background: url(../images/design/home_icon.gif) no-repeat scroll center top;
}

a#networks {
   background: url(../images/design/netzwerke_icon.gif) no-repeat scroll center top;
}

a#projects {
   background: url(../images/design/projekte_icon.gif) no-repeat scroll center top;
}

#skiplink {/*Sprungmarke*/
   text-align: right;
}

a#skiplink {
   background: transparent url(../images/design/up.gif) no-repeat scroll top right;
   margin: 0;
   padding-right: .8em;
}

a#skiplink:hover {
   background: transparent url(../images/design/up_hov.gif) no-repeat scroll top right;
}

/*h4 {
   font-size: 1em;
   font-weight: normal;
   margin: 0;
}*/

/********** 5. MAIN CONTENT **********/

#mainContent {
   background: #fff url(../images/design/footer.gif) no-repeat scroll bottom center;
   border-right: .1em dotted #ccc;
   border-left: .1em dotted #ccc;
   margin: 0 16em;
   padding: 3em 1em;
}

* html #mainContent {/*Clearfix für IE6*/
   height: 1%;
   height: 72em;
}

*:first-child+html #mainContent {/*Clearfix für IE7*/
  min-height: 72em;
}

#mainContent:after {/*Clearfix für moderne Browser*/
   clear: both;
   content: " ";
   display: block;
   height: 0;
   font-size: 0;
}

a.extlink {/*Externe Links*/
   background: transparent url(../images/design/link.gif) no-repeat scroll center right;
   margin: 0;
   padding-right: .8em;
}

a.extlink:hover {
   background: transparent url(../images/design/link_hov.gif) no-repeat scroll center right;
}

#mainContent a, #header a {
   text-decoration: none;
}

#mainContent a:link, #mainContent a:visited {
   border-bottom: 1px dotted #1a5172;
   color: #1a5172;
}

#mainContent a:hover, #mainContent a:active {
   border-bottom: 1px solid #ef5c16;
   color: #ef5c16;
}

#mainContent .thumb a:link, #mainContent .thumb a:visited, #mainContent .thumb a:hover, #mainContent .thumb a:active, #mainContent .img a:link, #mainContent .img a:visited, #mainContent .img a:hover, #mainContent .img a:active {/*Ausblendung von Unterstreichung bei Grafiken, die als Verweise dienen*/
   border: 0;
}

#mainContent ul {
   list-style:none;
   margin: 0;
   padding: 0;
}

#mainContent li {
   background: url(../images/design/list.gif) no-repeat scroll top left;/*Die gleiche Position vom Aufzählungszeichen in alle Browsern*/
   margin-bottom: .5em;
   padding-left: 1.3em;
}

#pageImg {/*Hauptbild des Inhaltsbereichs*/
   display: block;
   float: right;
   margin: 1.5em auto;
   overflow: hidden;
   padding-left: .5em;
}

.caption {/*Bildbeschriftung*/
   color: #1a5172;
   font-size: 1.3em;
   margin-top: .5em;
   text-align: center;
}

.center {
   margin: 0 auto;
   text-align: center;
}

.clearLeft {
   clear: left;
}

.img {
   margin: 0 auto;
   text-align: center;
   width: 38em;
}

.thumb, .img {
   border: .1em solid #91402a;   
   padding: .5em;
}

.thumb {
   display: block;
   float: left;
   margin-bottom: 1em;
   margin-right: 1em;
}

.hidden {/*Versteckte Elemente*/
   display: inline;
   font-size: 0;
   height: 0;
   left: -9999em;
   overflow: hidden;
   position: absolute;
   top: -9999em;
   width: 0;
}

.lang {
   font-size: 1.2em;
   text-align: right;
}

.right {
   text-align: right;
}

.video {
   height: 32em;
   width: 40em;
}

/********** 6. FOOTER **********/

#footer {
   border-top: .1em dashed #ccc;
   clear: both;/*Die Fußzeile wird unter den gefloateten Spalten angezeigt*/
   margin: 0 1em;
   padding: 1em;
}

#footer p {
   font-size: 1.2em;
   line-height: 1.75em;
   margin: 0;
   text-align: center;
}

#footer a:link, #footer a:visited {
   color: #1a5172;
}

#footer a:hover, #footer  a:active {
   color: #ef5c16;
}

h3.kal {
    margin-top: 80px;    
}

#abbinder h2 {color: #e84118}

#abbinder p {
    font-size: 16px;
    color: #000;
font-weight: 500;}

#abbinder .highlight {color: #e84118}