body {
	margin: 0;
	padding: 0;
	background: #999966 url("sunset-style-graf/hintergrund.gif") repeat top left fixed;


}

/* ==========================================
Der Container ===============================*/
#container
{
width: 600px;
margin: 15px auto;
background-color: #F2BC78;
border: 3px solid #912620;

}

/* ==========================================
Der Header   ===============================*/

#header
{
padding:0px;
background-color: #FFFFFF;
border-bottom: 3px solid black;
background:url("sunset-style-graf/sunset-header.jpg") no-repeat;
height: 150px;
}


/* ==========================================
Der Inhaltcontainer allgemein ===============================*/
#inhalt-container
{
float: left;
width: 439px;
margin: 0;
padding: 0px;
border-right: 1px solid #912620;
line-height: 130%;
background-color: #F2BC78;
}





.artikel .summary, .news .summary
{
background:url("sunset-style-graf/summary-graf.gif") no-repeat 0px 0px;
float:right;
width:200px;
margin: 12px 5px 10px 10px;
background-color: #DEDAD4;
padding: 16px 4px 4px 4px;
border: 1px solid #912620;
font-family: Arial, Verdana, sans-serif;
font-size: 9pt;
color:#000000;
line-height:120%;
text-align:justify;
}


.artikel .bild-klein, .news .bild-klein, .wort .bild-klein, #leadtext .bild-klein
{
float:right;
width:200px;
margin: 12px 5px 10px 10px;
background-color: #DEDAD4;
padding: 4px;
border: 1px solid #912620;
font-family: Arial, Verdana, sans-serif;
font-size: 9pt;
color:#000000;
line-height:110%;
text-align:justify;
}

.artikel .bild-gross, .news .bild-gross, .wort .bild-gross
{
width:400px;
margin: 10px 2px 20px 2px;
background-color: #DEDAD4;
padding: 7px;
border: 1px solid #912620;
font-family: Arial, Verdana, sans-serif;
font-size: 10pt;
color:#000000;
line-height:120%;
text-align: justify;
}


.artikel .zitat, .news .zitat, .download.zitat, .wort .zitat
{
 float:left;
width:200px;
margin: 5px 7px 0px 4px;
padding: 5px;
border-right: 10px solid #F2BC78;
font-family: Georgia, serif ;
font-size: 12pt;
color:#912620;
line-height:120%;
text-align:justify;
}


.stereo-bild
{

margin: 10px 5px 10px 10px;
background-color:#FFEECC;      
padding: 4px;
border: 2px solid #912620;
font-family: Arial, Verdana, sans-serif;
font-size: 10pt;
color:#000000;
line-height:110%;
text-align:center;
}



.artikel a, .artikel a:active, .artikel a:hover, .artikel a:visited,
.wort a, .wort a:active, .wort a:hover, .wort a:visited,
.news a, .news a:active, .news a:hover, .news a:visited,
#leadtext a, #leadtext a:active, #leadtext a:hover, #leadtext a:visited
{
background:url("sunset-style-graf/link-graf.gif") no-repeat 2px 4px;
padding:0px 0px 0px 18px;
color: #000000;
}


.inhalt ul{
margin:0px 0px 5px 15px;
padding: 0px 10px 5px 15px;  }

.inhalt li{
font-family: Arial, Verdana, sans-serif;
font-size: 11pt;
padding: 0px 0px 0px 5px;
line-height:110%;

}



   /* ======= LEADTEXT ================================*/
#leadtext{
font-family: Georgia, serif;
font-size: 10pt;
padding: 2px 6px 2px 6px;
margin: 12px 6px 15px 6px;
background-color:#FFEECC;
}
#leadtext h1{
background:url("sunset-style-graf/leadtext-grafik.gif") no-repeat 5px 8px;
margin: 0px;
padding: 5px 5px 5px 35px;
font-size: 12pt;
color: #912620;
border-bottom: 1px dotted #912620;
}

#leadtext p{
font-family: Georgia, serif;
font-size: 10pt;
padding: 7px 6px 4px 6px;
margin: 0px;
text-align: justify;
}

#leadtext h2{
margin: 2px;
padding: 5px 5px 5px 5px;
font-size: 10pt;
color: #912620;
border-bottom: 1px dotted #D5816A;
}

/* ======= Artikel ================================*/

.artikel{
margin: 6px 6px 15px 6px; ;
padding: 2px 6px 2px 6px;
background-color:#FFEECC;
border: 1px dotted #912620;
}
.artikel h1{
background:url("sunset-style-graf/artikel-grafik.gif") no-repeat 0px 3px;
margin: 0px;
padding: 5px 5px 5px 55px;
font-size: 12pt;
color: #912620;
border-bottom: 1px dotted #D5816A;
text-transform: uppercase;
}


.artikel h2{
margin: 0px;
padding: 5px 5px 5px 5px;
font-size: 12pt;
color: #912620;
border-bottom: 1px dotted #D5816A;
}

.artikel p{
margin: 0px;
font-size: 10pt;
font-family: Georgia, serif;
padding: 4px 6px 5px 6px;
text-align: justify;

}




/* ======= NEWS ================================*/

.news{
margin: 6px 6px 15px 6px;
padding: 0px;
background-color:#FFEECC;
border: 1px dotted #912620;
}
.news h1{
margin: 0px;
text-transform: uppercase;
padding: 5px 25px 4px 5px;
font-size: 12pt;
color: #912620;
border-bottom: 1px dotted #D5816A;
background-color: #D5816A;  }

.news h2{
margin: 0px;
padding: 10px 5px 10px 5px;
font-size: 12pt;
color: #912620;
text-align: center;
}

.news .datum{
background:url("sunset-style-graf/news-grafik.gif") no-repeat 4px 4px;
display:block;
padding: 2px;
background-color:#912620;
font-size: 9pt;
font-family: Arial, Verdana, sans-serif;
text-align: right;
}


.news p{
margin: 0px;
font-size: 10pt;
Font-family: Georgia, serif;
padding: 6px 6px 4px 6px;
text-align: justify;
}



/* ======= Auf ein Wort ================================*/

.wort{
margin: 6px 6px 15px 6px;
padding: 0px;
background-color:#FFEECC;
border: 1px dotted #912620;
}
.wort h1{
margin: 0px;
text-transform: uppercase;
padding: 5px 25px 4px 5px;
font-size: 12pt;
color: #912620;
border-bottom: 1px dotted #D5816A;
background-color: #D5816A;  }

.wort h2{
margin: 0px;
padding: 10px 5px 10px 5px;
font-size: 12pt;
color: #912620;
text-align: center;
}

.wort .datum{
background:url("sunset-style-graf/wort-grafik.gif") no-repeat 4px 0px;
display:block;
padding: 2px;
background-color:#912620;
font-size: 9pt;
font-family: Arial, Verdana, sans-serif;
text-align: right;
color: #FFFFFF;
}


.wort p{
margin: 0px;
font-size: 10pt;
Font-family: Georgia, serif;
padding: 6px 6px 4px 6px;
text-align: justify;
}



/* ======= Download ================================*/

.download{
margin: 6px 6px 15px 6px;
padding: 2px 6px 2px 6px;
background-color:#FFEECC;
border: 1px dotted #912620;
}
.download h1{
font-size: 12pt;
color: #912620;
margin: 0px;
padding: 4px;
border-bottom: 1px dotted #D5816A;

}

.download p{
margin: 0px;
font-size: 10pt;
Font-family: Georgia, serif;
padding: 5px;
text-align: justify;
}

/* =========== Download Box =======================*/

.download-box{
float: left;
width: 160px;
background-color:#F2BC78;
border: 1px solid #912620;
padding: 0px;
margin: 6px 6px 3px 3px; }

.download-box p{
margin:0px;
padding:4px;
font-family:Arial, Verdana, sans-serif;
color:#912620;
font-size:9pt;
line-height: 120%;
text-decoration: none;
text-align: left;}

.download-box a, .download-box a:active, .download-box a:visited,
.download a, .download a:active, .download a:hover, .download a:visited      {
text-decoration: underline;
color: #000000;
}

.download-box h1{
background:url("sunset-style-graf/pdf-icon.gif") no-repeat 0px 0px;
display:block;
padding: 2px 2px 2px 22px;
background-color: #912620;
font-size: 10pt;
color:#FFFFFF;
font-family: Arial, Verdana, sans-serif;
}

.bibtex{
font-family: COURIER NEW;
font-size: 8pt;
padding: 2px 2px 2px 3px;
}


/* ==============================
Die Forumsbox mit Verweis auf eine Diskussion      =======================*/

  .artikel .forum-box, .news .forum-box
{
float:right;
width:210px;
margin: 5px 5px 2px 10px;
padding: 2px;
border-left: 10px solid #F2BC78;
font-family: Georgia, serif ;
font-size: 10pt;
color:#912620;
line-height:120%;
text-align:justify;
}

.forum-box h1{
background:url("sunset-style-graf/forum-icon.gif") no-repeat 3px 4px;
display:block;
margin: 0px;
padding: 2px 0px 0px 22px;
font-size: 10pt;
color:#912620;
font-family: Georgia, serif ;

}













/* ==========================================
Der rechte Container allgemein und seine Inhalte ===============================*/

#rechter-container
{
margin: 0px 0px 0px 440px;
padding: 0px;
}

#inhalt
{
background:url("sunset-style-graf/inhalt-background.gif") no-repeat 8px 8px;
margin:12px 0px 0px 0px;
display:block;
background-color:#D5816A;
Font-family: Georgia,serif;
font-size: 12pt;
font-weight:bold;
text-align:center;
padding: 9px 4px 12px 3px;
border-bottom: dotted #912620;
border-bottom-width: 1px;
}

#projekte
{
background:url("sunset-style-graf/inhalt-background.gif") no-repeat 8px 8px;
margin:12px 0px 3px 0px;
display:block;
background-color:#D5816A;
Font-family: Georgia, serif;
font-size: 12pt;
font-weight:bold;
text-align:center;
padding: 9px 4px 12px 3px;
border-bottom: dotted #912620;
border-bottom-width: 1px;
}

/* ======= Navigation  ================================*/
#navicontainer{
padding: 0px;
margin: 6px 3px 15px 3px;
}


#navicontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#navicontainer li
{
display:block;
margin: 0 0 0 0;
padding: 0px;
border-bottom: 1px solid #912620;
}


#navicontainer a {
margin:0;
display: block;
line-height:1.5em;
background:url("sunset-style-graf/navi-graf.gif") no-repeat 2px 8px;
color: #000000;
background-color: #FFEECC;
padding: 0px 0px 0px 24px ;
text-decoration: none;

}

