/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +++++++++++++++++++++++++++++++++++++++++++++++
       ++            CSS für venseremos.org         ++
       +++++++++++++++++++++++++++++++++++++++++++++++
       +++++++++++++++++++++++++++++++++++++++++++++++       */



/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +            Allgemeine Definitionen          +
       +++++++++++++++++++++++++++++++++++++++++++++++        */



* 	{
	margin:0;
	padding:0;
	}

body 	{
         text-align:left;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size:0.8em;
         background-color:#E1E1E1;
         color:#000;
         }

h1, h2, h3 {

         font-family: Verdana, Arial, Helvetica, sans-serif;
         color:#000;
         background:transparent;
}
h1 {
         font-size:1.6em;
}
h2 {
         font-size:1.2em;
}
h3 {
         font-size:1.0em;
         }
		 
/*     ++++++++++++++++++++++++++++++++++++++++++++++
       +            Versteckte Navigation           +
       ++++++++++++++++++++++++++++++++++++++++++++++      */		 

#hiddennavi
	{
          display:none;
         }

#container
	{
         background-color:#FFFFFF;
         width:780px;
         margin:0px 5px 0px 5px;
         text-align:left;
	}

/*     ++++++++++++++++++++++++++++++++++++++++++++++
       +               Hauptnaviagtion              +
       ++++++++++++++++++++++++++++++++++++++++++++++      */

#navi
	{
         height:28px;
         font-size:11px;
         background-color:#0135ad;
         }
#navi li
	{
         display:inline;
         float:left;
         }

#navi a{
	background-color:#0135ad;
	list-style-type:none;
         border-left:1px solid white;
         display:block;
         padding:1px 6px;
         color:#FFFFFF;
	text-decoration:none;
          }

#navi a:visited{

          }
#navi a:focus{
         color:white;
         }
#navi a:hover{
	background:#d42f13;
	color:white;
          }
#navi a:active{
	color:white;
          }
		  
/* 		++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		+   Hauptnaviagtion 								   +
		+		- Hervorhebung der jeweils aktiven Seite       +  	
	    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++    */

#start #navi .start a,
#neuigkeiten #navi .neuigkeiten a,
#konferenz #navi .konferenz a,
#veranstaltungen #navi .veranstaltungen a, 
#besprechungen #navi .besprechungen a,
#wir #navi .wir a,
#kontakt #navi .kontakt a,
#links #navi .links a,
#impressum #navi .impressum a   /*  !Wichtig! kein Beistrich mehr  */
	 {
	 background:#d42f13;
	 color:white;
	 cursor:default; 
	 }	

/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +    Subnavigation für die Konferenzseiten    +
       +++++++++++++++++++++++++++++++++++++++++++++++      */
	   
								
								
#programm #navi .konferenz a,/* muss sein, damit der Hauptlink-Konferenzfür alle drei Subseiten aktiv bleibt*/
#veranstaltungsort #navi .konferenz a,
#anmeldung #navi .konferenz a
		{
	 background:#d42f13;
	 color:white;
	 }


#conferencenavi
	{
         border:0px solid white;
         clear:left;
         margin-left:0em;
         background-color:#FFFFFF;
         height:3em;
         }

#conferencenavi ul
	{	 
		 padding-top:7px;
         padding-left:13.6em;
         }


#conferencenavi a
	{
		 border-bottom:1px solid #ffffff;
         color:#0135ad;
         background-color:#ffffff;
	list-style-type:none;
         display:block;
         padding:2px 0px;
         margin-left:20px;
	text-decoration:none;
         }

#conferencenavi a:visited
	{

          }
#conferencenavi a:focus
	{
         background:none;
	color:#0000E8;
         text-decoration:none;
         border-bottom:1px solid #0000E8;
         }
#conferencenavi a:hover
	{
	background:none;
	color:#0000E8;
         text-decoration:none;
         border-bottom:1px solid #0000E8;
          }
#conferencenavi a:active
	{
         background:none;
	color:#0000E8;
         text-decoration:none;
         border-bottom:1px solid #0000E8;
         }

/*     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
       +    Subnavigation für die Konferenzseiten             +
	   +         - Hervorhebung der jeweils aktiven Seite     +
       ++++++++++++++++++++++++++++++++++++++++++++++++++++++++      */

#programm #conferencenavi .programm a,
#veranstaltungsort #conferencenavi .veranstaltungsort a,
#anmeldung #conferencenavi .anmeldung a
     {
	 background:none;
	 color:#0000E8;
     text-decoration:none;
     border-bottom:1px solid #0000E8;
	 cursor:default;
	 }



