@charset "UTF-8";
/* CSS Document */


/* ###########################################  general  ################################################*/

body{
font-family: helvetica, arial, georgia, Georgia, times, serif;
font-size: 16px;
font-weight: lighter;
padding: 0  0  0 0px;
vertical-align: top;
font-style:normal;
text-align: center;
width:auto;

color:#625E51;
background: #fff;
background-position: 50% 0%;
margin: 0 0 0 0;
background-attachment:fixed;
overflow-x:hidden;
line-height: 110%;
letter-spacing:   -0.01em;
}

#container	{margin: 0 auto; width:983px; height:auto; z-index: -1100; text-align:left; font-size: 16px;  overflow:visible;} 
img		{padding: 0 0 0 0 ; margin: 20px 0 20px 0; border: 0px;}
img		{text-decoration: none;}

.img		{padding: 0 0 0 0 ; margin: 2px 0 20px 0; border: 0px;}

.imageframe     {padding: 0 0 0 0 ; margin: 20px 0 20px 0; border: 0px;}

a		{text-decoration: none; color:#C1BFBA; }
a:hover		{color:#625E51; text-decoration: none; }

li	{list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0;clear:both;}

ol, ul
{
width: 1080px;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
float:left;
text:align: left;

}

.aktt_tweets { 
width: 983px;


} 

.aktt_tweets_single { 
width: 193px;
height: 150px;
margin: 0 16px 10px 0;
float: left;
border-left: 1px solid #fff;
padding: 20px 20px 0px 20px;
background: #fff;
background: /*#eee*/ url(images/talktalktalk.png) no-repeat;

font-family: georgia, times new roman;
font-size: 16px;
font-style: italic;
overflow:hidden;

} 


.aktt_tweets_single	a:hover { 
color:#C1BFBA;
/*color:#A19F97*/

} 
.aktt_tweets_single	a { 
color:#625E51;

} 




/* ###########################################  colums ################################################*/


.onecol_wide		{ float: left; width: 1080px; }
.onecol_feature		{ float: left; width: 983px; height:373px; }
.onecol			{ float: left; width: 983px; text-align:left; padding: 0; margin:0; height:auto;}
.onecol_content		{ float: left; width: 983px; text-align:left; padding: 0px 0 50px 0; margin:-11px 0 0 0;}
.onecolfooter		{ float: left; width: 983px; }
.onecol	     a		{text-decoration: none}
.onecolheader		{ float: left; width: 983px; padding: 28px 0 10px 0;}
.onecolheader    a	{ text-decoration: none;}


.twocol			{
font-family: helvetica, arial;
font-style:normal;
line-height: 120%;
text-align:left; float: left; width: 443px; margin-right: 10px;
}

.twocol_right		{
font-family: helvetica, arial;
font-style:normal;
text-align:left;
float: left;
width: 423px;
margin-right: 0px; 
font-weight: normal;
line-height: 120%;
color:#625E51;

}

.indikator{

vertical-align:top;
text-align: left;
float: left;     
height:auto;
width:auto;
margin:0px 0px 10px 0px;
display:block;
overflow:hidden;
font-size: 21px;
font-weight:lighter;
line-height: 107%;
letter-spacing:   -0.01em;
padding: 0px 0 2px 20px;
background: #fff url(images/greendot.jpg) no-repeat;

background-position:0px 2px;
display: block;

}



.member_spacer{
height:20px;

}

.indikator_spacer{
height:35px;

}

.page_spacer{
height:15px;

}

.indikator_wrapper{
padding: 0px 0px 0 0;
margin: 0 16px 0 0;
width: 233px;
height:auto;
float: left;

}

.indikator_wrap{
margin: 0 -30px 0 0;
width: 760px;
height:auto;
float: left;

}


.textform 	{
font-style:normal;

font-weight: lighter;
line-height: 120%;
color:#625E51;
text-align:left;
font-family: helvetica, arial;
width:720px;
padding:0;
margin:0;
}

.textform a	{
font-family: helvetica, arial;
/*text-decoration: underline;
border-bottom:1px dotted #000;


padding: 3px 5px 2px 5px;
color:#fff;
background:#625E51;
margin: 0px 0px 0px 0px; 
color: #9CBEAE;
padding: 3px 5px 2px 5px;
color:#fff;
background:#fff;
border-right: 1px solid #625E51;
border-left: 1px solid #625E51;*/

margin: 0px 0px 0px 0px; 
font-weight:bold;
color:#625E51;
}

.textform a:hover	{
color:#9CBEAE;

}

.trecol			{ float: left; width: 292px; margin-right: 10px; }
.forcol			{ float: left; width: 200px; margin-right: 10px; }
.forcol_home		{ float: left; width: 200px; margin-right: 32px; }
.twocol 	a	{text-decoration:none;font-weight:normal;}
.twocol_right 	a	{text-decoration:none;font-weight:normal;}



/* ########################################  headlines & hacks #######################################*/


h1		{
text-align: left;
clear:both;
font-weight: bold ;
font-size: 48px;
margin: -3px 0 10px -3px; 
padding 0px 0 0 0;
line-height: 120%;
letter-spacing:   -0.01em;
position:relative;
overflow:visible;
height: auto;


} 

.h1_page		{
text-align: left;
clear:both;
font-weight: bold ;
font-size: 48px;
margin: -3px 0 10px -3px; 
padding 0px 0 0 0;
line-height: 100%;
letter-spacing:   -0.01em;
width:650px;
position:relative;
overflow:visible;
} 


h2		{
font-weight: normal;
font-size: 48px;
text-align: left; 
margin: 0px 0 -3px -3px;
padding: 0px 0 0px 0px;
line-height: 100%;
background-position:0px 22px;
color:#DEDDDA;
width:auto;
float:left;
position:relative;
overflow:visible;
} 


h3		{
font-weight: normal;
font-size: 16px;
text-align: left; clear:both;
margin: 20px 0 0 0;
padding: 20px 0 0 18px;
line-height: 120%;
background: #fff url(images/greendot.jpg) no-repeat;
background-position:0px 21px;

} 


.h5		{
font-weight: normal;
font-size: 21px;
text-align: left;
line-height: 100%;
color: #fff;

} 



.h2_spacer{
height:47px;

}


h11		{font-size: 16px;} 
h4,  h6, form, ol, p, ul	{text-align: left;line-height: 120%; text-transform:none;}


.teaser_wrap		{ 

text-align: left;
float:left;
width:233px;
background-position:0px 0px;
padding: 0px 0px 0px 0px;
margin:10px 17px 20px 0px;
overflow:hidden;
background: /*#F0EEE7*/ url(images/talktalk.png) no-repeat;
display:block;


} 




.teaser		{ 

font-family: georgia, times new roman;
text-align: left;
float:left;
width:auto;
height: 87px;
font-size: 16px;
font-style: italic;
line-height: 107%;
letter-spacing:   -0.01em;

color:#625E51;
padding: 28px 20px 5px 20px;
margin: 0px 0px 0px 0px;
overflow:hidden;


} 


.teaser	a:hover { 
color:#C1BFBA;
/*color:#A19F97*/

} 
.teaser	a { 
color:#625E51;

} 










.headline_feature		{ 
font-family: helvetica, arial;
padding:0 0 0 0;
font-weight: bold;
margin: 0 0 0px 1px;
text-align: left;
text-transform: uppercase;
font-size: 54px;
clear:both;
width:900px
} 


.headline_small		{ 
font-family: helvetica, arial;
padding:0 0 0 0;
font-weight: bold;
margin: 0 0 0px 1px;
text-align: left;
text-transform: uppercase;

clear:both;
} 

@media screen and (-webkit-min-device-pixel-ratio:0){.headline_small {height:20px ;}} 

.headline_small a {
text-decoration: none;
padding: 0 0 0px 10px;
background: url(images/ball.png) no-repeat;
} 

.headline_small a:hover {
text-decoration: none;
padding: 0 0 0px 10px;
background: url(images/ball_white.png) no-repeat;

} 


.date{
text-align: left;
font-weight: regular;

float:left;

} 

#headlinebox{
text-align: right;
float: right;
height:auto;
margin: 0px 0px -40px 0;
padding:0 0 0 0;
font-weight: regular;
width:300px
} 

#headlinebox a {
text-decoration: none;
vertical-align: baseline;
text-align: right;
float: right;
height:auto;
margin: 0 0px 0 0 ;





} 





