/* PORTAL_BASE | CASCADING STYLESHEET FUER DAS CAMPACT-PORTAL */
/* AUTHOR: ih */

/*-----------------GLOBAL--------*/

body {
	margin: 0px;
	font-family: Helvetica, Arial, Verdana, "Sans Serif";
	font-size: 10px;
	line-height: 13px;
        
	}


#position{
	position:absolute;
	      
	}
			
/* ------------------- TEXT FORMATE ------------------- */

p {
font-family:Helvetica, Arial, Verdana, "sans serif";
	line-height:1.3em;
	font-size: 1.3em;
	margin:0.5em 0.6em 0.5em 0.6em;
	padding: 0;
	color: #5E554E;
	text-align: left;   
	}
	
h1 {
	font-family:Helvetica, Arial, Verdana, sans serif;
	font-weight:bold;
	font-size:3.6em;
    
	}
	
h2 {
	font-family:Helvetica, Arial, Verdana sans serif;
	font-size:3.5em;
	font-weight:bold;
        text-transform: uppercase;
        margin-top: 0em;
        line-height: 1em;
	}

h2 a, h2 a:hover {
      }

		
h3 {
	color: #333;
	font-family:Helvetica, Arial, Verdana, "sans serif";
	font-size:1.2em;
	font-weight:bold;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 0 5px 0;
	}

h3 a, h3 a:hover {text-decoration: none;
                  color: #000;}





h4  { 
	font-family:Helvetica, Arial, Verdana, "sans serif";
	font-size:1.2em;
	margin-bottom:5px;
	color:#777777;
	padding: 5px 0 5px 0;
	margin: 0;
	}
	

h4 a, h4:hover {}
		
a { 
	text-decoration:none; 
	color:#C70C20; 
	}

a:hover {
	color:#F74500;
	text-decoration: underline;}



ul, li {
	padding:0px;
	margin:0px;
	list-style-type:none;
	}
	
hr {
	height:1px;
	margin-bottom:10px;
	border-top: 1px solid #777777;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: #FFFFFF;
        margin-top: 10px;
	}



		
	
/*-------------INHALTSBEREICH / GRUNDGERUEST ----------------------------------- */

#center {
         width:885px;
         
         	}
*html #center {border-left: 0.5em solid #ECE7E4;}




#inhalt {
	
        position: relative;
        width: 915px;
        
	
     	}





/*----------------INHALTSBEREICH / TOP-PORTAL ALLGEMEIN-------------------------------*/

