/* FDP im Kreis Pinneberg*/

/*Allgemeine styles*/
html {
	height: 100.3%;
	font-size: 62.5%;
}
body {
      text-align: center;
      font-family: arial, sans-serif;
      font-size: 1.2em;
      line-height: 1.6em;
      color: #002792;   /*marineblau*/
      background-color: #dce1f9;                /*url(bilder/hintergrundgelbvertikal.jpg) repeat-x; */
       }

* {margin: 0px; padding: 0px; border: 0px;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", sans-serif;
	font-weight: normal;
	color: #002792; /*koenigsblau*/
	margin: 0.6em 0em 0.3em 0em;
}
h1 {
	font-size: 2.0em; 
	border-bottom: 1px dashed #004A7F; 
	padding-bottom: 0.4em;
	font-weight: normal;
}
div#header {
height: 110px;
background: url(bilder/topover2.jpg) no-repeat;
}
div#header img {
float: left; }

div#header h1 {
position: absolute;
margin: 50px 0px 20px 200px;
border: 0px;
font-size: 3.0em;
}
h2 {font-size: 1.8em; line-height: 1.2em;}
h3 {font-size: 1.6em; padding-top: 1.0em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;color: #002792; font-weight: bold;}
h6 {font-size: 1.0em; font-weight: bold;}

a { color: #006633; /*text-decoration: none;*/}
a:link {}
a:visited {}
a:hover {}
a:active {}


div#wrapper {
  width: 1060px;
  margin: 10px auto;
	text-align: left; 
  /*background: #99FF66;   /*lindgruen*/
	}

/*Hauptnavigation*/
div#nav {
  margin-left: 165px;
  margin-top: 5px;
  padding-right: 5px;
  float: left;
  }
div#nav ul {
  display: inline;
  padding-left: 4px;
  list-style: none;
}
div#nav li {
  display: inline; 
  float: left;
  /*background-position: 0 0.2em;
  padding-left: 2em;
  margin: 15px 0px 15px 10px;
  list-style: none;*/
  }

div#nav ul ul {
  padding-left: 4px;
  list-style: none; 
   /*background: #ff0000;
 background: #66ff00;     /*hellgruen*/
}
div#nav ul li {
  margin-left: 5px;    /* Platz zwischen Button*/
  left: auto;
    /* padding-left: 5px;*/
  list-style: none; 
  /*background: #66ff00;     /*hellgruen*/
}
div#nav li a {
   float: left;
   width: 10em;
   height: 1em;
   display: block;
   padding: 0.5em;
   background: #002792;    /*marineblau*/
   border-left: 1px solid #002792;
   border-top: 1px solid #002792;
   border-right: 1px solid #002792;
   text-decoration: none;
   color: #ffffff;  /*weiss*/
   text-transform: uppercase; /* Grossbuchstaben*/
}
div#nav li a:hover,
body#home div#nav li.navhome a,
body#verband div#nav li.navverband a,
body#vorstand div#nav li.navvorstand a,
body#ort div#nav li.navort a,
body#programm div#nav li.navprogramm a,
body#wahl div#nav li.navwahl a,
body#event div#nav li.navevent a,
body#geschichte div#nav li.navgeschichte a,
body#adpartei div#nav li.navadpartei a,
body#intern div#nav li.navintern a,
body#satzung div#nav li.navsatzung a,
body#vorstand div#nav li.navvorstand a,
body#fraktion div#nav li.navfraktion a,
body#mitglieder div#nav li.navmitglieder a,
body#ausschuss div#nav li.navausschuss a,
body#antrag div#nav li.navantrag a,
body#adfraktion div#nav li.navadfraktion a,
body#service div#nav li.navservice a,
body#pressespiegel div#nav li.navpressespiegel a,
body#pressemit div#nav li.navpressemit a,
body#mitglied div#nav li.navmitglied a,
body#umfrage div#nav li.navumfrage a,
body#links div#nav li.navlinks a,
body#termin div#nav li.navtermin a,
body#presseservice div#nav li.navpresseservice a,
body#impressum div#nav li.navimpressum a,
body#kontakt div#nav li.navkontakt a {
   background: #ffffff;   /*weiss*/
   color: #002792; /*marineblau*/
   border-left: 1px solid #aaaaaa;
   border-top: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
}


  div#nav li ul {
  margin: 0;
  padding: 0;
  position: absolute;
 /* left: auto;*/
  width: 7em;
  left: -99em;
}
div#nav li:hover ul, li sfhover ul {
  position:: absolute;
  left: auto; 
  margin-left: -11.6em;
  margin-top: 2em;
  
  }
  


