/*
Theme Name: Kampa 2011 Jusos Frankfurt
Theme URI: http://www.jusos-frankfrut.de
Description: 
Version: 1.0
Author: Chris Heimpel
*/


@import url("sidebar.css");
@import url("photoalbum-styles.css");


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

.left{
 float:left;
}

.right{
 float:right;
}







/* Mitmach-Bereich */




.click_button{
}


.click_button a,
.click_button a:link,
.click_button a:visited{
  color: #cc0000;
  font-weight: bold;
  padding: 5px;
  margin-top:10px;
  border:1px dotted transparent;
  clear:both;
}

.click_button a:hover{
  border-color: #cc0000;
}

.click_button a:active{
  color: #ffffff;
  background-color: #cc0000;
}


.join_liste ul li{
  list-style-type:disc;
}

.join_list{
  list-style-type:disc;
  color: #cc0000;
}

.join_element{

width: 100%;

}




 h2 a {
  text-decoration:none; font-weight:bold;
  color:#0000aa;
 }



.suche .form-submit{
  display:none;
}

.suche .form-text{
padding:3px;
border: 1px solid #686868;

}

.datum{
  color:#cc0000;
  font-family:			arial,sans-serif;	
  font-size:			14px;
  font-weight:			bold;
  text-transform:		none;  
  margin-top:			30px;
}


.teaser{
  width:490px;
  height: 280px;
  float:left;
  overflow: hidden;
}

.logo{
  width: 960px;
  height: 130px;
}

.top_header{
  width: 960px;
  height: 280px;
  padding:20px;
  background-image:  url(images/bg/top_header.png);
}

.aktuell{
  width:443px;
  height: 273px;
  margin-right:18px;
  float:right;
  font-weight:bold;
}

.news{
  width:423px;
  height: 130px;
 // background-image:    url(images/grau_trans.png);
 //  border: 1px solid #cc0000;
  float:right;
  padding: 10px;

}


.start-content .anreisser{

  float:left;
  padding-right:10px;
  padding-bottom:10px;


}


.start-content h2{
  padding:0px;
  margin:0px;
  text-align: left;
}

.start-content h5{
  padding:0px;
  margin:0px;
  color:#cb0011;
}

.start-content .submitted{
  padding:0px;
  margin:0px;
  font-family:			arial,sans-serif;		
  font-weight:			normal;			
  font-size:			11px;
  text-transform:		uppercase;   
}



.start-content{
  overflow:hidden;   
  background-image:url(images/grau_trans.png); 
}



/*Startseite */


/*Flickr */

.start-flickr{
  width: 960px; 
  height: 135px;
  float:left;  
  padding: 20px;
  background-image: url(images/bg/bg_start_flickr.png);
  padding: 20px;
}


/*Mitmachen */

.start-mitmachen{
  width:440px; 
  height: 150px;
  float:left;  
  padding: 10px;
}


a.mitmachen_button{
   display:block;
   width: 440px;
   height: 150px;
   background-image:  url(images/bg/mitmachen.png);
   background-position:center;
   background-repeat: no-repeat;
}

a.mitmachen_button:hover{
   background-image:  url(images/bg/mitmachen_h.png);
}


/*Termine */

.start-termine{
  width:210px; 
  height: 290px;
  float:left;  
  background-image: url(images/bg/bg_start_termine.png);
  padding: 20px;
}


.termin-box{
 //  width:210px;  
//   height: 50px;

}

.datum-box{
   width: 44px;  
   height: 42px;
   background-image: url(images/bg/kalender_bg.gif);
   text-align: center;
   color: #000000;
   font-weight: bold;
   padding-top: 8px;
   float:left;
}

.datum-box strong {
	display: block;
	font-size: 18px;
	color: #cc0000;
}

.datum-box span {
	display: block;
	font-size: 13px;
	margin-top: -4px;
}

.termin-text{
   float:right;
   width: 160px;
   height: 50px;
   margin-top: 2px;
   overflow: hidden;
}


