* {
margin:0;
padding:0;

}

/*Projekt Studium - Arbeitsmarkt Kultur. www.prueferpr.de*/

html {
font: 78% arial, helvetica, sans-serif;
}

body{
max-width: 1080px;
border-right:1px solid #ccc;
background-color:#fff;

}



/*für Screenreader wird die Möglichkeit gegeben, die Navigation und den Kopfbereich zu überspringen*/

p.skip{
display:none;
}

/*Ende*/


 a{
text-decoration: none;
}

a:link, a:visited{
color: #17509e;
}

a:hover, a:active{
color:#804000;
}


#content h2, h4{
color:#333;
letter-spacing:2px;
}

h2 {
font-size: 120%;
margin-top: 1.5em;

}

#content h2, .clear{
clear:both;}

h3{
font-size: 110%;
margin-top: 1em;
clear: both;
color:#333;
}

h4{
font-size:95%;
color:#333;
margin: 0.5em 0 0.5em 0;
}
h5{
font-size:80%;}

a img{
border: none;
}

#wrapper {
text-align:left;
position:relative;
background-color:#fff;


}

/* Abstand nach links*/
#header h1, #header h2, #header h3, #menu{
margin-left:270px;
}


#header{
height: 199px;
color:#17509e;

background-image: url(../img/bildleiste.jpg);
background-repeat: no-repeat;
background-position: left bottom;

}


#header h1{
padding-top:1.7em;
font-weight:bold;
font-weight: normal;
font-size: 230%;
} 

#header h2{
font-weight: normal;
padding-top:0.5em;
margin-top:0;
font-size: 130%;
}

#header img{
position:relative;
float:left;
}


/*Navigation oben*/

#menu {
position:relative;
margin-bottom:30px;
padding-top:5px;
}

#menu ul{
height:20px;

}

#menu li{
display:inline;
list-style:none;
padding: 0 0.5em;
text-align:center;
border-right: 1px solid #000080;
}

#menu li.first{
padding-left:0;
}

#menu li.last{
border-right: 1px solid #fff;
}

/*Navigation links*/

#navigation {
position:relative;
float:left;
width: 13em;
left:1em;
font-size:105%;
border-right: 1px #ccc solid; 
border-bottom: 1px #ccc solid;
margin-top:20px;
}

#navigation p {
margin-bottom: 1em; 
}

#navigation a:link, #navigation a:visited {
display:block; 
text-decoration: none;
}

#navigation ul {
margin: 0.6em 0 2em 0.5em; 
}

#navigation li, #navigation li a{
width:12em;
list-style: none;
line-height:1.8em;
}

#navigation li a:hover{
color:#4c4c4c;
}


#navigation p.abstand{
margin-top:60px;}

#navigation p.abstand img{
margin:0;
}

/*Inhalt*/

#content {
position:relative;
float:left;
margin-bottom:8em;
width:54%;
margin-left:75px;
margin-top:20px;
}

*html #content{
margin-left:73px;
}


#content h1{
margin-bottom:1.5em;
font-size:190%;
font-weight: normal;
color:#17509e;
}

#content h1 span.titelkl{
font-size:70%;}


#content h2, #sidebar h2{
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
padding:0 0.3em 0.3em 0;
color:#17509e;
}
#content p {
margin-top:0.5em; 
line-height:1.5em;
padding-bottom:0.3em;

}

#content p.suche a{
margin: 1em 0;
font-size:120%;
color:#17509e;
}

#content p.suche a:hover{
color:#fff;
background-color:#17509e;
}

blockquote{
padding-left:1em;
font-style: italic;
}

/*Frame  auf der Publikationsseite in eigenem Div wegen Firefox*/

#frame{
position:relative;
width:140%;
}

/*----Tabellen-----*/

#content.wide{
width: 70%}

#content table{
margin-top:1em;
empty-cells: hide;
border-spacing: 3em 1em;
border-collapse: collapse;
}

col.grey{
background-color:#f1f1f1;}

table.line td {
border-bottom: 1px solid #aaa;
}
#content th{
background-color: #e6e6e6; 
font-size:100%;
padding: 5px;
border: 1px #ccc solid;
}