/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +          Inhaltsbereich-Allgemein           +
       +++++++++++++++++++++++++++++++++++++++++++++++      */

#content
	{
         clear:left;
         line-height:1.6em;
         }
#content h1
	{
         padding:1em 1em 0em 1.5em;
         }

#content h2
	{
         padding:2.2em 1em 0em 1em;

         }
#content p
	{

         padding:0.9em 1em 0em 1em;
         }

.contentli /* Dient zur Abstandserzeugung bei Listenelementen 
			(vorzugsweise "ol")  zwecks besserer Lesbarkeit  */
		{
		padding-bottom:0.5em;
		}
/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +          Inhaltsbereich-Startseite          +
       +++++++++++++++++++++++++++++++++++++++++++++++      */
.pichomepage
		{
		text-align: center;
		margin: 50px 0px 50px 0px;
		}
#start h1
		{
		font-size:4em;
		text-align: center;
		color:#993300;
		line-height:0;
		padding:0em;
		}
#start h2
		{
		font-size:1em;
		text-align: center;
		}
		
#start p
		{
		text-align: center;
		}	
		
/*     +++++++++++++++++++++++++++++++++++++++++++++++++++
       +          Inhaltsbereich-Konferenzseiten         +
       +++++++++++++++++++++++++++++++++++++++++++++++++++      */

.picgracias
		{
		text-align: center;
		margin: 25px 0px 25px 0px;
		}
		
.picfoerderer
		{
		margin: 10px 10px 10px 15px;
		}		


#konferenz h1
		{
		font-size:1.2em;
		text-decoration:none;
		color:#993300;
		line-height:1.2em;
		margin: 20px 0px 20px 0px;
		padding:10px;
		}
		
#programm h1
		{
		font-size:1.2em;
		text-decoration:none;
		color:#993300;
		line-height:1.2em;
		margin: 20px 0px 20px 0px;
		padding:10px;
		}
		
#veranstaltungsort h1
		{
		font-size:1.2em;
		text-decoration:none;
		color:#993300;
		line-height:1.2em;
		margin: 20px 0px 20px 0px;
		padding:10px;
		}
		
#anmeldung h1
		{
		font-size:1.2em;
		text-decoration:none;
		color:#993300;
		line-height:1.2em;
		margin: 20px 0px 20px 0px;
		padding:10px;
		}
		
/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +  Inhaltsbereich-Konferenz-Kontakte-Seite    +
       +++++++++++++++++++++++++++++++++++++++++++++++      */

#links
	{
         width:770px;
         margin:0px 0px 0px 0px;
         }
		 
table
		{width: 100%;
		border: 1px solid #000;
		margin:40px 0px 40px 5px;
		}
		
table th, table td
		{
		margin:0;
		padding: 8px 20px;
		text-align:left;
		border-bottom: 1px solid #b5b5b5;
		}
		
table tr
		{
		background: #e6e6e6;
		}
table tr.alt
		{
		background: #f1f1f1;
		}
		
table td.denmark
		{
         background: #f1f1f1 url(../pics_content/flag_denmark.png) no-repeat left;
		 padding: 0px 0px 0px 60px;
         }
		 
table td.germany
		{
         background: #e6e6e6 url(../pics_content/flag_germany.png) no-repeat left;
		 padding: 0px 0px 0px 60px;
         }
		 
table td.germany2
		{
         background: #f1f1f1 url(../pics_content/flag_germany.png) no-repeat left;
		 padding: 0px 0px 0px 60px;
         }		 
		 
table td.netherlands
		{
         background: #e6e6e6 url(../pics_content/flag_netherlands.png) no-repeat left;
		 padding: 0px 0px 0px 60px;
         }		 	 
		 
table td.sweden
		{
         background: #f1f1f1 url(../pics_content/flag_sweden.png) no-repeat left;
		 padding: 0px 0px 0px 60px;
         }
				
		
/*     +++++++++++++++++++++++++++++++++++++++++++++++++++
       +       Inhaltsbereich-Veranstaltungsseite        +
       +++++++++++++++++++++++++++++++++++++++++++++++++++      */
		
		
		/*+++++Linker Bereich:Spanisch+++++*/

#contenteventsespanol
		{
		 background:url(../pics/bgcontenteventsesp.gif) repeat-y;
         margin:40px 0px 30px 10px;
         width:290px;
         float:left;

         }

#contenteventsespanol .first /*vergibt jedem Blockelement die obere Rahmengrafik*/
		{
		 background:url(../pics/bgtopcontenteventsesp.gif) no-repeat;
         }