.termin-text strong {
	color: #cc0000;
	line-height: 16px;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.termin-text a{
	text-decoration:none;
	font-size: 16px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
.termin-text a:hover strong{
	text-decoration: underline;
}

.termin-text p {
	font-size: 10px;
    line-height: 10px;
	color: #000000;
	margin:0px;
	padding:0px;
}


/*Links */

.start-links{
  width: 190px; 
  float:left;  
  padding: 10px;
}


a.links_jusos{
   display:block;
   width: 190px;
   height: 100px;
   background-image:  url(images/logos/jusos.png);
   background-position:center;
   background-repeat: no-repeat;
}

a.links_jusos:hover{
   background-image:  url(images/logos/jusos_h.png);
}


.links_jusos_h{
   display:block;
   width: 190px;
   height: 100px;
   float:right;
   background-image:  url(images/logos/jusos_h.png);
   background-position:center;
   background-repeat: no-repeat;
}


.links_papier_jusos{
   background-image:  url(images/bg/bg_link.png);
   margin-left: -230px;
   margin-top: -120px;
   position: absolute;
   display:block;
   width: 400px;
   height: 100px;
   padding: 20px;
   background-position:center;
   background-repeat: no-repeat;
   visibility:hidden;
} 


.links_papier_hsg{
   background-image:  url(images/bg/bg_link_hsg.png);
   margin-left: -230px;
   margin-top: -120px;
   position: absolute;
   display:block;
   width: 400px;
   height: 100px;
   padding: 20px;
   background-position:center;
   background-repeat: no-repeat;
   visibility:hidden;
}

.links_papier_spd{
   background-image:  url(images/bg/bg_link_spd.png);
   margin-left: -230px;
   margin-top: -120px;
   position: absolute;
   display:block;
   width: 400px;
   height: 100px;
   padding: 20px;
   background-position:center;
   background-repeat: no-repeat;
   visibility:hidden;
}


.links_linkliste{
  width: 210px;
  height: 100px;
  float: left;
}


.links_linkliste ul{
 list-style-type:none;
 margin:0;
 padding:0;
 height: 100px;
}

.links_linkliste li {
    display:block;
	color: #cc0000;
}

.links_linkliste li a {
 background-image:  url(images/bg/link_extern.gif);
 background-position:left top;
 background-repeat: no-repeat;
 padding-left: 16px;
 display:block;
 color: #cc0000;
 font-size: 16px;
 font-weight: bold;
}


.links_linkliste li a:hover {
 text-decoration:underline;
}


a.links_hsg{
   display:block;
   width: 190px;
   height: 100px;
   background-image:  url(images/logos/hsg.png);
   background-position:center;
   background-repeat: no-repeat;
}

a.links_hsg:hover{
   background-image:  url(images/logos/hsg_h.png);
}

.links_hsg_h{
   display:block;
   width: 190px;
   height: 100px;
   float:right;
   background-image:  url(images/logos/hsg_h.png);
   background-position:center;
   background-repeat: no-repeat;
}


a.links_spd{
   display:block;
   width: 190px;
   height: 100px;
   background-image:  url(images/logos/spd.png);
   background-position:center;
   background-repeat: no-repeat;
}


a.links_spd:hover{
   background-image:  url(images/logos/spd_h.png);
}

.links_spd_h{
   display:block;
   width: 190px;
   height: 100px;
   float:right;
   background-image:  url(images/logos/spd_h.png);
   background-position:center;
   background-repeat: no-repeat;
}



/*News */

.start-news{
  width: 490px;  
  height: 460px;
  padding: 20px;
  float:left;
  background-image: url(images/bg/bg_start_news.png);
}

.start-news .artike{

margin-bottom:15px;

}

.start-artikel{
  width:100%;
  float:left;
  border: 1px solid black;


}

.start-artikel .anreisser{
  float:left;
  padding-right:10px;
  padding-bottom:10px;
}

.start_dwn{
  float:left;
  position:absolute;
  margin-top:-49px;
  margin-left:30px;
  z-index: 100;
}

.start_up{
  float:right;
  position:absolute;
  margin-top:-49px;
  margin-left:-68px;
  z-index: 100;
}


.flickr-content{
 overflow:hidden;   
  width:960px;
}

.flickr-content-bild{
  width: 150px;
  height: 100px;
  margin-left:5px;
  margin-right:5px;
}



.news-content{
  width:423px;
  height: 102px;
  margin-bottom:10px;
  overflow: hidden;

}



.flickr_l{
  float:left;
  position:absolute;
  margin-top:-76px;
  margin-left:25px;
  z-index: 100;
}

.flickr_r{
  float:right;
  position:absolute;
  margin-top:-76px;
  margin-left:-75px;
  z-index: 100;
}


.news-content-bild{
  width:136px; 
  height:102px; 
  margin-right:7px;
  overflow: hidden;
}

.news-content-bild img{
  width:136px; 
  height:102px; 
}



.news-content-bild img{
  position: relative; 
}

.news-content-text{
  width:136px; 
  position: absolute;
  z-index: 100;
  overflow: hidden;
  line-height: 1;
  font-size: 12px;
  padding:3px;

 }

.news-content-text span{
  text-transform:uppercase;
  color: #cc0000;
  font-weight:bold;
  background-color: #ffffff;
  display:inline;
}




.mitmachen_top{
  margin-top:10px;
  float:right;
}

.supporter{
background-image:url(images/grau.png); 
background-color:transparent; 
border:3px solid #cc0000; 
display:block; 
}

.main{
  width:1000px;
  
}

.menu{
  width: 976px;
  height: 29px;
  padding-top: 17px;
  padding-left: 20px;
  background-image:  url(images/bg/bg_menu.png);
  background-repeat:no-repeat;
}

.menu ul{
 list-style-type:none;
 margin:0;
 padding:0;
}

.menu li {
 margin-left: 10px;
 display:inline;
}

.menu a,
.menu a:link,
.menu a:visited,
.menu a.active{
  color:white;
  font-size:16px;
  font-weight:bold;
  padding-bottom:5px;
  //text-transform:uppercase;
}

.menu a:hover{
  color:black;
}

.menu a.active{
  color:black;
}


.submenu_abschluss{
  background-image: url(images/bg/bg_menu_list_abschluss.png);
  width: 200px;
  height: 16px;
}


.submenu_oben{
  background-image: url(images/bg/bg_menu_list_oben.png);
  width: 200px;
  height: 11px;
}

.submenu_bg{
  padding-left:25px;
  background-image: url(images/bg/bg_menu_list.png);
  width: 175px;
}


.submenu{
  position:absolute; 
  margin-top:22px; 
  margin-left: -20px;
  width: 180px;
  padding-left: 10px;
  padding-right: 10px;
  visibility:hidden;
  padding-bottom:5px;
  z-index:100;
}

.submenu a,
.submenu a:link,
.submenu a:visited{
  color:#cc0000;
  display:block;
  padding-top:5px;
  width:160px;
}

.submenu a:hover{
  text-decoration: underline;
}


.kal_table td{
  padding-right: 10px;
}


.googlemaps{
  margin-left:10px;
  vertical-align:middle;
}

//Terminliste


.termin_liste table{

}

.termin_liste h2{
  padding:0px;
  margin:0px;
  text-align: left;
  display:inline;
}



//Artikelliste

.artikel{


}

.artikel a:link,
.artikel a:active,
.artikel a:visited{
 color: #cc0000;
}

.artikel a:hover{
 text-decoration: underline;
}

.artikel .anreisser{
  float:left;
  padding-right:10px;
  padding-bottom:10px;
}


.artikel h2{
  font-size:150%;
  padding:0px;
  margin:0px;
  text-align: left;
}

.artikel h5{
  padding:0px;
  margin:0px;
  color:#cb0011;
}

.artikel .submitted{
  padding:0px;
  margin:0px;
  font-family:			arial,sans-serif;		
  font-weight:			normal;			
  font-size:			11px;
  text-transform:		uppercase;   
}


.artikel .read-more a,
.termin_liste .read-more a{
  color:#cb0011;
  font-weight:bold;
}

.artikel .read-more a:hover,
.termin_liste .read-more a:hover{
  text-decoration:underline;
}



.links-more a{ 



}

.links-more a:hover{ 

 color: #cc0000;

}



//Filebox

.fileicon{
  float:left;
}

.fileitem{
   margin:0px;
}



.content{
  float: left;
  width: 680px;
  padding: 0px;
}


.content-mid{
  float: left;
  width: 640px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
  background-image:  url(images/bg/bg_content.png);
  background-repeat: repeat-y;
}


.content-top{
  float: left;
  width: 680px;
  height: 20px;
  background-image:  url(images/bg/bg_content_oben.png);
  background-repeat: no-repeat;
}


.content-bottom{
  float: left;
  width: 680px;
  height: 20px;
  background-image:  url(images/bg/bg_content_unten.png);
  background-repeat: no-repeat;
}




.content-full{
  width:946px;
  height:175px;
  margin-left:18px;
  text-align: justify;
}

.inhalt a:link,
.inhalt a:active,
.inhalt a:visited{
  color:#cc0000;
}

.inhalt a:hover{
  color:#cc0000;
  text-decoration:underline;
}




.sidebar{
  float: right;
  width: 320px;
}

.sidebar-item{
  float: right;
  width: 320px;
}

.sidebar-item{
  float: right;
  width: 280px;
  padding-left: 20px;
  padding-right: 20px;
  background-image:  url(images/bg/bg_sidebar.png);
  background-repeat: repeat-y;
}


.sidebar-item-top{
  float: right;
  width: 320px;
  height: 20px;
  background-image:  url(images/bg/bg_sidebar_oben.png);
  background-repeat: no-repeat;
}


.sidebar-item-bottom{
  float: right;
  width: 320px;
  height: 20px;
  background-image:  url(images/bg/bg_sidebar_unten.png);
  background-repeat: no-repeat;
}



.footer{
  width:980px;
  height:31px;
  padding:10px;
}



/* Socials */

a.social_facebook{
   margin-right: 15px;
   display:block;
   width: 102px;
   height: 31px;
   background-image:  url(images/socials/facebook_g.png);
   background-position:center;
   background-repeat: no-repeat;
   float: left;
}

a.social_facebook:hover{
   background-image:  url(images/socials/facebook.png);
}

a.social_studivz{
   margin-right: 15px;
   display:block;
   width: 71px;
   height: 31px;
   background-image:  url(images/socials/studivz_g.png);
   background-position:center;
   background-repeat: no-repeat;
   float: left;
}

a.social_studivz:hover{
   background-image:  url(images/socials/studivz.png);
}



a.social_flickr{
   margin-right: 15px;
   display:block;
   width: 62px;
   height: 31px;
   background-image:  url(images/socials/flickr_g.png);
   background-position:center;
   background-repeat: no-repeat;
   float: left;
}

a.social_flickr:hover{
   background-image:  url(images/socials/flickr.png);
}


a.social_youtube{
   margin-right: 15px;
   display:block;
   width: 77px;
   height: 31px;
   background-image:  url(images/socials/youtube_g.png);
   background-position:center;
   background-repeat: no-repeat;
   float: left;
}

a.social_youtube:hover{
   background-image:  url(images/socials/youtube.png);
}


a.social_youtube{
   margin-right: 15px;
   display:block;
   width: 77px;
   height: 31px;
   background-image:  url(images/socials/youtube_g.png);
   background-position:center;
   background-repeat: no-repeat;
   float: left;
}

a.social_youtube:hover{
   background-image:  url(images/socials/youtube.png);
}


a.social_jusomail{
   margin-right: 15px;
   display:block;
   width: 107px;
   height: 31px;
   background-image:  url(images/socials/juso-mail_g.png);
   background-position:center;
   background-repeat: no-repeat;
   float: left;
}

a.social_jusomail:hover{
   background-image:  url(images/socials/juso-mail.png);
}



.made{
  padding-top: 9px;
  display:block;
  float:left;
}


.artikel-top img{
  width:150px;
  height: auto;
}

.artikel-sek img{
  width:70px;
  height: auto;
}

.attachment-thumbnail{
  float:left;
  padding-right:5px;
  padding-bottom:5px;
  clear:both;
}

.alignleft{
  float:left;
  padding-right:10px;
  padding-bottom:10px;
  padding-top:10px;

}

.alignright{
  float:right;
  padding-left:10px;
  padding-bottom:10px;
  padding-top:10px;

}

.infobox{
border:1px solid #e20200;; 
background-image: url(images/box-footer.png);
background-color: #ffffff;
margin:0px;

padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:85px;

background-repeat:repeat-x;
background-position:bottom;
width:580px;

}

.infobox div, table{

width:540px;

}

.infobox a{
 color: #CB0814;
 text-decoration: none; 
}

.infobox a:hover{
 text-decoration: underline; 
}

.infobox h1, .title_infobox{
	text-transform:uppercase;
	font-size:160%;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
}

.infobox h2, h3{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:125%;
	color:#cc0000;
	padding-bottom:10px;
}


.supporter_box{
  margin-bottom:20px;
  width: 100%;
}



.supporter_box h1{
	text-transform:uppercase;
	font-size:160%;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
}

.supporter_box h2{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:125%;
	color:#e20200;
	padding-bottom:10px;
}






caption, th, td {
  text-align:				left;
  font-weight:				normal;
}

cite {
	font-weight:			bold;
	font-style:				italic;
	color:					#E20916;
}


body {
  font-size: 10pt;
  font-family: calibri, arial, Helvetica, Geneva, Sans-Regar, sans-serif;
  line-height: 1.4em;
  padding: 0px;
  margin:0px;
  color:			   #000000;
  background-color:	   #cc0000;
  background-image:  url(images/bg/bg_body.png);
  background-repeat: repeat-y;
  background-position: center;

}


.bueroklammer{
  position:absolute;
  background-image:  url(images/bg/bueroklammer_ver.png);
  width: 33px;
  height: 79px;
}

textarea, select, input[type=text]{
  font-size: 10pt;
  font-family: calibri, arial, Helvetica, Geneva, Sans-Regar, sans-serif;
  line-height: 1.4em;
  background-image:  url(images/bg/bg_input.png);
  padding: 5px;
  border: 1px solid #DEDEDE;
}


h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family:				calibri,"arial rounded bold",arial,sans-serif;
  font-weight:				bold;
  line-height:				120%;
  color: 					#000  
  padding: 0px;
  margin: 0px;
}

h1, h1 a {
  font-size:18px;
  text-transform:		uppercase;
  margin-bottom: 5px;
  color: #000000;
  background-image:  url(images/bg/bg_h1.png);
  display: inline-block;
}



h2 {
  font-size:			14px;
  text-transform:		uppercase;  
}


/*
 * Zwischenüberschriften in den Texten 
 */
h3 {
  font-family:			arial,sans-serif;	
  font-size:			14px;
  font-weight:			bold;
  text-transform:		none;  
  margin-top:			30px;
}

h4 {
  font-family:			arial,sans-serif;	
  font-size:			14px;
  font-weight:			bold;
  text-transform:		none;  
  color:				#CECEBF;
}

h5 {
  font-family:			arial,sans-serif;		
  font-weight:			normal;			
  font-size:			10px;
  color:				#E20916;
  text-transform:		uppercase;   
}

h6 {
  font-size:			10px;
}

hr {
  border:				1px solid #CECEBF;
}

p {
  margin:				12px 0;
}

blockquote {
  padding:				5px;
  border-left:			5px solid #D8D8B0;
  background-color:		#F1F1DE;
}

blockquote p {
  padding:				0;
}

pre, div.codeblock {
  margin:				12px 0;
  padding:				3px;
  line-height: 			140%;
  background-color:		#F1F1DE;
  border:				1px solid #D8D8B0;
}

a,
a:link,
a:visited {
  color:				#000;
  text-decoration:		none;
}


address, em, dfn, var {
  font-style:			italic;
}

big {
  font-size:			120%;
}

code, kbd, samp, tt {
  font:					12px "Courier New", Courier, monospace;
  background-color:		#F1F1DE;
}

del, s, strike {
  text-decoration:		line-through;
}

img {
  border: 0;
}

ins {
  text-decoration: underline;
}

iframe {
  border: 0px solid #D3D3C9;
  width: 520px;
}

#left-section object, #left-section embed {
  width: 520px;
}