#content th.breit{
width:150px;
}

#content th.breiter{
max-width:55em;
}

#content td.right{
text-align:right;}

#content td{
vertical-align: top; 
padding: 5px;
}
#content tr{
border-bottom: 1px solid #e6e6e6;}
#content tr.altrow {
background-color:#f1f1f1;
}

#content ul{
padding-top: 0.5em;}
#content li{
margin-left:2em;
padding-bottom:0.3em;
list-style-type: square;
}

#content ul.kasten{
border-top: 1px solid #89acff;
border-bottom: 1px solid #89acff;
padding: 0.5em;
margin:2em 0;
}

#content ul.kasten li{
display: inline;
font-weight:bold;}

#content ol.num li{

list-style-type: lower-roman;
list-style-type: decimal;
font-weight:bold;
}

#content ol.num li ul li{
margin-left:1em;
font-weight:normal;
list-style-type: square;
}

#content img{
float:left;
margin:0 2em 2em 0;
}

#content img.right{
float:right;
margin: 0 0 2em 2em;
}
#content h2.img{
margin-bottom:1em;
}

/*--Bibliographie--*/
p.publ{
text-indent:-3.7em;
margin-left: 3.7em;
}

.quelle{
text-align:right;
margin:0 0 2em 2em;
border-bottom: 1px dotted #aaa;
font-style:italic;
}

/*Veranstaltungskalender*/
dl{
padding-left:1em;
margin:0.5em 0 2em 0;
border-left: 1px solid #0080ff;
font-size:110%;
}

dt{
color: #333;
font-weight:bold;
margin-bottom:0.3em;
}

dd{
font-size:90%;

}
/*Rechte Seite*/

#sidebar {
position: relative;
float:right;
right: 10px;
padding-left:0.5em;
width:15%;
border-left: 1px dotted #495258;
line-height:1.2em;
color:#666;
margin-top:20px;
}

#sidebar a{
text-decoration:underline;}

#sidebar h2{
margin-bottom:0.5em;
}
#sidebar h2{
margin-top:0;
color:#17509e;

}

#sidebar h3{
font-size:100%;
}

#sidebar p{
margin-bottom:1.5em;
padding-top:0.3em;
padding-bottom:0.2em;
border-bottom: 1px solid #aaa;
line-height:1.4em;
}

#sidebar img{
margin-bottom:0.5em;
}

#sidebar li{
list-style-type:circle;
padding-left:1em;
margin:0.5em;
}

#footer {
clear:both;
font-size:80%;
padding:1.4em 0 1em 233px;
height:10px;
background-color:#e6e6e6;
background-image: url(../img/back.jpg);
background-repeat: repeat-x;
background-position:0 0;
z-index:4;
color:#4c4c4c;
}

/*
.fragebogen, .kurzfassung{
border-bottom: 10px  groove #ff0000;
}

.veranstaltung{
border-bottom: 10px  groove #ff8000;
}

.kontakt{
border-bottom: 10px  groove #6a04cf;
}
*/

/*--------Formular-------------*/

form p{
clear:left;
}

fieldset{
border: 1px #e6e6e6 solid; 
margin-top:10px;
padding: 8px;
}

fieldset.auswahl #member{
margin-bottom:1em;
font-weight:bold;
}
legend{
font-weight: bold;
font-size: 0.8em;
color: #004080;
background-color: #fff; 
padding: 0 0.5em;
}

form p label{
float: left;
width: 30%;
font-size: 110%; 
}


.ok{
color: #008040;
background-image: url(img/form/ok.gif);
}

.ok, .no{
padding-left: 1em;
font-size: 120%;
background-repeat: no-repeat;
font-weight: bold; 
}

.no{
color: #ff0000;
background-image: url(img/form/stop.gif);
}

form p input, form p textarea{
background-color: #e1e1e1; 
}

form p input, form p textarea{
width: 60%;
}

input.wide{
margin-right:1em;}

form p textarea{
height:100px;
}

select{
width:140px;
padding: 0.5em;
}

#submit, #reset{
margin: 1em 0 0 0.3em;
}