#contenteventsespanol .last /*vergibt jedem Blockelement die untere Rahmengrafik*/
		{
         background:url(../pics/bgbottomcontenteventsesp.gif) no-repeat bottom;
		 padding-bottom:1em;
		 
         }
		 
		/* ++++++Mittelbereich-Teaserfoto++++++*/


#contenteventscentercolumn
		{
		border:1px solid black;
		position:absolute;
		top:130px;
		left:320px;
		margin:40px 0px 0px 0px;
		width:150px;
		background-color:#ffffff;
	

         }
		 
		/*+++++Rechter Bereich:Deutsch+++++*/

#contenteventsdeutsch
	{
         background:url(../pics/bgcontenteventsde.gif) repeat-y;
		 margin:40px 10px 30px 0px;
         width:290px;
         float:right;
         }

#contenteventsdeutsch .first /*vergibt jedem Blockelement die obere Rahmengrafik*/
		 {
		  background:url(../pics/bgtopcontenteventsde.gif) no-repeat;
         }

#contenteventsdeutsch .last /*vergibt jedem Blockelement die untere Rahmengrafik*/
		{
		 background:url(../pics/bgbottomcontenteventsde.gif) no-repeat bottom;
         padding-bottom:1em;
	
		}
		
		
/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +         Inhaltsbereich-Ueberuns-Seite       +
       +++++++++++++++++++++++++++++++++++++++++++++++      */
		
#wir ol
		{
		margin-left:2em;
		padding-left:1em;
		padding-right:1em;
		}

/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +         Inhaltsbereich-Kontakt-Seite        +
       +++++++++++++++++++++++++++++++++++++++++++++++      */

#kontaktlinks
	{
         margin:40px 5px 30px 10px;
         width:360px;
         float:left;
         }
#kontaktrechts
	{
         margin:40px 10px 30px 5px;
         width:360px;
         float:right;
         }

/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +         Inhaltsbereich-Impressum-Seite        +
       +++++++++++++++++++++++++++++++++++++++++++++++      */

#impressumlinks
	{
         margin:40px 5px 30px 10px;
         width:360px;
         float:left;
         }
#impressumrechts
	{
         margin:40px 10px 30px 5px;
         width:360px;
         float:right;
         }
		 
/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +         Inhaltsbereich-Link-Seite        +
       +++++++++++++++++++++++++++++++++++++++++++++++      */

#links
	{
         width:770px;
         margin:0px 0px 0px 0px;
         }
		 
table
		{width: 100%;
		border: 1px solid #000;
		margin:40px 0px 40px 5px;
		}
		
table th, table td
		{
		margin:0;
		padding: 8px 20px;
		text-align:left;
		border-bottom: 1px solid #b5b5b5;
		}
		
table tr
		{
		background: #e6e6e6;
		}
table tr.alt
		{
		background: #f1f1f1;
		}
		

/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +          Inhaltsbereich-Spanisch            +
       +++++++++++++++++++++++++++++++++++++++++++++++      */

#contentespanol
	{
         margin:40px 5px 30px 10px;
         background:url(../pics/bgcontentesp.gif) repeat-y;
         width:360px;
         float:left;
         }

#contentespanol .first /*vergibt jedem Blockelement die obere Rahmengrafik*/
	{
         background:url(../pics/bgtopcontentesp.gif) no-repeat;
         }

#contentespanol .last /*vergibt jedem Blockelement die untere Rahmengrafik*/
	{
         background:url(../pics/bgbottomcontentesp.gif) no-repeat bottom;
         padding-bottom:2.6em;
         }
		 

/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +          Inhaltsbereich-Deutsch             +
       +++++++++++++++++++++++++++++++++++++++++++++++      */

#contentdeutsch
	{
         margin:40px 10px 30px 5px;
         background:url(../pics/bgcontentde.gif) repeat-y;
         width:360px;
         float:right;
         }

#contentdeutsch .first /*vergibt jedem Blockelement die obere Rahmengrafik*/
	{
         background:url(../pics/bgtopcontentde.gif) no-repeat;
         }

#contentdeutsch .last /*vergibt jedem Blockelement die untere Rahmengrafik*/
	{
         background:url(../pics/bgbottomcontentde.gif) no-repeat bottom;
         padding-bottom:1em;
         }

/*     +++++++++++++++++++++++++++++++++++++++++++++++
       +          Inhaltsbereich-Footer              +
       +++++++++++++++++++++++++++++++++++++++++++++++      */

#footer
	{
         clear:both;
         margin:auto;
         width:780px;
         background:#5F5F5F;
         color:#F2F2F2;
         font-size:0.8em;
         }

#footer p
		{
		padding:0.2em;
         text-align:left;
         }