.top_portal_container {height: 28.7em;
                          
                       border-left: 1.5em solid #ECE7E4;
                       border-right: 1.5em solid #ECE7E4;
                       border-bottom: 1.5em solid #ECE7E4;}

*html .top_portal_container {height: 28em;
                                    background-color: #ECE7E4;
                                           border-bottom: 1.3em solid #ECE7E4;}

.top_portal {position:relative;
	left:0px;
	height: 26.3em;
        padding-right: 0.5em;
        padding-top: 0.2em;
        padding-bottom: 0;
        margin-bottom: 0;            
}

*html .top_portal {height: 22em;}

.top_portal img {float: left;
                 padding: 0;
                 margin: 0;
                 width: 44em;
                 border: none;}

.top_portal p {
        margin-top: 0;
	font-size:1.5em;
	line-height: 1.4em;
        font-weight: normal;
	}

.top_portal p a {text-decoration: underline;
                 color: #5E554E;}



.top_portal h2 { 	margin-bottom: 0;
                    padding-bottom: 0em;
                    padding-top: 0em;
                    line-height: 1em;
                   }

	
.top_portal h2 a{ 
                        color: #5E554E; }

.top_portal h4 a {
	font-size:2.8em;
	font-weight:bold;
        text-transform: uppercase;
        padding-top: 0em;
        line-height: 1em;
        margin-bottom: 0;
        padding-bottom: 0;

       	}	

.top_portal h4 {   margin-bottom: 0;
                    padding-bottom: 0;}

/*-----------------TOP_PORTAL-LIST-UL---------------*/


.top_portal_list {position: relative;
                  height: 2.2em;
                  width: 88.5em;
                                    
             }

*html .top_portal_list {top: -0.4em;
                                  }

.top_portal_list ul {padding-top: 0.5em;}


.top_portal_list li {display: inline;
            margin-right: 2em;}

.top_portal_list li a {
            color: #fff;
            font-size: 1.4em;
            padding: 0.5em 0 0.3em 2em;
                        }

.top_portal_list li a:hover {color: #fff;
                       }



.top_portal_list li a.video {background-image: url(/img/base/video_gr_w.gif);
	background-repeat: no-repeat;
         background-position: 8px 8px;
        }


.top_portal_list li a.aktion {background-image: url(/img/base/icon_aktion_gr_w.gif);
	background-repeat: no-repeat;
         background-position: 9px 8px;
        }


.top_portal_list li a.info{background-image: url(/img/base/icon_info_gr_w.gif);
	background-repeat: no-repeat;
         background-position: 9px 7px;
        }

.top_portal_list li a.audio{background-image: url(/img/base/icon_audio_gr_w.gif);
	background-repeat: no-repeat;
         background-position: 9px 10px;
        }

.top_portal_list li a.spenden{background-image: url(/img/base/icon_spende_gr_w.gif);
	background-repeat: no-repeat;
         background-position: 9px 8px;
        }

.top_portal_list li a.photo{background-image: url(/img/base/icon_foto_gr_w.gif);
	background-repeat: no-repeat;
         background-position: 9px 10px;
        }

.top_portal_list li a.doku{background-image: url(/img/base/icon_doku_gr_w.gif);
	background-repeat: no-repeat;
         background-position: 9px 10px;
        }

/*-----------------TOP_PORTAL_BUTTON-------------------*/



.top_portal_button  {position: absolute;
       top: 24.3em;
       left: 68.8em;
       height: 32px;
       width: 191px;
       z-index: 20;
       }


.top_portal_button img{border: none;}

*html img.top_portal_button {top:12.3em;}

/*---------------TOP_PORTAL_COUNTER-----------------------*/

.top_portal_counter { position: absolute;
                       top: 23.03em;
                       left: 66em;
                       font-size: 1.1em;
                       z-index: 21;}

*html .top_portal_counter {top: 23.05em;}

.top_portal_counter li {display: inline;
                        font-size: 1.7em;
                        padding-right: 0.6em;
                        text-transform: uppercase;
                        color: #fff;}

.top_portal_counter li a, .top_portal_counter li a:hover {color: #fff;
                          text-decoration: none;}

/*--------------------------------------PORTAL_HOR_LIST_CONTAINER------------*/

#portal_hor_list_container {position: relative;
                            background-color: #fff;
                            height: 30.2em;
                            width: 885px;
                            border-left: 1.5em solid #ECE7E4;
                            border-right: 1.5em solid #ECE7E4;
                            border-bottom: 1.5em solid #ECE7E4; }



#portal_hor_list_container ul {padding-top: 0.5em;
                               padding-bottom:0.5em;
                               padding-left: 0.1em;
                               font-size: 2.4em;
                               line-height: 1em;
                               color: #999;}


#portal_hor_list_container li{display: inline;
            
            padding-right: 0.2em;
            padding-left: 0.2em;
            margin-top: 1em;
            color: #75635C;
            font-weight: bold;
            }

#portal_hor_list_container li, #portal_hor_list_container li a {color: #75635C;
               text-transform: uppercase;}

#portal_hor_list_container li.second  a {color: #ccc;
               text-transform: uppercase;}

.portal_hor_list_box img.action {width: 10px;
                                 height: 10px;
                                 margin-right: 0.3em;
                                 margin-left: -0.3em;}



/*-----------------------------------PORTAL_HOR_LIST_BOXEN-ALLGEMEIN-------------*/

.portal_hor_list_box {width:21em;
                      float: left;
                      margin-right:0.5em;
                      margin-left: 0.5em;
                      }

*html .portal_hor_list_box {width: 20.8em;}

.portal_hor_list_box img {border: none;}

img.hor_list {width: 21em;
                          height: 14em;
                          border: none;}


*html img.hor_list {width: 20.8em;
                                border: none;}

.portal_hor_list_box h3 a {color: #fff;
                         font-size: 1.3em;
                         font-weight: bold;
                         padding-top: 4px;
                         padding-bottom: 0;
                         padding-left: 2px;
                         margin: 0;
                                                  }

.portal_hor_list_box h3 a:hover {color: #fff;
                                               text-decoration:none; }


.portal_hor_list_box p {color: #fff;
                        margin: 0;
                        padding: 0;
                        font-size: 1.3em;}

.portal_hor_list_box p a, .portal_hor_list_box p a:hover {color:#5E554E;
                                                          text-decoration: underline;}

.portal_hor_list_box .ueberschrift {font-weight: bold;
                                    color: #fff;
                                    font-size: 1.4em;
                                    padding-left: 2px;
                                    }

.portal_hor_list_box .unterschrift {font-weight: normal;
                                    color: #fff;
                                    font-size: 1.2em;
                                    padding-left: 2px;
                                    }

.box_unten {height: 100px;} 

.box_unten_oben {height: 75px;}

.box_unten_unten {height: 25px;}

.teiln {float: left;
                padding-left: 0px;
                padding-top: 2	px;}

.teiln p a {font-size: 1.1em;
            color: #fff;
            padding-left: 15px;
            text-decoration: none;
            background-image: url(https://www.campact.de/img/base/pfeil.gif);
            background-repeat: no-repeat;
            background-position: 0px 0px;
             }

.teiln p a:hover {color: #fff;
                  text-decoration: none;}

.aktion_rechts {
                float: right;
                padding-right: 5px;}

img.bu_aktion {height: 18px;
               width: 64px;}

img.bu_home {  margin-left: 2px;
               height: 18px;
               width: 20px;
               }


/*----------------------------------PORTAL-BLOG--------------------------*/

#portal_blog { background-color: #fff;
                            height:13em;
                            border-left: 1.5em solid #ECE7E4;
                            border-right: 1.5em solid #ECE7E4;
                            border-bottom: 1.5em solid #ECE7E4;
                            padding: 0.5em 0 0.5em 0em;}

#portal_blog h3 {font-size: 2.4em;
                  color: #ccc;
                  line-height: 1em;
                  padding-left: 5px;}

#portal_blog h3 a {color: #5E554E;}

#portal_blog h3 a:hover {color: #5E554E;
                  text-decoration: underline;}

