*{
padding:0;
margin:0;
}

/*www.kupoge.de - relaunch-290909 www.prueferpr.de- Seite der Kulturpolitischen Gesellschaft e.V.*/

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


/*background-image: url(../img/fade.jpg);
background-repeat:repeat-x;*/

}

body{
text-align: center;
padding:1em;
background-color: #fff;

padding-left:2em;
}

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

.skip{
display:none;
}

/*Ende*/

a:link, a:visited{
color:#004380;
text-decoration:none;
}

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

h2, h5{
clear:both;
}


h1{
font-size:150%;
}

h2{
font-size:130%;
line-height:1.3em;
margin:2em 0 0.3em 0;
}

h3{
font-size:115%;
margin:1em 0 0.3em 0;
}

h4{
font-size:95%;
margin:1em 0 0.3em 0;
}

h5{
font-size:90%;
color:#333;
font-weight:normal;
margin-top:0.5em;
}

img{
border: 1px solid #aaa;
}

img.img, img.imgr{
border:0;
}

dd{
clear:both;
}

span{
color: #ff0000;
font-variant: small-caps;
font-weight: bold;
}

/*-----Box for all------*/
#wrapper {
position: relative;
text-align: left;
width:100%;
}

/*-------Header-----Kopfbereich----------------------*/
#header{
height: 120px; 
text-align: left;
margin: 0 auto 0;
/*background-image: url(../img/header_1.gif);*/
background-repeat: no-repeat;
color:#566275;
padding-bottom:0.5em;

border-bottom: 3px solid #849cbd;
}


#header h1 {
padding-top:1em;
font-size: 2.3em;
height:70px;
color:#000;
}

#header h4{
margin:-2em 1em 0 0;
font-size:1em;
color: #666;
}

#header h1, #header h4{
margin-left:219px;
}

#header img{
float:left;
left:0;
top:0;
border:0;
}

#header p{
padding:0 0 1em 1em;
}

/*----------Kampagne Mitglieder-----------*/
#header #aktion{
position:absolute;
font-size:90%;
padding:0.5em 0em 0 0em;
top:0.4em;
right:1.2em;
height:100px;
width:320px;
z-index:100;
}

#header #aktion img{
float:left;
margin:0 1em 1em 0;
border: 1px solid #aaa;
}

#header #aktion p{
background-color:#fff;
}
p.person{
color:#ff0000;
}

#header #aktion a.laufband{
color:#ff0000;
background-color:#fff;
font-size:110%;
}
/*Biografie-Popup*/
table.bio{
text-align:left;
padding:1em;
}

td.red{
background-color:#ff3300;
}

table.bio a{
background-color:#fff;}

/*--------Topnavigation---unter dem Kopfbereich-----*/
#toplevelnav{
right:0;
top: 0;
position: absolute; 
background-color:#849cbd;
padding:0.3em;
}

#toplevelnav a:hover{
border-top: 2px solid #b3b3b3;
}


#topnav li{
float:left;
padding-left:30px;
list-style-type: none;
}

#topnav a{
color:#fff;}

/*-----------Main Navigation ---- linke Navigation-----*/


#navigation {
clear:both;
float:left;
font-size:95%;
width: 15.5em;
border-right: 1px #ccc solid; 
border-top: 1px #ccc solid; 
border-bottom: 1px #ccc solid;
background-color: #fff;
}

#navigation h2{
font-size:99%;
margin-top:0.6em;
margin-bottom:0.25em;
border-bottom: 1px #ccc dotted; 
color:#000;
padding:0.3em 0;
}

#navigation a:link, #navigation a:visited, #sidebar a:link, #sidebar a:visited {
display:block;
background-color: transparent;
}

#navigation ul {
margin-bottom:0.6em;
}

#navigation ul.kis{
margin-left:1.6em;
}

#navigation li {
width: 15.5em;
color:#800000;
list-style: none;
line-height:1.7em;
}


#navigation li a:hover{
border-right: 1px #004380 solid;
text-decoration:underline;
}


