/* Sito: Partito Democratico - Circolo di Wolfsburg
   Webmaster: Antonio Riccò
   Autore file css: Antonio Riccò
   Versione: 1.0 (4 dicembre 2008) - Layout: Screen
*/

 /* SFONDO DELLA PAGINA */
body {
margin: 0 auto; /*  */
padding: 0; /*  */
font: 76% Verdana,Tahoma,Arial,sans-serif; /*  */
background: #C6D8E2; /* sfondo azzurrino */
}

#wrap {
background: #ffffff; /* sfondo bianco */
color: #303030; /*  */
margin: 0 auto; /*  */
width: 760px; /*  */
}

#header {
clear: both; /*  */
margin: 10px 10px 10px 10px; /*  */
padding: 10px 0px 10px 0px ; /*  */
height: 45px; /*  */
}

#header h1 {
width: 180px; /*  */
margin: 10px 0 10px 0px; /*  */
text-align: left; /*  */
float: left; /*  */
}

#header h2 {
width: 180px; /*  */
margin: 10px 0 10px 0px; /*  */
text-align: left; /*  */
float: left; /*  */
}

#header p {
float: none; /*  */
text-align: left; /*  */
color: #990000; /*  */
padding: 10px 0 0 0;
margin: 10px 10px 10px 20px; /*  */
font-size: 0.9em; /*  */
line-height: 0.9em; /*  */
}

#frontphoto {
margin: 0 0 10px 0; /*  */
border: 0; /*  */
}

#avmenu {
clear: left; /*  */
float: left; /*  */
width: 160px; /* larghezza pulsanti */
margin: 0 0 10px 0; /*  */
padding: 0; /*  */
font-size: 0.9em; /*  */
}

#avmenu ul {
list-style: none; /*  */
width: 160px; /* larghezza pulsanti */
margin: 0 0 0px 0; /*  */
padding: 0; /*  */
font-size: 1.1em; /*  */
}

#avmenu li {
margin-bottom: 4px; /*  */
}

#avmenu li a {
font-weight: bold; /*  */
height: 20px; /*  */
text-decoration: none; /*  */
color: #505050; /*  */
display: block; /*  */
padding: 6px 0 0 10px; /*  */
background: #f4f4f4; /*  */
border-left: 4px solid #339E42; /* bordo verde */
}

#avmenu li a:hover {
background: #eaeaea; /*  */
color: #339E42; /*  */
border-left: 4px solid #EE1B25; /* bordo rosso */
}

.citazione {
margin: 10px 0 10px 0; /*  */
padding: 10px 10px 10px 10px; /*  */
width: 140px; /*  */
color: #505050; /*  */
background-color: #f4f4f4; /*  */
line-height: 1.3em; /*  */
}

#content {
margin: 0 140px 0px 170px; /*  */
/* border-top: 1px solid red; /*  */
/* border-left: 1px solid #f0f0f0; /*  */
/* border-right: 1px solid #f0f0f0; /*  */
/* border-bottom: 1px solid red; /*  */
padding: 0 px 0 px; /*  */
text-align: left; /*  */
}

#content p {
margin: 0 0 1.0em 0; /*  */
font-size: 1.0em; /*  */
line-height: 1.2em; /*  */
}

#content img {
padding: 1px; /*  */
display:inline; /*  */
background: #cccccc; /*  */
border: 4px solid #f0f0f0; /*  */
}

#colonna4 {
float: right;
width: 130px; /*  */
padding: 0; /*  */
}

#colonna4 p {
margin: 0 0 1.0em 0; /*  */
font-size: 0.8em; /*  */
line-height: 1.2em; /*  */
}

h1 {
font-size: 1.5em; /*  */
padding: 0px 0 5px 0;
margin: 0px 0 5px 0; /*  */
color: red; /*  */
}

h2 {
font-size: 1.3em; /*  */
padding: 0px 0 5px 0;
margin: 0px 0 5px 0; /*  */
color: #003399; /*  */
}