.portal_blog_box {width:20.5em;
                      float: left;
                      margin-top: 1em;
                      margin-right:0.5em;
                      margin-left: 0.5em;}

.messagedate {font-size: 1.3em;
              line-height: 1.3em;
              color:#999999;
                       }

.messages { font-size: 1.3em;
            line-height: 1.3em;
            color:#625640;
            
}
.messages a, .messages a:hover {font-weight: normal;
              color: #625640;}

.messagedate img {width: 10px;
                  height: 10px;
                  margin-right: 0.3em;
                  margin-bottom: 0em;}


/*----------------------------------PORTAL-NEWS--------------------------*/

#portal_news { background-color: #fff;
                            height:15em;
                            border-left: 1.5em solid #ECE7E4;
                            border-right: 1.5em solid #ECE7E4;
                            border-bottom: 1.5em solid #ECE7E4;
                            padding: 0.5em 0 0em 0em;}

#portal_news h3 {font-size: 2.4em;
                  color: #ccc;
                  line-height: 1em;
                  padding-left: 5px;
                  }

#portal_news h3 a {color: #5E554E;}

#portal_news h3 a:hover {color: #5E554E;
                         text-decoration: underline;}

.portal_news_box {width:21em;
                      float: left;
                      margin-top: 1em;
                      margin-right:0.5em;
                      }