#headlinebox a:hover {
text-decoration: none;
vertical-align: baseline;
margin: 0 0px 0 -10px ;
padding: 0 0 40px 18px;
font-weight: regular;
} 

.headlinebox_notes{
text-align: right;
float: right;
width: 50px;
height:auto;
margin: 0px 35px 0 0;
font-size: 21px;
font-weight: bold;
} 

.arrow {				
background-repeat:no-repeat;
margin: 12px 0 18px 0 ;
width:34px;
height: 11px;
clear:both;
text-align:center;
}


/* ###########################################  lines & breaker ################################################*/


.feature    { height:200px;} 
.block_line {border-top: 10px solid #DEDDDA;width:983px;height: 0px;} 
.solid_line {border-bottom: 5px solid #DEDDDA;width:983px;height: 1px;margin: 10px 0 15px 0px;} 
.dotted_line {border-bottom: 1px solid #DEDDDA;width:983px;height: 1px;margin: 20px 0;} 
.dotted_line_small{border-bottom: 1px solid #DEDDDA; width: 300px; margin: 0px 30px 20px 0;} 
.dotted_line_small_narrow {border-top: 1px solid #DEDDDA;;width: 233px;margin: 0px 0px 20px 0;} 


.dotted_line_small_link{border-bottom: 1px solid #DEDDDA;width: 200px;margin: 11px 0px 10px 0;float:right;} 


.logo {	
vertical-align: top;		
float:left;
height: 57px;
width: 101px;

}


.logo a {
vertical-align: top;	
height: 57px;
width: 101px;			

}




#clearer2{
clear:both;
color:#333;
height:0px;
width: auto;
}

/* ################################  Contact, Copyright, Footer, Previous, Next ##############################*/

#contacter {
background-color: #000;
color: #999;
padding: 0px 0px 15px 0px;
height:auto;
width:896px;
}


.edit {	
text-align: left;	
vertical-align:top;
height:auto;
width:auto;
padding: 0px 0px 0px 0px;
float:left;

margin: 0px 0px 50px 0px; 
}


.edit a  {	
color: #fff;
background:#625E51;
padding: 7px 10px 5px 10px;
margin: 0px 10px 50px 0px; 
}

.edit a:hover  {	
color:#625E51;

}


.author {	
font-weight:normal;
text-align: left;
float:left;	
vertical-align:top;
height:auto;
width:auto;
padding: 3px 6px 2px 6px;
float:left;
background:#9CBEAE;
margin: 5px 0px 0px 10px; 
color:#fff;
}


.author a  {	
color: #fff;
}

.author a:hover  {	
color:#E4E3E1;
}






.previous {	
text-align: left;	
vertical-align:top;
height:auto;
width:auto;
float:left;
}


.previous a {	
text-align: left;	
vertical-align:top;
height:auto;
width:auto;
padding: 0px  0  0 16px;
float:left;
font-weight: regular;background: url(images/pfeil_links.jpg) no-repeat;
background-position:0px 1px;
}


.previous a:hover {	
text-align: left;	
vertical-align:top;
height:auto;
width:auto;
padding: 0px  0  0 16px;
float:left;
font-weight: regular;background: url(images/pfeil_aktiv.jpg) no-repeat;
background-position:0px 1px;
}








.next {
text-align: right;
float: right;
width: auto;
height:auto;


}

.next a {
text-align: right;
float: right;
width: auto;
height:auto;
margin: 0px 0px 0 0;
padding: 0px 16px 0px 0px;
font-weight: regular;
font-weight: regular;background: url(images/pfeil_rechts.jpg) no-repeat;
background-position: right;

}

.next a:hover {
text-align: right;
float: right;
width: auto;
height:auto;
margin: 0px 0px 0 0;
padding: 0px 16px 0px 0px;
font-weight: regular;
font-weight: regular;background: url(images/pfeil_aktiv.jpg) no-repeat;
background-position: right;

}






.nextnav {
text-align: right;
float: right;
width: auto;
height:auto;


}

.nextnav a {
text-align: right;
float: right;
width: auto;
height:auto;
margin: 0px 0px 0 0;
padding: 0px 16px 0px 0px;
font-weight: regular;
font-weight: regular;background: url(images/navball.png) no-repeat;
background-position: right;

}

.nextnav a:hover {
text-align: right;
float: right;
width: auto;
height:auto;
margin: 0px 0px 0 0;
padding: 0px 16px 0px 0px;
font-weight: regular;
font-weight: regular;background: url(images/pfeil_aktiv.jpg) no-repeat;
background-position: right;

}






.contact {
margin: 0px 0px 0px 0px;
text-align: right;
width: 896px;
font-size: 9px;	
font-weight: regular;
color:#333;
}


.contactis {
margin: 0px 0px 0px 0px;
text-align: right;
float:right;
width: auto;
font-size: 10px;
font-weight: regular;
}

.copyright {	
color:#333;
text-align: left;	
vertical-align:top;
height:auto;
width:auto;
margin: 0px 0 0 0 ;
padding: 0px  0  0 0px;
float:left;
}


/* ###########################################  navigation ################################################*/

#navigation {

vertical-align: top;		
margin: 20px 0px 0px 0px;
text-align:right;
width:auto;
overflow:visible;
line-height: 100%;

}

#navigation a {
color:#625E51;
}

#navigation a:hover {
z-index:1000;
color:#625E51;

}





.page_item {
text-align: right;
float: right;
width: auto;
height:auto;
margin: 0px 0px 0 0;
padding: 0px 0px 0px 0px;
font-weight: regular;

background-position: right;

}

.page_item a{
text-align: right;
float: right;
width: auto;
height:auto;
margin: 0px 0px 0 0;
padding: 0px 16px 0px 0px;
font-weight: regular;
font-weight: regular;
background: url(images/navball.png) no-repeat;
background-position: right;

}



.page_item a:hover{
text-align: right;
float: right;
width: auto;
height:auto;
margin: 0px 0px 0 0;
padding: 0px 16px 0px 0px;
font-weight: regular;
font-weight: regular;background: url(images/pfeil_aktiv.jpg) no-repeat;
background-position: right;

}

.current_page_item {
text-align: right;
float: right;
width: auto;
height:auto;
margin: 0px 0px 0 0;
padding: 0px 0px 0px 0px;
font-weight: regular;background: url(images/pfeil_aktiv.jpg) no-repeat;
background-position: right;

}







/* #################################  entry & textblocks ################################################*/

.project {
float: left;
width: 928px;
margin: 0px 0 0px 0;
height: auto;
}

.contacternentry {
float: left;
width: 896px;
margin: 0 0 0 0;
height: auto;
}

.columnentry {
float: left;
width: 928px;
margin: 0 0 0 0;
height: auto;
}

.entryslider{
text-align: left;
float: left;     
height:300px;
width:233px;
margin:0px 0px 0px 0px;
background: url(images/whitebox.png) no-repeat;


}


.entryslider a{
    
height:300px;
width:233px;
margin:0px 0px 0px 0px;
background: url(images/whitebox.png) no-repeat;



}

.entryslider a: hover{


text-align: left;
float: left;     
height:300px;
width:233px;
margin:0px 0px 0px 0px;
padding: -150px 0 0 0;
background: url(images/whitebox.png) no-repeat;




}




.memberslider{
text-align: left;
float: left;     
height:300px;
width:233px;
margin:0px 32px 0px 0px;
display:block;
overflow:hidden;
}

.memberslider a{
text-align: left;
float: left;     
height:300px;
width:233px;
margin:0px 32px 0px 0px;
display:block;
overflow:hidden;
background: #9CBEAE;
background: url(images/greenbox.png) no-repeat;
background-position:top;


}

.memberslider a: hover{
text-align: left;
float: left;     
height:300px;
width:233px;
margin:0px 32px -50px 0px;
padding: 0 0 0 0;
display:block;
overflow:hidden;

background: url(images/greenbox.png) no-repeat;
background-position:bottom;

}




.entry{
text-align: left;
float: left;     
height:150px;
width:233px;
margin:0px 0px 0px 0px;
display:block;
overflow:hidden;


}


.entry a {
text-align: left;
float: left;     
height:150px;
width:233px;
margin:0px 0px 0px 0px;
display:block;
overflow:hidden;


}

.entry a:hover {
   
height:300px;

width:233px;
margin:-150px 0px 0px 0px;
padding:0px 0 0 0;
display:block;
overflow:hidden;


}


.entry_pic{

margin: 0px 0 0px 0;
padding: 0px 0 0px 0;
text-align: left;
float: left;     
height:150px;
width:233px;
background: #fff;
color: #fff;
}




.members{
text-align: left;
float: left;     
height:150px;
width:233px;
margin:0px 0px 0px 0px;
display:block;
overflow:hidden;


}

.members a {
text-align: left;
float: left;     
height:150px;
width:233px;
margin:0px 32px 20px 0px;
display:block;
overflow:hidden;

}

.members a:hover {
text-align: left;
float: left;     
height:340px;
width:233px;
margin:-150px 32px 0px 0px;
padding:0px 0 0 0;
display:block;
overflow:hidden;
color: #fff;

}








.members_pic{
font-family: helvetica, arial, georgia, Georgia, times, serif;
font-size: 16px;
line-height: 100%;
letter-spacing:   -0.01em;
text-align: left;
float: left;
width:233px;     
height:150px;
margin: 10px;
color:#fff;
font-weight: regular;
/*background: #9CBEAE url(images/white_ball.png) no-repeat;*/
padding:20px 0px 0 0px;

}


.entry_addon{
font-family: helvetica, arial, georgia, Georgia, times, serif;
font-size: 16px;
line-height: 100%;
letter-spacing:   -0.01em;
text-align: left;
float: left;
width:auto;     
height:110px;
margin: 10px;
color:#fff;
font-weight: regular;

padding:20px 10px 0 0px;


}



.member_addon{
font-family: helvetica, arial, georgia, Georgia, times, serif;
font-size: 16px;
line-height: 100%;
letter-spacing:   -0.01em;
text-align: left;
float: left;
width:213px;     
height:110px;
margin: 10px;
color:#fff;
font-weight: regular;
/*background: url(images/white_ball.png) no-repeat;*/
padding:20px 0px 0 0px;


}

.member_addon_2{
font-family: helvetica, arial, georgia, Georgia, times, serif;
font-size: 16px;
line-height: 100%;
letter-spacing:   -0.01em;
text-align: left;
float: left;
width:213px;     
height:110px;
margin: 10px;
color:#fff;
font-weight: regular;
/*background:  url(images/white_ball.png) no-repeat;*/
padding:20px 0px 0 0px;

}


.member_addon_light{
color:#CDDED6;
text-align: left;
float: left;
padding:0;
margin:0;
}


.entry_member a{
background: #9CBEAE;
}



.entry_feature_home{
vertical-align:top;
text-align: left;
float: left;     
height:365px;
width:896px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:block;
overflow:hidden;
background: #fff;
}

.entry_feature{
vertical-align:top;
text-align: left;
float: left;     
height:320px;
width:896px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:block;
overflow:hidden;
background: #fff;

}


.entrytext{
text-align: left;
float: left;   
height:auto;
width:233px; 
padding: 0 16px 20px 0;
}

.newstext{
text-align: left;
float: left;   
height:auto;
width:200px;
margin:0px 32px 0 0px;  
}

.newstext_archive{
text-align: left;
float: left;   
height:78px;
width:200px;
padding:0px 32px 10px 0px;  
margin:0px 0 10px 0px; 
overflow:hidden;
}

*:first-child+html .newstext_archive {height:61px;}



.newstext_inline{ 
margin:-10px 0 0 0;
font-size: 11px;
font-weight: normal;
line-height: 120%;
color:#222;
font-family: georgia,helvetica, arial;
}


*:first-child+html .newstext_inline {margin:-10px 0 0 0;}

.projecttext_inline { 
margin:-10px 0 0 0;
text-style:regular; 
font-style:normal;
font-size:11px;
height:40px;
overflow:hidden; }

*:first-child+html .projecttext_inline {margin:10px 0 0 0;height:35px;}



/*0000000000000000000000*/

.entry_feature_text{
text-align: left;
float: left;   
height:auto;
width:896px;
overflow: hidden;
}

newsbox{ 
height:100px;
width:928px;
margin:0 0 0 0px;  
}

.entrytext_project{
text-align: left;
float: left;   
height:auto;
width:200px;
margin:0px 32px 20px 0px;  
}

.entrytext_archiv{
text-align: left;
float: left;   
height:100px;
width:200px;
margin:0px 32px 0px 0px;  
overflow: hidden;
}

.entrytext_inside{
float: left;     
height:auto;
width:200px;
padding:-50px 0px 0px 0px;
overflow: hidden;
}


.column {
float: left;
margin: 0 40px 0 0;
width: 181px;      
}


.post		{
float: left;
padding: 0px 16px 20px 0;
margin: 0px 0px 0px 0px;
vertical-align: top;

font-style:normal;
text-align:left;
float: left;

font-size: 11px;
font-weight: normal;
line-height: 120%;
color:#222;





}


#sidebar{
margin: 0 0 0 0;
height: auto;
width:896px;
float: left;
text-align:left;
}



