/*Theme Name: WJD 2010

Theme URI: http://www.wjd-kempten.de/

Description: Standard-Theme für die Wirtschaftsjunioren Kempten-Oberallgäu.

Version: 1.0

Author: fabrique d'images ebusiness

Author URI: http://www.fdi.de/*/



*, html {

   margin: 0;
   padding: 0;
   font-family:Arial,Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
   font-size: 12px;
   color:#333333;

}



a{

   text-decoration:none;

}



a:link, a:active, a:visited, a:focus{

    color:#002A72;

    text-decoration:none;

    font-weight:bold;

}



a:hover{

    color:#002A72;

    text-decoration:underline;

    font-weight:bold;

}



/* Struktur*/



#nav_access {

    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -9999px;
    list-style: none outside none;
}





#wrap {
  width:980px;
  margin: 0px auto;
  text-decoration:none;
}



#header {

 float: left;

 width:980px;

 height:120px;

 border: 0px solid black;

 background: transparent url(images/claim.jpg) 690px center no-repeat;

 border-top:4px solid #ECEEF0;

 }





 h1#logo {
  display: inline;
  float: left;
  background:transparent url(images/logo.jpg) left top no-repeat;
  margin: 35px 0px 0px 30px;
  text-indent: -9999px;
  height: 80px;
  width: 400px;
}



h1#logo a {

 display: block;
 height: 100%;
 outline: medium none;
 width: 100%;}



  #navigation {

  float:left;

  width:947px;

  height:32px;

  border: 0;

  margin:0;

  text-align:left;

  color:#666;

  font-size:14px;

  font-weight:normal !important;

  font-family:Arial,Helvetica, Geneva, Swiss, SunSans-Regular;

  text-decoration:none;

  padding-left:33px ;

  background-color:#eceef0;

}



#navigation a {

  color:#666;

  font-weight:bold !important;

  }



#navigation a:hover {

  color:#666;

  }



#banner {

  float:left;

  width:980px;

  height:230px;

  border:0;

  margin-top: 12px;

}



#content {  width:980px;

  border: 0;

}



#contentmain {   float: left;

   width: 600px;

   padding:10px 0 0 30px;  }



#box1 {    float: left;

    width:268px;

    border: 0;

    margin: 0;

}



#box2 {    float: right;

    width: 268px;

    border: 0k;

    margin: 0 20px 0 0;

}



#box2 ul li a {

    color: #333333;

}



#box2 ul li h3 a {

    color: #002a72;

    font-weight:bold;

    font-family: Arial, sans-serif;

    font-size:14px;

    text-indent:15px;

    background:url(images/page.gif) 0 3px no-repeat scroll;

}



#gastantrag h3 {
 color: #000;
 margin: 10px 0px 20px 0px;
}



#gastantrag a.button,
.infobox a.button {
 border: 1px solid #83bf75;
 padding: 10px;
 color: #326b3e;
 background-color: #e2efde;
}

#gastantrag a.button:hover,
.infobox a.button:hover {
 color: #326b3e;
 border-color: #326b3e;
}

.infobox a.button {margin-top: 10px;}

#sidebar {

    float: right;

    width: 304px;

    border: 0;

    padding: 10px 25px 20px 0 ;

}



#sidebar ul {

    display:block;
    list-style-type:none;
    width:100%;
    margin-left:0;

  }

#sidebar ul li {

   float:left;
   display:block;
   width:150px;

}

#sidebar ul#arbeitskreise li {

   float:left;
   display:block;
   height: 130px;
   width:150px;

}

#sidebar .infobox h3     {

font-size: 16px;

    color:#A2A19F;

    font-family: arial, sans-serif;

    padding-bottom: 1em;

}







#sidebar ul li h3 {

    color: #002a72;
    font-weight:bold;
    font-family: Arial, sans-serif;
    font-size:12px;
    display: block;
    padding-left:15px;
    background:url(images/page.gif) 0 3px no-repeat scroll;
    margin-top: 10px;
    margin-bottom: 15px;

}