q {
  quotes: '\201C' '\201D' '\2018' '\2019';
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

small {
  font-size: 80%;
}

strong, label, legend {
  font-weight: bold;
}

sub, sup {
  font-size: xx-small;
}

sub {
  vertical-align: bottom;
}

sup {
  vertical-align: top;
}

dd {
  margin: 0 0 12px 12px;
}

ol li {
  list-style-type: decimal;
}

ul li {
  list-style-type:none;
}

div.item-list li {
  list-style-type: none;
  padding-left: 0px;
}


table {
  width:								100%;
  margin:								12px 0;
  border-collapse:						collapse;
}

td, th {
  vertical-align:						top;
  padding:								5px 0px 5px 0px;			
}




.clear-block {
  clear:both;
}

.clearboth{
clear: both;
}



// Kalender

.kalender{


}

.kalender table{
  border-collapse: separate;
  width: 150px;
  border-spacing:1px;
  font-size:10px;
 background-image:  none;

}

.kalender th{
  font-weight: bold;
  padding: 0px;
  text-align: center;
  color: #cc0000;
}

.kalender td{
  padding: 0px;
  text-align: center;
}

.kalender span{
  cursor: default;
}

.kalender td.cal_alt{

color:gray;

}

.kalender td.cal{

}


.kalender td.active{
  background-color: #cc0000;
}


.kalender td.h{
  font-weight:bold;
}

.kalender td.start{
  border-top: dotted 1px gray;
  border-left: dotted 1px gray;
}

.kalender td.active_h{
  background-color: #cc0000;
  font-weight:bold;
  
}

.kalender a,
.kalender a:link, 
.kalender a:visited, 
.kalender a:hover {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}