/* ###########################################  post  ################################################*/

.post-image	{float:left;border: 1px; height:auto ; width: auto; padding: 0 0 0px 0; margin: 0 0 0 0;}


/* ###########################################  page  ################################################*/

.headline_page		{
font-family: helvetica, arial;
font-weight: bold; font-style:normal;text-transform: uppercase; text-align: left;clear:both;font-size: 14px;
padding: 30px 0 10px 0;} 

.headline_page_right		{
font-family: helvetica, arial;
font-weight: bold; font-style:normal;text-transform: uppercase; text-align: left;clear:both;font-size: 14px;
padding: 0px 0 10px 0;} 

.text_page{
font-style:normal
margin:0 0 20px 0;
font-size: 11px;
fontfamily: times, georgia;
font-weight: normal;
line-height: 120%;
color:#222;

clear:both;} 

/* ###########################################  habla  ################################################*/


#habla_window_div{
border-top: 1px solid #A3A3A3;
font-family: georgia, Georgia, times, serif;
font-size: 10px;
font-style:italic;
width: 896px;
height: auto;
display: block;
bottom: 0;
position:fixed;
margin: auto;
z-index: 1000;
}


/* ###########################################  flickr rss  ################################################*/

.flickrbox{
padding:0px 0 0 0;
width: 440px;
height: 240px;
text-align:justify;
float: left;
overflow:hidden;
} 

/* ###########################################  end  ################################################*/