/*Inhalte*/
div#wrap_content {
/*background: #99CCFF;     /*helltuerkis*/
}

/*info liegt links und bietet Links an----------------------------------------*/
div#info {
  float: left; 
  width: 150px;
  /*background: #ccccff; /*babyblau*/
  padding-bottom: 10px; 
  margin: 0px 0px 0px 0px;
}
/* Inhalte zum Infodiv*/
div.feld {
margin-bottom: 3px;
border: 1px solid #002792;    /*koenigsblau*/
  border-top: 0px;
  background: url(bilder/boxback.jpg) repeat-x bottom; 
  /*background: #ffffff;*/
}
div.feld img , div.feld p {
margin: 0px 1px 0px 3px;;
padding: 0px;
}
div.feld input {
  display: block;
  /*float: right;*/
  width: 120px;
  background-color: #ffffff;     /*weiss*/
  border: 1px solid #aaaaaa;     /*hellgrau*/
  margin: 1px 1px 1px 5px;
  padding: 0px;
}
/*DIVNEW liegt rechts und enthält aktuelles, umfrage---------------------*/ 
div#new {
  float: right; 
  width: 190px;
  padding-bottom: 10px; 
  margin: 0px 0px 0px 5px;
   
}

div.box {
  margin-bottom: 5px;
  background: url(bilder/boxback.jpg) repeat-x bottom; /*no-repeat right bottom*/
}
div.boxtop {
  border-right: 1px solid #888888;   /*mittelgrau*/
}
div.box h6, div#new h6, div.feld h6 {
  margin: 0px 0px 0px 0px; 
  padding: 0.4em 0.7em 0.4em 0.7em; 
  text-align: center;
  color: #ffff00;     /*hellgelb*/
  line-height: 1.1em; 
  background: #192366;    /*koenigsblau*/
  }
  div.box a {
  text-align: center;
    }
div.boxtext {
 padding: 10px; 
  background: #ccccff;    /*hellgelb*/
  border: 1px solid #888888;    /*mittelgrau*/
  border-top: 0px;
  list-style: none;
}
p.boxtext, p.antwort1, p.antwort2, p.antwort3 {
  padding: 5px; 
  font-size: 0.9em; 
  line-height: 1.2em; 
  /*background: #ccccff;   /*hellgelb*/
  /*border: 1px solid #3333ff;    /*koenigsblau*/
  border-top: 0px;
  list-style: none;}

p.boxtext img {
 float: left;
 margin-right: 2px;
 height: 70px;
  }
  
  
 
/*Hauptinhalt, statisch oder aus der Datenbank --------------------- */
div#maintext {
	float: right;
  width: 670px;
  margin: 0px 3px 0px 3px;
	border-left: 1px solid #aaaaaa;   /*hellgrau*/
  border-right: 1px solid #aaaaaa;   /*hellgrau*/
  border-bottom: 1px solid #aaaaaa;   /*hellgrau*/
	background: #ffffff;         /*weiss*/
  padding: 20px 10px;
  line-height: 1.5em;
  list-style: none;
  }
div#maintext p {
  margin: 0em 0em 1.0em 0em;
}
div#maintext a {
  padding-bottom: 1px;}
  
div#maintext a:link {
  /*border-bottom: 1px solid #dd0000;*/}
  
div#maintext ul li {
list-style: none;
/*list-style-position: inside;
list-style: url(bilder/limappi.gif);*/
}
div#maintext img {
float:left;
margin: 0px 10px 10px 10px;
}
div.liste li {
margin: 10px 0px 0px 40px;
list-style-position: outside;
list-style: url(bilder/FDP_Logo_Mini.jpg);
}
  
  /*aktuelle inhalte---------------maintext startseite------------------------------*/
  
 div.OV, div.FV {
 width: 280px;
 float: left;
 margin: 3px 10px 3px 30px;
 padding: 0px;
 background: url(bilder/boxback.jpg) repeat-x bottom;
 /*background: #ccccff;*/
 border: 1px solid #000033;
 }