#sidebar ul li h3 a {

    color: #002a72;

    font-weight:bold;

    font-size:12px;

    }



#sidebar ul li h3 a:hover {

    text-decoration: underline;

    }



#sidebar div.infobox {

    background-color:#eceef0;

    border-bottom:1px solid #d4d5d5;

    margin-bottom:30px;

    padding:3px 3px 7px 10px;}



#sidebar div.infobox .unterkategorien {

     list-style-type:none;

     display:inline-block;

    }



#sidebar div.infobox .unterkategorien li {

  color: #002a72;

  font-family: Arial, sans-serif;

  text-indent:15px;

  background:url(images/page.gif) 0 3px no-repeat scroll;

  width:auto;

  float:none;

  display:block;}



.children {

   padding-left: 15px;

}



#footer {

 clear:both;

 width:100%;

 height:80px;
 padding-top: 40px;
 padding-left: 25px;

 }



.footer:link   {

     color:#333333

     }



#wappen { float:left;

 width:210px;

 height:48px;

 border: 0;}



#impressum {    float:right;

    width:580px;
    color:#999999;
    font-size:11px;
    font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
    padding-top:20px;
    }



#impressum  a:link, #impressum  a:visited,

#impressum  a:hover, #impressum  a:active,

#impressum  a:focus {

    color:#999999;

    font-weight:bold;

    }



#current {

    text-decoration:underline;

    }



/* Textformatierungen */



h2 {

 font-size: 18px;

 color:#A2A19F;

 font-family: arial, sans-serif;

 padding-bottom: 1em;

}



h3 {

 font-size: 12px;

 color:#002B70;

 font-family: arial, sans-serif;

 padding-bottom: 4px;

}



h4 {

 font-size: 12px;

 color:#9e9e9e;

 padding-bottom: 4px;

 font-style: normal;

 font-weight: bold;

}



h5 {

    font-size: 16px;

    color:#A2A19F;

    font-family: arial, sans-serif;

    padding-bottom: 1em;

}



blockquote {

 margin-left: 25px;

}



p,ul {

    padding-bottom: 1em;
    margin-bottom: 10px;
    Line-height: 16px;

}



ul {margin-left: 25px;}

ol {padding-bottom: 1em;

    line-height: 16px;margin-left: 25px;}



/* Begin Images */



td img { border: 1px solid #ccc;}

p img {	padding: 0;	max-width: 100%;	}

/*	Using 'class="alignright"' on an image will (who would've	thought?!) align the image to the right.

And using 'class="centered',	will of course center the image. This is much better than using	align="center",

being much more futureproof (and valid) */



img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}



img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}



img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}



.alignright {	float: right;	}



.alignleft {	float: left;	}