.newsbodymessagedate {font-size: 1.3em;
              line-height: 1.3em;
              color:#999999;
                       }

.newsbodymessages { font-size: 1.3em;
            line-height: 1.3em;
            color:#625640;
            
}
.newsbodymessages a, .newsbodymessages a:hover {font-weight: normal;
              color: #625640;}

.newsbodymessagedate img {width: 0.7em;
                  margin-right: 0.3em;
                  margin-bottom: 0em;}


/*--------------------------------PORTAL | PORTAL_WEB20-------------------*/


#portal_web20 { float: right;
                                    width:22em;
                                    height: 14em;
                                    border-left: #ECE7E4 1em solid;
                                    margin-top: -0.5em;
                                    padding-top: 0.3em;}


#portal_web20 hr {height:1px;
	          margin: 0.5em 0.8em 0.9em; 0.8em;
	          border-top: 5px solid #ECE7E4;
	          border-bottom: none;
	         border-left: none;
	border-right: none;
	background-color: #FFFFFF;
      }


#portal_web20_ul {margin-top: 0.5em;
                  margin-left: 0.8em;}

#portal_web20_ul li {display: inline;
                     padding-right: 0.05em;
                      }

#portal_web20_ul li img {border: none;}

/*--------------------------------PORTAL | THEMENBLOCK PHOTOSTRECKE dieses Element ist 
auch Teil der Kampagnen und kann daher auf beiden Ebenen eingebunden werden --------------*/





/*---------------------------PORTAL | THEMENBLOCK s. o. -------------------*/


.themenblock { background-color: #fff;
                            
                            border-left: 1.5em solid #ECE7E4;
                            border-right: 1.5em solid #ECE7E4;
                            border-bottom: 1.5em solid #ECE7E4;
                            padding: 0.5em 0 0.5em 0.5em;}

*themenblock  {width: 900px;
                                   }


.themenblock h3 {font-size: 2.4em;
                              color: #ccc;
                              top: -1em;
                              line-height: 1em;
                              margin-right: 9.2em;}


.themenblock h3 a {color: #5E554E;
                   margin-right: 0.5em;}

.themenblock h3 a:hover {color: #5E554E;
                         text-decoration: underline;}

.themenblock h4 {font-size: 1.8em;
                              color: #ccc;                 
                              line-height: 1em;
                              }

.themenblock p {color: #625640;
                margin-right: 17em;
                font-size: 1.3em;
                padding-left: 0;
                margin-left: 0;
                }



.themenblock ul {padding-top: 0.5em;
                 margin: 0.3em 0.0em -0.5em -0.5em;
                 clear: both;
                 padding-bottom:0.3em;
                 background-color: #f6f2ee;     

                 }

.themenblock li {display: inline;
            
            }

.themenblock li a {
            
            color: #5E554E;
            font-size: 1.5em;
            padding: 0.05em 0.5em 0.2em 2.1em;
            margin-right: 1.0em;
                        }

.themenblock li a:hover {color: #5E554E;}

.themenblock img {width: 21em;
                  height: 14em;
                  border: none;
                  margin-top: 0.8em;
                  margin-right: 1em;
                  margin-bottom: 1em;
                  float: left;}

*html themenblock img {width: 20.5em;
                                   margin-right: 0.4em;}

img.hoch {height: 245px;}

.themenblock img.action, .themenblock img.action_gr  {width: 18px;
                            height: 18px;
                            border: none;
                            margin: 0;
                            padding: 0;
                            margin-top: 3px;
                            margin-right: 6px;
                            margin-left: 0px;
                            }

.themenblock img.themenblock_breit {width: 650px;
                                    height: 170px;}

/*--------------------INHALT | THEMENBLOCK PHOTOSTRECKE ----------------*/

.themenblock.photostrecke p {margin-right: 35em;}

/*--------------------INHALT | SPEZIALLINKS-------------------*/


.themenblock li a.audio {background-image: url(/img/base/audio_gr.gif);
	background-repeat: no-repeat;
         background-position: 9px 2px;
        }

.themenblock li a.video {background-image: url(/img/base/video_gr.gif);
	background-repeat: no-repeat;
         background-position: 9px 2px;
        }

.themenblock li a.photo {background-image: url(/img/base/foto_gr.gif);
	background-repeat: no-repeat;
         background-position: 9px 2px;
               }

.themenblock li a.dok {background-image: url(/img/base/doku_gr.gif);
	background-repeat: no-repeat;
       background-position: 9px 2px;
               }

.themenblock li a.spenden {background-image: url(/img/base/spende_gr.gif);
	background-repeat: no-repeat;
       background-position: 12px 2px;
               }

.themenblock li a.aktion {background-image: url(/img/base/aktion_gr.gif);
	background-repeat: no-repeat;
        background-position: 9px 2px;
               }

.themenblock li a.info{background-image: url(/img/base/info_gr.gif);
	background-repeat: no-repeat;
         background-position: 15px 2px;
               }


/*---------------------------------PORTAL | THEMENBLOCK | NEWS-SPECIAL--------------------*/

.themenblock_news_special {float: right;
                           width:21.6em;
                           height:em;
                           margin-right: 15px;
                      }

*html .themenblock_news_special {margin-right: 7px;}

.themenblock_news_special h5 {font-size: 2.6em;
                         line-height: 1em;
                         text-transform: uppercase;
                         color: #fff;
                         margin-left: 0.2em;
                         margin-top: 0.25em;
                         margin-bottom: 0;}


.themenblock_news_special h5 a {color: #5E554E;}

.themenblock_news_special h5 a:hover {color: #5E554E;}

.themenblock_news_special p, .themenblock_news_special  p a {color: #5E554E;
                                                  margin-top: 1em;
                                                  margin-left: 0.2em;
                                                  font-size: 1.2em;}

.themenblock_news_special  p a:hover {color: #5E554E;}

/*---------------------------------| THEMENBLOCK | NEWS-SPECIAL | VERSCHIEDENE FARBEN--------------------*/

.themenblock_news_special.tns_blue {background-color: #74a6c8;}

.themenblock_news_special.tns_yellowgreen {background-color: #E7DC60;}



/* -------------------BOTTOMBOX----------------------------------------*/

#bottombox {     border-left: 1.5em solid #ECE7E4;
                 border-right: 1.5em solid #ECE7E4;
                 border-bottom: 1.5em solid #ECE7E4;
        	 width: 875px;
       
	padding: 0.5em;
        background-color:#fff;
			}



#bottombox p, #bottombox p a {color: #5E554E;}


/*-----------------------KOOP_IMG | Dies erm?glicht, koop-images in entsprechender Gr??e auf dem Portal anzuzeigen--------------*/

.koop_img {left: 60em;
           width: 49em;
           float: right;
           padding-left: 2em;
           margin: 0;
           }

.koop_img img {border: none;
               width: 70px;
               height: 100%;
               padding-left: 0.5em;}


/* ----- LUKI Styles ----------------------------- */
/* insform: edit, preview, save button             */

#insform { z-index: 10 }

.edit	 { background-color:#EEEEEE; color:black; font-size:8pt; border:1px
	   solid #777777; margin-top:-5px }

p.err	{ color:#FF0000; font-size:10px;} 
http://campact.de/gentec/tourblog
.logedit { background-color: #fff; 
	 padding: 2px;
	 border:1px solid #eaa;
	 margin-top: 0.5em;}

.logedit h3 { color: red; }

/* ----- END of LUKI Styles ---------------------- */



/* Sonderform AktionenDone */


.themenblock_done {height: 22em;
                   padding-right: 5em;}



/*---------------------NAV | TITEL_NAV ---------*/

#titel_nav {width: 21em;
            float: right;
            margin: 0.5em;
            margin-right: 2.4em;}

#titel_nav img {width: 20.8em;}

#titel_nav a.audio {background-image: url(/img/base/icon_audio_w.gif);
	background-repeat: no-repeat;
        background-position: 7px 5px;
        }

#titel_nav a.video {background-image: url(/img/base/icon_video_w.gif);
	background-repeat: no-repeat;
        background-position: 7px 3px;
        }

#titel_nav a.photo {background-image: url(/img/base/icon_foto_w.gif);
	background-repeat: no-repeat;
        background-position: 7px 3px;
               }

#titel_nav a.dok {background-image: url(/img/base/icon_doku_w.gif);
	background-repeat: no-repeat;
        background-position: 7px 3px;
               }

#titel_nav a.spenden {background-image: url(/img/base/icon_spende_w.gif);
	background-repeat: no-repeat;
        background-position: 7px 5px;
               }
#titel_nav a.aktion {background-image: url(/img/base/icon_aktion_w.gif);
	background-repeat: no-repeat;
        background-position: 7px 5px;
               }

#titel_nav a.info{background-image: url(/img/base/icon_info_w.gif);
	background-repeat: no-repeat;
        background-position: 7px 5px;
              }


/*---------------------NAV | TITEL_NAV | UL CAMPAIGN_TITEL---------*/

.campaign_titel {border-top: 1px solid #fff;
               border-left: 1px solid #fff;
               border-right: 1px solid #fff;
               padding-bottom: 0.5em;
              }



.campaign_titel img {width: 203px;
                height: 70px;
                border: none;
                margin: 0;
                }

*html .campaign_titel img {float: left;
                                       margin-left: -0.35em;
                                       width: 202px;
                                       border-left: 1px solid #fff;
                                       border-right: 1px solid #fff;
               }

.campaign_titel li{ padding-bottom: 0.3em;
                    color: #fff;
                    padding-bottom: 0.5em;
                    	font-weight:bold;

                    }


a.campaign_titel_kl {
                    padding-top: 4em;
                    font-size: 1.2em;
                 	font-weight:normal;
                    line-height: 1.8em;
                    color: #fff;
                    padding-left: 5px;
                    text-transform: uppercase;}

*html a.campaign_titel_kl {padding-left: 10px;}

a.campaign_titel_gr {font-size: 2.2em;
                     line-height: 0.7em;
                    color: #fff;
                    padding-left: 5px;
                    text-transform: uppercase;}


/*---------------------NAV | TITEL_NAV | UL CAMPAIGN_AKTION---------*/

ul.campaign_aktion {
               border-left: 1px solid #fff;
               border-right: 1px solid #fff;
               padding-bottom: 0.2em;
               }

.campaign_aktion a {
            color:#fff;
	text-decoration:none;
	display:block;
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: normal;
	padding-left:2em;
        margin-bottom: 0.5em;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
}


*html .campaign_aktion a {margin-bottom: -0.5em;}

.campaign_aktion a:hover {}


/*---------------------NAV | TITEL_NAV | UL CAMPAIGN_IMPORTANT---------*/

ul.campaign_important {border-top: 1px solid #fff;
               border-left: 1px solid #fff;
               border-right: 1px solid #fff;}

.campaign_important li {border-bottom: 1px solid #fff;
	      	        }

.campaign_important a {
            color:#fff;
	text-decoration:none;
	display:block;
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: normal;
	padding-left:2em;
}


.campaign_important a:hover{
        text-decoration:underline;
        color: #fff;
}