h3 {
font-size: 1.1em; /*  */
padding: 0px 0 5px 0;
margin: 0px 0 5px 0; /*  */
color: #336699; /*  */
}

h4 {
font-size: 1.2em; /* corpo del carattere */
border-top: 0px none #EE1B25; /*  */
border-left: 0px none #EE1B25; /*  */
border-right: 4px solid #EE1B25; /*  */
border-bottom: 0px none #EE1B25; /*  */
background-color: #f4f4f4; /* sfondo grigio */
margin: 10px 0px 10px 0px; /*  */
padding: 5px 5px 5px 5px; /*  */
color: #505050; /* colore testo grigio scuro */
}

h5 {
font-size: 1.0em; /* corpo del carattere */
font-style:italic;
margin: 3px 0px 3px 0px; /*  */
color: #990000; /* colore testo grigio scuro */
}

h6 {
font-size: 1.7em; /*  */
padding: 0px 0 5px 0;
margin: 0px 0 5px 0; /*  */
color: red; /*  */

/* font-size: 1.0em; /* corpo del carattere */
/* margin: 0px 0px 5px 0px; /*  */
/* color: #31A044; /* colore testo grigio scuro */
}

a {
text-decoration: none; /*  */
color: #286ea0; /*  */
}

a:hover {
text-decoration: underline; /*  */
color: #286ea0; /*  */
}

a img {
border: 0; /*  */
}

#footer {
clear: both; /*  */
margin: 0 auto; /*  */
padding: 10px 0 20px 0; /*  */
border-top: 4px solid #f0f0f0; /*  */
width: 760px; /*  */
text-align: center; /*  */
color: #808080; /*  */
font-size: 0.7em; /*  */
}

#footer a {
color: #808080; /*  */
text-decoration: none; /*  */
}

#footer a:hover {
text-decoration: underline; /*  */
}

.left {
margin: 10px 10px 5px 0; /*  */
float: left; /*  */
}

.right {
margin: 10px 0 5px 10px; /*  */
float: right; /*  */
}

.textright {
text-align: right; /*  */
}

.center {
text-align: center; /*  */
}

.small {
font-size: 0.8em; /*  */
}

.bold {
font-weight: bold; /*  */
}

.hide {
display: none; /*  */
}

/* Modul foto e testo*/

.flLeft {
	float:left;
	padding:5px 10px 0px 0px;
}

.flRight {
	float:right;
	padding:5px 0px 0px 10px;
}

.flTop {
	float:inherit;
	padding:5px 0px 0px 0px;
}

/* Modulo 3 foto con testo*/

.column {
padding:0pt 10px 0pt 0pt;
}

.clearfix {
clear:both;
display:block;
}

/* SITEMAP */
/* Navigation zur Anzeige der aktuellen Position */

#navigationBreadcrumb                             {margin:0 0 8px 0}

#navigationBreadcrumb .navLevel1Open              {}
#navigationBreadcrumb .navLevel1OpenSelected      {}

#navigationBreadcrumb .navLevel2Open              {}
#navigationBreadcrumb .navLevel2OpenSelected      {}

#navigationBreadcrumb .navLevel3Open              {}
#navigationBreadcrumb .navLevel3OpenSelected      {}

#navigationBreadcrumb .navLevel4Open              {}
#navigationBreadcrumb .navLevel4OpenSelected      {}


/* Sitemap */

.wglLinkTree                                   {margin:0 0 0 -15px;}
.wglLinkTree *                                 {margin:0;padding:0}
.wglLinkTree ul                                {list-style-type:none}
.wglLinkTree li                                {overflow:hidden; list-style-image:none;}
.wglLinkTree a                                 {display:block;width:100%;text-decoration:none;}
.wglLinkTree a:hover                           {display:block;width:100%;text-decoration:underline;}
.wglLinkTree span                              {}

