@charset "iso-8859-1";
@import url(reset.css);
/*
Main-Styles institut-fuer-konfliktforschung.de
2008 | e-workers
*/

body {
background-image: url(../images/main-bg.jpg);
background-repeat: repeat-y;
font-family: Arial, sans-serif;
font-size: 85%;
line-height: 1.6;
}

strong, b {
font-weight: bold;
}
i {
font-style: italic;
}
small {
font-size: 90%;
}
code {
font-family: monospace;
font-size: 110%;
}
hr, .invis {
position: absolute;
margin: 0 0 0 -5000px;
}
.trenner {
margin: 30px 20px;
border-top: 1px solid #ccc;
}
.rouge {
background-color: transparent;
color: #960100 !important;
}

/*container*/
#wrapper {
background-image: url(../images/logo-bg.jpg);
background-repeat: no-repeat;
min-height: 600px;
}
#wrapper #homer a {
display: block;
position: absolute;
top: 10px;
left: 90px;
width: 150px;
height: 90px;
text-decoration: none;
border: 0 none;
}

#header {
position: relative;
height: 100px;
margin: 0 0 0 300px;
}
#header h1 {
position: absolute;
bottom: 0;
left: 0;
font-family: Georgia, sans-serif;
font-variant: small-caps;
font-size: 160%;
letter-spacing: 1pt;
line-height: 1;
background-color: #fff;
color: #707070;
}

#content {
margin: 30px 0 0 300px;
}
#content .heading-box-01  {
position: relative;
width: 520px;
background-image: url(../images/head-01.jpg);
background-repeat: no-repeat;
background-position: right bottom;
height: 84px;
background-color: #f2f2f2;
color: #000;
}
#startseite #content .heading-box-01  {
background-image: url(../images/head-01.jpg);
}
#zielsetzung #content .heading-box-01  {
background-image: url(../images/head-02.jpg);
}
#satzung #content .heading-box-01  {
background-image: url(../images/head-03.jpg);
}
#schriftenreihe #content .heading-box-01  {
background-image: url(../images/head-04.jpg);
}
#mitgliedschaft #content .heading-box-01  {
background-image: url(../images/head-05.jpg);
}
#kontakt #content .heading-box-01  {
background-image: url(../images/head-06.jpg);
}
#impressum #content .heading-box-01  {
background-image: url(../images/head-06.jpg);
}
#symposion #content .heading-box-01  {
background-image: url(../images/head-07.jpg);
}
#content .heading-box-01 h2 {
position: absolute;
bottom: 5px;
left: 20px;
font-family: Georgia, sans-serif;
font-size: 150%;
line-height: 1;
background-color: #f2f2f2;
color: #707070;
}

#content #spiegel {
position: relative;
background-image: url(../images/content-bg.jpg);
background-repeat: no-repeat;
background-position: 100% 50%;
width: 520px;
min-height: 800px;
margin: 5px 0 0 0;
padding: 24px 0;
background-color: #f2f2f2;
color: #000;
}
#schriftenreihe #content #spiegel {
min-height: 900px;
}

/*main menue left side*/
#menu {
position: absolute;
top: 130px;
left: 100px;
max-width: 200px;
}
#menu ul {
list-style: none;
}
#menu ul li {
padding: 0 10px 0 5px;
border-bottom: 1px solid #960100;
}

#menu ul.one {
border-top: 1px solid #960100;
}
#menu ul.two {
margin: 30px 0 0 0;
border-top: 1px solid #960100;
}
#menu ul.two ul.level2 {
position: absolute;
margin: 0 0 0 -5000px;
}

/*submenue*/
#symposion #menu ul.two ul.level2 {
position: relative;
margin: 0 0 0 20px;
}
#symposion #menu ul.two ul.level2 li {
border: 0 none;
}
#symposion #menu ul.two ul.level2 li a {
padding: 0;
border: 0 none;
}

/*links in main menue*/
#menu ul a {
display: block;
padding: 3px 0;
text-decoration: none;
font-size: 95%;
font-weight: bold;
background-color: transparent;
color: #707070;
}
#menu ul a:hover {
background-color: transparent;
color: #960100;
}
#menu ul ul.level2 li a {
padding: 0;
border: 0 none;
}
#menu ul .aktiv {
display: block;
padding: 3px 0;
text-decoration: none;
font-size: 95%;
font-weight: bold;
background-color: transparent;
color: #960100;
}
#menu ul ul.level2 .aktiv {
padding: 0;
}

/*copyrightnote for print*/
#printonly {
position: absolute;
margin: 0 0 0 -5000px;
}

/*===== CONTENT FORMATE =====*/

#spiegel h3,
#spiegel h4,
#spiegel h5 {
margin: 10px 0 10px 20px;
font-family: Georgia, sans-serif;
font-weight: bold;
background-color: transparent;
color: #707070;
}
#spiegel h3 {
font-size: 120%;
}
#spiegel h4 {
font-size: 100%;
}
#spiegel h5 {
font-size: 90%;
}

#spiegel p {
margin: 15px 0px 15px 0px;
padding: 0 20px;
}

#spiegel ol,
#spiegel ul {
margin: 15px 0;
padding: 0 20px 0 40px;
}
#spiegel li {

}

#spiegel .owner {
font-variant: small-caps;
}
#spiegel .fett {
font-weight: bold;
color: #990000;
}
#spiegel .marker {
color: #007575;
}

#spiegel a {
text-decoration: none;
background-color: transparent;
color: #960100;
border-bottom: 1px solid #960100;
}
#spiegel a:visited {
background-color: transparent;
color: #707070;
border-bottom: 1px solid #960100;
}
#spiegel a:hover,
#spiegel a:active,
#spiegel a:focus {
background-color: transparent;
color: #007575;
border-bottom: 1px solid #007575;
}

.topper {
margin: 0 0 0 120px;
}
.topper a {
text-decoration: none;
background-color: transparent;
color: #960100;
border-bottom: 1px solid #960100;
}
.topper a:hover {
background-color: transparent;
color: #007575;
border-bottom: 1px solid #007575;
}