.postavatar {	float: left; padding: 10px;    margin-right: 5px;  border: 1px solid #ccc;}



.ngg-imagebrowser img {



border:1px solid #A9A9A9;

display:block !important;

margin-bottom:10px;

margin-top:10px;

padding:5px;

width:560px !important;

}





/* End Images */



.article{   border-bottom: 1px solid #D4D5D5;   margin-bottom:10px;   padding-bottom:10px;}



form p{        padding:3px 5px;}

form p.row1{	background-color: #ECEEF0;}

form p label

{

	width: 250px;

	display:inline-block;

}



form p label.radio

{

	width: 60px;

	display:inline-block;

}

form p input[type^="text"], form p textarea

{	border:1px solid #AFAFAF;	font-size:14px;        padding:2px 5px;	-moz-border-radius:4px;	-webkit-border-radius: 4px;}



form p input[type^="submit"],form p input[type^="reset"],form p input[type^="button"], button

{        border 1px solid #666666;//#1A3481;	background-color:#ECEEF0;        padding:0 5px 1px 5px;	-moz-border-radius:4px;	-webkit-border-radius: 4px;}



form p input[type^="submit"]:hover,form p input[type^="reset"]:hover,form p input[type^="button"]:hover,button:hover

{        cursor:pointer;        color:white;        background-color:#1A3481;}form p textarea{	width:95%;        padding:2.5%;        display:block;}



form p.textbox label{	width:auto;}



.connections-list .vcard a img{border:0;}

.ec3_events li h3 a{    padding-left:15px;}

.ec3_schedule{    padding-bottom:1em;}



/* Hauptnavigation */

#menu-hauptnavigation {    background:#ECEEF0 repeat-x;    font-family:verdana,sans-serif;    font-weight:bold;    width:100%;    }

#menu-hauptnavigation, menu-hauptnavigation ul {    float:left;    list-style:none;    line-height:32px;    padding:0;    margin:0;    width:100%;    }

#menu-hauptnavigation a {    display:block;    color:#666666;    text-decoration:none;    padding:0px 10px;    }

#menu-hauptnavigation li {    float:left;    padding:0;    }

#menu-hauptnavigation ul {    position:absolute;    left:-999em;    height:auto;    width:101px;    font-weight:normal;    margin:0;    line-height:1;    border:0;    background-color:#A2A19F;    z-index:300;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;    }

#menu-hauptnavigation li li {    font-weight:bold;    font-family:verdana,sans-serif;    display:block;    float:none;    color:#ffffff;    }

#menu-hauptnavigation li li a {    padding:4px 10px;    color:#ffffff;    }

#menu-hauptnavigationli ul ul {    margin:-23px 0 0 100px;    }

#menu-hauptnavigation li li:hover {    background:#ECEEF0;    color:#666666;    }

#menu-hauptnavigation li ul li:hover a, #menu-hauptnavigation li ul li li:hover a, #menu-hauptnavigationli ul li li li:hover a, #menu-hauptnavigation li ul li li li:hover a {    color:#A2A19F;    }

#menu-hauptnavigation li:hover a, #menu-hauptnavigation li.menu a {    color:#ffffff;    }

#menu-hauptnavigation li:hover li a, #menu-hauptnavigation li li:hover li a, #menu-hauptnavigation li li li:hover li a, #menu-hauptnavigation li li li li:hover li a {    color:#ffffff;    }

#menu-hauptnavigation li:hover ul ul, #menu-hauptnavigation li:hover ul ul ul, #menu-hauptnavigation li:hover ul ul ul ul, #menu-hauptnavigation li.sfhover ul ul, #menu-hauptnavigation li.menu ul ul ul, #menu-hauptnavigation li.menu ul ul ul ul {    left:-999em;    }

#menu-hauptnavigation li:hover ul, #menu-hauptnavigation li li:hover ul, #menu-hauptnavigation li li li:hover ul, #menu-hauptnavigation li li li li:hover ul, #menu-hauptnavigation li.menu ul, #menu-hauptnavigation li li.menu ul, #menu-hauptnavigation li li li.menu ul, #menu-hauptnavigation li li li li.menu ul {    left:auto;    background-color:#A2A19F;    width:200px;    color:#ffffff;    }

#menu-hauptnavigation li:hover, #menu-hauptnavigation li.menu {    background:#A2A19F;    }

#menu-hauptnavigation li:hover li:last-child{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}

#menu-hauptnavigation li.current-menu-item, #menu-hauptnavigation li.current-menu-parent{background-color:#D4D5D5;}

#menu-hauptnavigation li.current-menu-item a,  #menu-hauptnavigation li.current-menu-parent  a{color:#666666;}



p#comments {

  font-weight: bold;

}

.contact {
   width: 560px;
   height: 150px;
   border: 1px solid #E3E3E3;
   margin: 20px 0px;
   padding: 20px;
}

.contact .photo {
  float: left;
  width: 150px;
}

.contact .photo img {
  padding: 10px;
  border: 1px solid #E3E3E3;
}

.contact .contactData {
  float: left;
  margin-left: 20px;
  width: 390px;
}

.contact .fn {
  font-weight: bold;
}

.contact .company {
  float: left;
  width: 170px;
}

.contact .communication {
  float: left;
  width: 200px;
  margin-left: 20px;
}