#navigation li a:active{
border-right: 1px #800000 solid;
}

#navigation ul.kis a:hover, #navigation ul.kis active{
border-right: none;} 

#navigation img{
border: none;
}
/*-------------------------Inhalt--------------------*/
#content{
position:relative;
float:left;
width:53%;
margin:0 0 2em 1.8em;
}

#content h1{ 
/*color: #b94700;*/
border-bottom: 1px #cccccc solid;
margin-bottom:1em;
padding-bottom: 0.3em;
}

#content h3{
clear:both;}

#content h4{
clear:both;
}

#content p{
vertical-align: 0px;
line-height: 1.4em;
padding-bottom:0.3em;
}

#content p.right{
float:right;}

#content a:link, #content h2 a, #content a:visited, #content h2 a:visited   {
text-decoration:underline;
}

/*Listen*/

#content ol, #content ul{
margin-bottom:1em;
}

#content li{
margin-left:1.5em;
padding:0.2em;
}

#content ol li li{
list-style-type: lower-alpha;
}


/*--Aktuelles, Pinboard, Tagungskalender, Veranstaltungen------*/

#content.pinboard h1.abstandh1, #navigation p.abstand{
margin-top:2em;
}
#content.pinboard h2{
font-size:110%;
margin-top:0;
}

#content.pinboard p.right{
margin-bottom:0.5em;
}
#content.pinboard h3{
margin-top:0.5em;
font-size:130%;
}

#content.pinboard h5{
margin-top:1em;}

/*Zitat*/
blockquote{
font-style: italic;
text-indent: 10px;
margin-left: 20px;
}

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


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

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

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

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

#content td{
vertical-align: top; 
padding: 5px;
}

#content tr.altrow {
background-color:#f1f1f1;
}

#content td a:hover{
background-color: #fefcf6;
}
p.weiter a{
padding-right: 30px; 
background-color: #fefcf6;
}

/*Frame - Datenbankabfragen - in eigenem Div wegen Firefox*/

#iframe{
position:relative;

margin-bottom:2em;
}

/*Fotos links und rechts*/

#content img, #iframe img{ 
float: left;
margin: 0.3em 1.4em 1em 0;
}

#content img.right{
float:right;
margin: 0 0 2em 1.5em;
padding: 0.3em;
}


/*---PDF Icon etc*/
#content img.img, #sidebar img.img{
padding: 0 0.5em 0 0;
margin:0;
border:0;
}
#content img.imgr, #sidebar img.imgr{
padding:0 0 0 0.5em;
float: right;
margin:0;
border:0;
}



p.float{
float:left;
clear:both;
margin-bottom:1em;
}

p.float span{
font-weight:bold;
color:#000;
margin-top:1em;
}

/*------------sidebar---rechte Zusatzspalte----------*/
#sidebar {
font-size:94%;
margin-top:2.2em;
position: relative;
float:right;
width: 15%;
padding-left:1em;
border-left:1px dotted #999;
}

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

#sidebar h5{
color: #ff0000; 
}

#sidebar p{
margin-bottom:0.3em;}

#sidebar img{ 
margin: 0.5em 0 0.5em 0; 
}

#sidebar li{

list-style-image: url(../img/list1.gif);
line-height:1.4em;
margin-bottom:0.3em;
margin-left:1em;

}
p.adbox{
padding: 5px;
margin: 2em 0;
border: 1px dotted #B1B1B1;
line-height:1.2em;
background-color: #fefcf6;
}

#sidebar a:hover{
text-decoration:underline;
}

#sidebar.center a{
text-align:center;
}

option{
width:150px;}

/*----------footer - Fußbereich-----*/
#footer {
clear: both;
text-align:left;
border-top: 3px #eee solid;
height:30px;
background-color:#849cbd;
}

#footer p {
margin: 0.5em 0 0.5em 17em;
color:#fff;
 }

/*--------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%;
}

form p textarea{
height:100px;
}

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

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

#navigation, #content, #sidebar{
margin-top:3em;
}