#navicontainer a:hover
{
margin:0;
background:url("sunset-style-graf/navi-graf2.gif") no-repeat 2px 8px;
background-color: #D5816A;
color: #000000;
line-height:1.5em;
}

#home #home a,
#archiv #archiv a,
#podcast #podcast a,
#linguistik #linguistik a,
#ling-mon #ling-mon a,
#webdesign  #webdesign a,
#stereos  #stereos a,
#augenschule #augenschule a,
#downloads #downloads a,
#pdftipps #pdftipps a,
#links #links a,
#krea #krea a,
#kontakt #kontakt a,
#teaching #teaching a,
#mindmapping  #mindmapping a
{
background:#D5816A;
color:#fff;
text-shadow:none;
}
}
#home #nav-home a:hover,
#about #nav-about a:hover,
#archive #nav-archive a:hover,
#lab #nav-lab a:hover,
#reviews #nav-reviews a:hover,
#contact #nav-contact a:hover {
background:#e35a00;
}
#nav a:active {
background:#e35a00;
color:#fff;
}




 /* ======= Short-NEWS ================= #FFEECC ===============*/

 .short-news-container{
margin: 12px 4px 0px 4px;
 }

.short-news-container .short-news{
margin: 11px 4px 0px 4px;
padding: 0px;
background-color:#FFEECC;
border: 1px solid #912620;
}
.short-news h1{
margin:0;
padding: 2px;
font-size: 10pt;
font-family: Arial, Verdana, sans-serif;
background-color: #D5816A;
color: #000000;
}

.short-news .datum{
display:block;
padding: 2px 2px 0px 2px;
background-color: #912620;
font-size: 8pt;
color: #FFFFFF;
font-family: Arial, Verdana, sans-serif;
text-align: right;
}


.short-news p{
font-size: 8pt;
color:#912620;
font-family: Arial, Verdana, sans-serif;
margin: 0px;
padding: 2px;
text-align: justify;
}

.short-news a{
font-size: 8pt;
color:#000000;;
text-decoration:underline;
}



/* ======= Yeda andere Seiten: IMPERIUM  ================================*/
#imperiumcontainer{
padding: 0px;
margin: 6px 3px 0px 3px;
}


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



#imperiumcontainer a {
font-family: Arial, Verdana, sans-serif;
font-size: 9pt;
margin:0;
display: block;
line-height:2.0em;
background:url("sunset-style-graf/navi-graf.gif") no-repeat 1px 7px;
color: #000000;
background-color: #FFEECC;
padding: 0px 0px 0px 13px ;
text-decoration: none;

}

#imperiumcontainer a:hover
{
margin:0;
background:url("sunset-style-graf/navi-graf2.gif") no-repeat 1px 7px;
background-color: #D5816A;
color: #000000;
line-height:2.0em;
}

#imperiumcontainer li
{
display:block;
margin: 0 0 0 0;
padding: 0px;
border-bottom: 1px dotted #912620;
}

/* ==========================================
Der Footer allgemein ===============================*/
#footer
{
clear: both;
margin: 0px;
padding: 0px;
background-color:#912620;
}


#footer a{
margin: 0px
padding 0px;}



#disclaimer{
font-size: 9pt;
color:#FFFFFF;
font-family: Arial, Verdana, sans-serif;
margin: 0px;
padding: 2px;
text-align: center;
}

#w3c-check{
font-size: 9pt;
color:#FFFFFF;
font-family: Arial, Verdana, sans-serif;
margin: 0px;
padding: 2px;
text-align: center;
}

#w3c-check a, #w3c-check a:active, #w3c-check a:visited {
font-size: 9pt;
color:#FFFFFF;
font-family: Arial, Verdana, sans-serif;
margin: 0px;
padding: 2px;
text-align: center;
}



/* ==========================================
DAs Kontakt-Formular ===============================*/


#inhalt .formular
{
float:left;
width:400px;
margin: 10px 5px 10px 5px;
background-color: #DEDAD4;
border: 1px solid #635545;

}


label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 170px;
  padding: 4px;
  margin: 4px;
}

label {
 text-align: right;
 padding-right: 1em;
 font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;

}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}