div.OV img, div.FV img {
 float: left;
 margin-right: 2px;
 width: 110px;
  }
 div.OV p, div.FV p {
 padding: 3px 5px 3px 5px;
 }
 div.OV h5 {
  margin: 0px 0px 0px 0px; 
  padding: 0.4em 0em 0.4em 0em; 
  text-align: center;
  color: #ffff00;     /*hellgelb*/
  line-height: 1.1em; 
  background: #002792;    /*koenigsblau*/
  }
  div.FV h5 {
  margin: 0px 0px 0px 0px; 
  padding: 0.4em 0em 0.4em 0em; 
  text-align: center;
  color: #ffff00;     /*hellgelb*/
  line-height: 1.1em; 
  background: #002792;    /*koenigsblau*/
  }
 /*-----------XXXXXXXXXXXXXXXX-----------Basisstyle Inhalte----------------------*/
 
 div.basis {
 width: 640px;
 /*height: 240px;*/
 margin: 3px 15px 20px 15px;
 padding: 0px;
  background: url(bilder/boxback.jpg) repeat-x bottom;
  /*background: #ccccff;*/
 border: 2px solid #ccccff;
 overflow : auto;
 _height:1%;
 }
 
 div.basis img {
  float: left;
  width: 120px;
  /*height: 100px;*/
  margin: 0px 5px 5px 5px;
  padding-top: 10px;
    } 
  div.starttop h4 {
  margin: 0px 0px 0px 0px; 
  padding: 0.4em 0em 0.4em 0em; 
  text-align: center;
  color: #ffff00;     /*hellgelb*/
  line-height: 1.1em; 
  background: #002792;    /*koenigsblau*/
  }
  
  div.basis h5 {
  margin-top: -0.5em;
  /*padding: 0px 0px 0px 10px;*/
  line-height: 0.2em;
  text-align: center;
  color: #002792;
  }
  
 
  p.datum, p.zeit, p.ort, p.quelle, p.autor, p.untertitel {
  float: left;
  margin: 0px 10px 0px 15px;
  padding: 0px 5px 0px 5px;
  list-style: none;
  display: inline;
  border: 1px solid #ccccff;
  /*background: url(bilder/boxback.jpg) repeat-x bottom;*/
     }
     
  div.basis p.eingestellt {
  padding-right: 3px;
  text-align: right;
  font-size: 0.8em;
   }   
     
  div.basis p.basistext {
   /*float: right;
width: 500px;*/
  margin: 5px 3px 5px 30px;
  padding: 0px 3px 1px 8px;
  /*border: 1px solid #000033;*/
  /*background: #ffffff;*/
  }
  p.name {
  font-size: 1.4em; 
  line-height: 1.5em;
  font-weight: bold;
  }
  p.funktion {
     margin-top: 0px;
    font-size: 1.2em; 
    line-height: 0.5em;
  /*font-weight: bold;*/
  }
  p.ausschuss {
  float: left;
  margin-top: 10px;
  width: 240px;
  }
  div.basis li.kontakt {       /*Kontaktdaten der Person*/
  float:right;
  position: bottom right;
  width: 220px;
  margin: 0px 0px 0px 5px;
  padding: 5px 5px 5px 5px;
  list-style: none;
  display: inline;
  line-height: 0.4em;
  border: 1px solid #ccccff;
  }
 
 /*----------------------------------------------------------------------------*/
 div.start {
 width: 640px;
 /*height: 240px;*/
 margin: 3px 15px 20px 15px;
 padding: 0px;
  background: url(bilder/boxback.jpg) repeat-x bottom;
  /*background: #ccccff;*/
 border: 2px solid #ccccff;
 overflow : auto;
 _height:1%;
 }
 
 div.start img {
  float: left;
  width: 120px;
  /*height: 100px;*/
  margin: 0px 5px 5px 5px;
  padding-top: 10px;
  } 
  div.starttop h4 {
  margin: 0px 0px 0px 0px; 
  padding: 0.4em 0em 0.4em 0em; 
  text-align: center;
  color: #ffff00;     /*hellgelb*/
  line-height: 1.1em; 
  background: #002792;    /*koenigsblau*/
  }
  
  div.start h5 {
  margin-top: -0.5em;
  /*padding: 0px 0px 0px 10px;*/
  line-height: 0.2em;
  text-align: center;
  color: #002792;
  }
  
 
  div.start li  {
  margin: 0px 10px 25px 5px;
  padding: 0px 5px 0px 5px;
  list-style: none;
  display: inline;
  border: 1px solid #ccccff;
  /*background: url(bilder/boxback.jpg) repeat-x bottom;*/
     }
     
  div.start p.eingestellt {
  padding-right: 3px;
  text-align: right;
  font-size: 0.8em;
   }   
     
  div.start p.starttext {
   /*float: right;
width: 500px;*/
  margin: 5px 3px 5px 30px;
  padding: 0px 3px 1px 8px;
  /*border: 1px solid #000033;*/
  /*background: #ffffff;*/
  }
  p.name {
  font-size: 1.4em; 
  line-height: 1.5em;
  font-weight: bold;
  }
  p.funktion {
     margin-top: 0px;
    font-size: 1.2em; 
    line-height: 0.5em;
  /*font-weight: bold;*/
  }
  p.ausschuss {
  float: left;
  margin-top: 10px;
  width: 240px;
  }
  div.start li.kontakt {       /*Kontaktdaten der Person*/
  float:right;
  position: bottom right;
  width: 220px;
  margin: 0px 0px 0px 5px;
  padding: 5px 5px 5px 5px;
  list-style: none;
  display: inline;
  line-height: 0.4em;
  border: 1px solid #ccccff;
  }
  
  /* div class text fuer Veranstaltungen, termine , anträge, presse usw.*/
  div.text {
 width: 640px;
 overflow : auto;
 margin: 3px 3px 3px 3px;
 padding: 0px;
  background: url(bilder/boxback.jpg) repeat-x bottom;
  /*background: #ccccff;*/
 border: 1px solid #000033;
  _height:1%;
  }
 
 div.text img {
  float: left;
  width: 120px;
  /*height: 100px;*/
  margin: 20px 5px 5px 5px;
  padding-top: 10px;
  } 
  
  div.texttop h4 {
  margin: 0px 0px 0px 0px; 
  padding: 0.4em 0em 0.4em 0em; 
  text-align: center;
  color: #ffff00;     /*hellgelb*/
  line-height: 1.1em; 
  background: #002792;    /*koenigsblau*/
  }
  
  div.text h5 {
  margin-top: -0.5em;
  /*padding: 0px 0px 0px 10px;*/
  line-height: 0.2em;
  text-align: center;
  color: #002792;
  }
  
  div.text li  {
    /*float: left;*/
  margin: 0px 10px 25px 5px;
  padding: 0px 5px 0px 5px;
  list-style: none;
  display: inline;
  border: 1px solid #000033;
  background: url(bilder/boxback.jpg) repeat-x bottom;
     }
     
  div.text p.eingestellt {
  text-align: right;
  font-size: 0.8em;
  padding-right: 3px;
   }   
     
  div.text p.starttext {
  margin: 5px 3px 5px 30px;
  padding: 0px 3px 1px 8px;
  }
  /*Personendarstellung------KV----------------------*/
  
  div.person {
 width: 180px;
 height: 240px;
 margin: 3px 10px 10px 10px;
 padding: 3px;
  float: left;
  background: url(bilder/boxback.jpg) repeat-x bottom;
  /*background: #ccccff;*/
 border: 4px solid #ccccff;
 }
 
 div.person img {
  width: 100px;
  margin: 5px; 
  /*height: 100px;*/
  } 
  div.person h6 {
  margin: -10px 0px 0px 0px; 
  padding: 0em 0em 0em 0em; 
  /*text-align: center;*/
  color: #002792;     
  /*line-height: 1.1em;*/ 
  /*background: #002792;    /*koenigsblau*/
  }
  
 div.person h5 {
  margin-top: -1.5em;
 padding: 0px 0px 0px 0px;
   /*line-height: 0.2em;
  /*text-align: center;*/
  color: #002792;
  } 
  div.person p {
  margin: 0px;
  padding: 0px;
  text-align: right;
  }
  
  /*Personendarstellung------Fraktion----------------------*/
  
  div.fperson {
 width: 640px;
 overflow: auto;
 margin: 3px 5px 10px 3px;
 padding: 3px;
  /*float: left;*/
  background: url(bilder/boxback.jpg) repeat-x bottom;
  /*background: #ccccff;*/
 border: 2px solid #ccccff;
 _height: 1%;
 }
 
 div.fperson img {
  width: 120px;
  margin: 0px; 
  /*float: left;*/
    /*height: 100px;*/
  } 
  
  div.fperson li {       /*Kontaktdaten der Person*/
  float:right;
  position: absolute;
  width: 265px;
  margin: -40px 1px 5px 5px;
  padding: 5px 5px 0px 5px;
  list-style: none;
  display: inline;
  line-height: 0.4em;
  border: 1px solid #ccccff;
  }
  
  div.fperson p.name {
  font-size: 1.4em; 
  line-height: 1.5em;
  font-weight: bold;
  }
  
  div.fperson p.funktion {
     margin-top: 0px;
    font-size: 1.2em; 
    line-height: 0.5em;
  /*font-weight: bold;*/
  }
  div.fperson p.ausschuss {
  float: left;
  margin-top: 10px;
  width: 240px;
  }
  
  /*Personendarstellung-----Wahl--------------------*/
  
  div.wperson {
 width: 660px;
 height: 220px;
 margin: 3px 5px 10px 3px;
 padding: 3px;
  /*float: left;*/
  background: url(bilder/boxback.jpg) repeat-x bottom;
  /*background: #ccccff;*/
 border: 2px solid #ccccff;
 }
 
 div.wperson img {
  height: 160px;
  margin: 0px; 
  /*float: left;*/
    /*height: 100px;*/
  } 
  
  div.wperson li {       /*Kontaktdaten der Person*/
  float:right;
  position: absolute;
  width: 230px;
  margin: -40px 5px 5px 20px;
  padding: 5px 5px 0px 10px;
  list-style: none;
  display: inline;
  line-height: 0.4em;
  border: 1px solid #ccccff;
  }
  
  div.wperson p.name {
  font-size: 1.4em; 
  line-height: 1.5em;
  font-weight: bold;
  }
  
  div.wperson p.funktion {
     margin-top: 0px;
    font-size: 1.2em; 
    line-height: 0.5em;
  /*font-weight: bold;*/
  }
  div.wperson p.ausschuss {
  float: left;
  margin-top: 10px;
  width: 250px;
  }
  /* --------------ausschuss-------------------*/
  div.ausschuss {
 width: 640px;
 height: 210px;
 margin: 3px 5px 10px 2px;
 padding: 3px;
 background: url(bilder/boxback.jpg) repeat-x bottom;
 border: 2px solid #ccccff;
 }
 
  div.ausschuss li {       /*Ausschussmitglieder*/
  float:right;
  position: absolute;
  width: 230px;
  margin: 95px 5px 5px 20px;
  padding: 5px 5px 0px 5px;
  list-style: none;
  display: inline;
  line-height: 0.4em;
  border: 1px solid #ccccff;
  }
  
  div.ausschuss p.name {
  font-size: 1.4em; 
  line-height: 1.5em;
  font-weight: bold;
  }
  
  div.ausschuss p.inhalt {
    float: left;
    width: 380px;
    /*font-size: 1.0em; 
    line-height: 0.5em;*/
  /*font-weight: bold;*/
  }
   
 /*----------------ortsverbaende----------------*/
  div.ov {
  float: left;
  margin-top: 5px;
  padding: 0px;
  width: 225px;
  height: 100px;
  border: 1px solid #ccccff;
  }
  div.ov img {
  height: 100px;
  }
  