.wglLinkTree .navLevel1space                                   {padding:0 0 0 16px}
.wglLinkTree .navLevel2space                                   {padding:0 0 0 4px}
.wglLinkTree .navLevel3space                                   {padding:0 0 0 24px}
.wglLinkTree .navLevel3spaceLast                           {padding:0 0 0 0px}
.wglLinkTree .navLevel4space                                   {padding:0 0 0 24px}

/* Sitemap Level 1-4 */

.wglLinkTree  .navLevel1                       {}
.wglLinkTree  .navLevel1 span                  {padding:0 1px 0 1px;}
.wglLinkTree a.navLevel1                       {padding:2px 0 4px 0;font-weight:bold;}
.wglLinkTree a.navLevel1:hover                 {padding:2px 0 4px 0;font-weight:bold;}

.wglLinkTree  .navLevel1Open                   {}
.wglLinkTree  .navLevel1Open span              {padding:0 1px 0 1px;}
.wglLinkTree a.navLevel1Open                   {padding:2px 0 4px 0;font-weight:bold;}
.wglLinkTree a.navLevel1Open:hover             {padding:2px 0 4px 0;font-weight:bold;}

.wglLinkTree  .navLevel2                       {}
.wglLinkTree  .navLevel2 span                  {}
.wglLinkTree a.navLevel2                       {padding:1px 0px 3px 22px; margin:0px; background-image:url(/files/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px;}
.wglLinkTree a.navLevel2:hover                 {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel2Open                   {padding:0px; margin:0px; background-image:url(/files/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px;}
.wglLinkTree  .navLevel2Open span              {}
.wglLinkTree a.navLevel2Open                   {padding:1px 0px 3px 22px;}
.wglLinkTree a.navLevel2Open:hover             {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel2Last                   {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px;}
.wglLinkTree  .navLevel2OpenLast               {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px;}

.wglLinkTree  .navLevel3                       {}
.wglLinkTree  .navLevel3 span                  {}
.wglLinkTree a.navLevel3                       {padding:1px 0px 3px 22px; margin:0px; background-image:url(/files/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px;}
.wglLinkTree a.navLevel3:hover                 {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel3Open                   {padding:0px; margin:0px; background-image:url(/files/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px;}
.wglLinkTree  .navLevel3Open span              {}
.wglLinkTree a.navLevel3Open                   {padding:1px 0px 3px 22px;}
.wglLinkTree a.navLevel3Open:hover             {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel3Last                   {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px;}
.wglLinkTree  .navLevel3OpenLast               {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px;}

.wglLinkTree  .navLevel4                       {}
.wglLinkTree  .navLevel4 span                  {}
.wglLinkTree a.navLevel4                       {padding:1px 0px 3px 22px; margin:0px; background-image:url(/files/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px;}
.wglLinkTree a.navLevel4:hover                 {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel4Open                   {padding:0px; margin:0px; background-image:url(/files/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px;}
.wglLinkTree  .navLevel4Open span              {}
.wglLinkTree a.navLevel4Open                   {padding:1px 0px 3px 22px;}
.wglLinkTree a.navLevel4Open:hover             {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel4Last                   {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px;}
.wglLinkTree  .navLevel4OpenLast               {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px;}

/*
BEISPIEL-CSS FÜR do form! 1.x
Bitte nicht 1 zu 1 übernehmen
Wenn ja, dann diesen Hinweis nicht löschen
Version 2: Thomas Skerbis | www.klxm.de
11.12.2008
Dass CSS berücksichtigt nicht alle möglichen
Felder
Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.Formular-Generator
-------------------------------------------------------
*/

/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}

/*
Wie sehen die einzelnen Blöcke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;

}
 .forminfo
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/*
--------- FORMULAR-OBJEKTE ------------
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #ffffff;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #FFCC66;
}



/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;


}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	background-color: #FFFFCC;
	border: 1px solid #990000;
	float: right;
	color: #666666;
}



/* Fieldsetbeschriftung */
.formgen legend {
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {

	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */