/*############################################*/
/*                                            */
/*  Allgemein                                 */
/*                                            */
/*############################################*/

html {
}

body {
  font-size: 10px;
  font-family: Arial;
  margin: 0px;
  padding: 0px;
  background: #05549f;
}

div {
  margin: 0px;
  padding: 0px;
}

img {
  border: 0;
}

/*############################################*/
/*                                            */
/*  Page                                      */
/*                                            */
/*############################################*/

div#page_wrapper {
  width: 1000px;
  background: #FFFFFF;
  margin: auto auto 30px auto;
  position: relative;
  -moz-box-shadow: 2px 3px 6px #080808;
  -webkit-box-shadow: 2px 3px 6px #080808;
  box-shadow: 2px 3px 6px #080808;
  font-size: 12px;
}

/*############################################*/
/*                                            */
/*  Headings                                  */
/*                                            */
/*############################################*/

h1,h2,h3,h4,h5{
  font-size:16px;
  color: #04559e;
}

h2{
  font-size: 14;
}

h3, h4, h5{
  font-size: 12;
  font-weight:normal;
}

/*############################################*/
/*                                            */
/*  Header                                    */
/*                                            */
/*############################################*/

div#header {
  height: 160px;
}

img.logo {
  float: left;
}

img.pattern {
	position: absolute;
  right: 0;
  top: 10px;
}

/*############################################*/
/*                                            */
/*  Nav                                       */
/*                                            */
/*############################################*/

div.navBorder {
	height: 12px;
	background: url(../images/navBorder.png) repeat-x;
  width: 100%;
  top: 185px;
  color: #787878;
}

div#topnav{
  color: #c6c6c6;
  position: absolute;
  right: 110px;
  top: 15px;
  font-size: 13px;
}

div#topnav a{
  color: #787878;
  padding: 2px;
  text-decoration: none;
}

div#topnav a:hover{
  color: #000000;
  padding:2px;
}

div#img {
  margin: 0px 0px 0px 0px;
}

/*############################################*/
/*                                            */
/*  Icons                                     */
/*                                            */
/*############################################*/

div#nav {

}

div#nav ul#menu li.dropdown.active {
  background-color: #00509f;
}

div#nav ul#menu li.dropdown.active a {
  color: #82bbf2;
}

ul#menu li.dropdown.gesellschaft {
  background-image: url(../images/katicons/gesellschaft.png);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color:  #B6D4F8;
}

ul#menu li.dropdown.gesellschaft:hover {
  background-image: url(../images/katicons/gesellschaft.png);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color:  #B6D4F8;
}

ul#menu li.dropdown.beruf {
  background-image: url(../images/katicons/beruf.png);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color:  #B6D4F8;
}

ul#menu li.dropdown.beruf:hover {
  background-image: url(../images/katicons/beruf.png);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color:  #B6D4F8;
}

ul#menu li.dropdown.sprachen {
  background-image: url(../images/katicons/sprachen.png);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color:  #B6D4F8;
}

ul#menu li.dropdown.sprachen:hover {
  background-image: url(../images/katicons/sprachen.png);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color:  #B6D4F8;
}

ul#menu li.dropdown.gesundheit {
  background-image: url(../images/katicons/gesundheit.png);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color:  #B6D4F8;
}

ul#menu li.dropdown.gesundheit:hover {
  background-image: url(../images/katicons/gesundheit.png);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color:  #B6D4F8;
}

ul#menu li.dropdown.kultur {
  background-image: url(../images/katicons/kultur.png);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color:  #B6D4F8;
}

ul#menu li.dropdown.kultur:hover {
  background-image: url(../images/katicons/kultur.png);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color:  #B6D4F8;
}

div#nav ul#menu ul.dropdown-menu li.dropdown-submenu a {
  color: #000000;
  padding: 4px 0px 4px 0px;
  font-size: 12px;
}

div.spacer {
  background-color: #00509F;
  height: 11px;
  position: absolute;
  width: 166px;
}

/*############################################*/
/*                                            */
/*  Col1                                      */
/*                                            */
/*############################################*/

div#col1 {
	float: left;
	width: 750px;
  padding: 17px;
}

div.col1_content_box {
  border: solid #004f9e;
  border-width: 5px 3px 5px 3px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
}

/*############################################*/
/*                                            */
/*  Col2                                      */
/*                                            */
/*############################################*/

div#col2 {
	float: right;
	width: 186px;
  padding-top: 34px;
  padding-left: 15px;
  padding: 34px 15px 0px 15px;
}

div#col2 h1,
div#col2 h2,
div#col2 h3,
div#col2 h4,
div#col2 h5,
div#col2 h6 {
  margin: 0;
}

div#col2 p {
  margin: 0;
}

div.newsletter {
  background: url(../images/pattern_blue.png) no-repeat 140px 2px #B6D6F3;
  padding: 3px 15px;
  width: 160px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

a.newsletter_box {
  background: url(../images/pattern_blue.png) no-repeat 140px 2px #B6D6F3;
  padding: 3px 15px;
  width: 160px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
}

h2.col2_newsletter_h {
  margin: 0;
}

span.newsl { 
  font-size: 17px;
  color: #04559E;
  display: block;
  font-weight: bold;
}
    
a.newsletter_box {
  text-decoration: none;
}

ul.col2_newsletter {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: bold;
}

div.col2_box_grey {
  background: #bfc8cd;
  padding: 5px;
  margin: 10px 0px 10px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.col2_box_grey h1 {
  margin: 0;
}

div.col2_box_grey_content {
  background: #ffffff;
  padding: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/*############################################*/
/*                                            */
/*  Footer                                    */
/*                                            */
/*############################################*/

div#footer {
	background: url(../images/footer.png) repeat-x;
	padding: 11px;
  text-align: center;
}

div#footer p {
  margin: 0;
}

/*############################################*/
/*                                            */
/*  Sonstiges                                 */
/*                                            */
/*############################################*/

div.clear {
  clear: both;
}

div.clearfix {
  overflow: hidden;
}