/*Hauptinhalt - Kontaktformular --------------------------------*/
div.kontakt form {
  width: 550px;
  line-height: 1.3em;
  margin: 1.0em;
}
div.kontakt fieldset {
  border: solid 1px #dd0000;    /*rot*/
  padding: 10px;
}
div.kontakt legend {
  padding: 5px;
  font-weight: bold;
  color: #dd0000;
  border: 3px #555555;        /*dunkelgrau*/
}
div.kontakt input {
  display: block;
  float: left;
  width: 10em;
  background-color: #ffffff;     /*weiss*/
  border: 1px solid #aaaaaa;     /*hellgrau*/
  margin: 5px;
  padding: 2px;
}
#hsnr {
  width: 3em;
}
#plz {
  width: 3em;
}
#inhalt {
  width: 260px;
  height: 50px;
}
div.kontakt .submit, div.kontakt .reset {
  background-Color: #aaaaaa;         /*hellgrau*/
  border: 3px double #dd0000;        /*rot*/
}
div.kontakt label {
  width: 5em;
  margin: 5px;
  padding: 5px;
  float: left;
  text-align: right;
  font-weight: normal;
  color: #000000;        /*schwarz*/
}
div.kontakt p {
  clear: left;
  float: left;
  width: 100%;
}
/*-------------------------------------*/
div#footer {
  padding: 4px auto 4px auto;
	margin-top: 10px;
  height: 30px;
  text-align: center;
  color: #ffffff;           /*hellgelb*/
	background: #002792;         /*koenigsblau*/
}
div#footer a {
  color: #ffffff;                 /*weiss*/
  }
  
/*fixed on buttom bei bedarf*/
div#extra1 {
  position: fixed;
  width: 250px;
  height: 180px;
  left: -20px;
  bottom: -20px;
  background: url(bilder/Grafik_internet.GIF) no-repeat bottom;
}
.defloat {clear: both;}