@charset "UTF-8";

/*
## -----------------------------------------------------------------------------
##
##
##  STYLE SHEET
##                                             
##        Style-Sheet-Definitionen | NEUE WOHNUNG
##                                                                          
##        SCHEME:      __neuewhg__scheme__                                                 
##        AUTHOR:      Carsten Zandecki, mediaMinds internet services            
*/


*          { margin:0; padding:0; }


@font-face { font-family: 'Lato';
             font-weight: 300;  
	     src: url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-300.eot');
	     src: url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'),
              url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-300.woff2') format('woff2'),
	          url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-300.woff') format('woff'),
	          url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-300.ttf') format('truetype'),
	          url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-300.svg#webfont') format('svg');
           }


@font-face { font-family: 'LatoRegular';
             font-weight: 400; 
	     src: url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-regular.eot');
	     src: url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
              url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-regular.woff2') format('woff2'),
	          url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-regular.woff') format('woff'),
	          url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-regular.ttf') format('truetype'),
	          url('../fonts/lato-latin-ext/lato-v22-latin-ext_latin-regular.svg#webfont') format('svg');
           }



/*html       { visibility:hidden; height: 100%; width: 100%; } */
html       { height: 100%; width: 100%; }

body       { text-align: center; font-family: Lato; font-size: 16px; color: #777; margin: auto; }

img        { border:0px; max-width:100%; } 


/*
## -----------------------------------------------------------------------------
##
##  GENERAL ELEMENT / FORM CLASSES
##                                             
*/


form         { height:100%; }
input        { font-size:1em; border: 1px solid #aaa; padding:5px; color:#555; margin-top:5px; border-radius: 3px; font-family: OpenSans; outline:none; }
input:focus  { background-color: #fff; border: 1px solid #0291e0; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); }

select       { font-size:1em; border: 1px solid #aaa; padding:2px; color:#555; margin-top:5px; border-radius: 3px; font-family: OpenSans; outline:none; }
textarea     { font-size:0.875em; border: 1px solid #ddd; padding:3px; border-radius: 3px; color:#555; margin-top:5px; }

p            { margin:25px 0 25px 0; line-height:1.4em; letter-spacing: 0; }

.sm          { margin-top:0px; font-size:0.875em; text-align:center; }



/*
################################################################################
##
##  BUTTONS IN FORMULAREN  // SUCHFELDER DIMENSIONEN // SPECIAL CLASSES
##
*/


.apbutton, .apbutton:visited {
    background: url("alert-overlay.png") repeat-x scroll 0 0 #222;
    color: #000;
    cursor: pointer;
    display: inline-block;
    position: relative;
    border-radius:3px;
    text-decoration: none;
    /* box-shadow: 0 0 4px 0 #ccc; */
    border:0px;
}

   /* SIZES */

     .small.apbutton       { font-size: 11px; }
     .medium.apbutton      { font-size: 13px; padding:7px;  border-radius:50%; }

     .mediumicon.apbutton  { font-size: 13px; padding:3px; box-shadow: none; border:none; }

      .large.apbutton       { font-size: 14px; font-family:OpenSansRegular; border-radius:3px; padding: 6px; position:relative; top:0px;}


   /* BUTTONIMAGESIZES */

      .funcicon           { width:15px; height:15px; position:relative; top:2px; box-shadow: none; }

      .funciconAsForm     { width:16px; height:16px; position:relative; top:2px; box-shadow: none; border:none; padding:0; margin:0; }
      .funciconAsForm:focus { border:none; }

      .helpicon           { width:18px; height:18px; position:relative; top:0px; box-shadow: none; }

      .textFormat         { position:relative; top:2px; background: #e5e5e5; border:1px solid #999; padding:5px; border-radius:5px; width:12px; height:12px; }
      .textFormatSpacer   { margin-right:12px; } 

   /* COLORS */

   
      .red.apbutton    { background: #bb0000; color:#fff; border:1px solid #990000; }
      /* .orange.apbutton { background: #ffbb00; color:#000; border:1px solid #cc9900; } */
      .orange.apbutton { background: #0291e0; color:#fff; border:1px solid #0071b0; }
      .gray.apbutton { background: #f0f0f0; color:#ccc; border:1px solid #ccc; }


   /* FORMS  */

      .round.apbutton  { border-radius:10%; }


/*
## -----------------------------------------------------------------------------
##
##  HEAD STYLES
##
##
*/

#absetzung     { display:block; width:100%; height:6px; background: #ae3c3c; }

.header        { display:block; width:980px; height:199px; margin:0 auto; } 

#infobar       { display:block; width:978px; padding:8px 0 0 0; height:28px; text-align:right; }
#infobar a     { color:#777; text-decoration:none; font-size: 0.935em; }
#infobar .imp  { position:relative; top:4px; width: 20px; padding:0 4px 0 0; }
#infobar .dp   { position:relative; top:4px; width: 20px; padding:0 4px 0 0; }

#logo          { float:left; width: 327px; height:84px; margin-top:40px; }
#bagw_logo     { display:flex; float:right; width:170px; margin-top:20px;  }

/*
#kontakt       { float:right; width: 223px; padding-top: 62px; height:100px; font-size:1.000em; text-align:left; }
#kontakt a     { color: #ae3c3c; text-decoration:none; }
#kontakt .fon  { position:relative; top:5px; width:21px; height:21px; padding:0 10px 0 4px; color: #555; }
#kontakt .mail { position:relative; top:9px; left:1px; width:27px; height:27px; padding:0 7px 0 0; }
#kontakt:after { clear:both; }
*/

/*
## -----------------------------------------------------------------------------
##
##  SITE MENU STYLES
##
##
*/

nav              { display:block; width:100%; padding-top: 20px; background: url('../images/sh_top.png') no-repeat; background-position: center 0px; }

#menu            { width:1024px; /* 980px */ margin: 0 auto; text-align:left; padding-top: 50px; padding: 3px 0 0 0; z-index:999; position:relative; }
#menu ul,li      { display:inline-block; }

#menu .active a  { padding:17px 20px 17px 20px; background: #943132; color: #fff; }

#menu li a       { display:block; font-size:1.125em; color: #262626; text-decoration:none; padding:17px 20px 17px 20px; transition: all 0.4s ease-in-out; }
#menu li a:hover { color: #ffffff; background:#943132; }

/* #menu li.nonav a:hover   { cursor:default;} */


/* will style only the top level li  */

#menu > ul > li{ 

	list-style: none;
	display: inline-block;
	line-height: 1;
	margin: 0;;
	border-radius: 0px;
	position:relative;   
}




#menu > ul > li:before {
    font-size:38px;
    position:relative;
/*    top:8px;
    left:2px; 
    content: "� ";
*/
    color: #c9d7f0;
}

/*
#menu > ul > li:hover:before {
    position:relative;
    content: "� ";
    color: #49bdc7;
}*/


#menu > ul > li > a {
	color:inherit;
	text-decoration:none !important;
        font-size:1.125em; 

	padding: 0px;
        font-family: Lato;
        font-weight:normal;
        /*color: #555;*/

        /**  padding:17px 13px; **/
        padding:17px 7px;  /** with one additional menu point */
}


/*
*/

#menu li ul
{  
     position:absolute; 
     list-style:none; text-align:left; 
     width:200px; left:50%; margin-left:-50%; top:64px; 
     font-family: Lato; 
     font-size:1.000em; 
     border-radius:0; 
     box-shadow: 0px 0px 22px rgba(0,0,0,0.2);
     background: #fff;
     max-height:0px;
     overflow:hidden;
     transition:max-height 0.4s linear;
}

#menu li ul:before { content: ""; }
#menu li ul li { display:block; background-color: #fff; border-bottom:1px solid #e4e4ea; }
#menu li ul li:last-child { border-bottom: none; }


#menu li ul li a{
        margin:0;
	padding:14px 14px 14px 14px;
	/* color:#262626 !important; */
	text-decoration:none !important;
	display:block;
        line-height:1.4em; 
        
}

#menu li ul li a:hover { color: #fff; }

#menu li ul li:nth-child(odd){ background-color:#fff; border-bottom:1px solid #e4e4ea; }
#menu li ul li:hover{ background-color: #943132; color:#fff !important; }
#menu li ul li:first-child{ margin-top:0px; position:relative; }
#menu li ul li:first-child:before{ /* the pointer tip */ content:''; }

#menu li ul li:last-child{ border-bottom:none; }

/* #menu .tip { background:#ccc; } */
/* This will trigger the CSS       */
/* transition animation on hover   */

#menu li:hover ul{ max-height:300px; } /* Increase when adding more dropdown items */

/* #menu .nonav a:hover     { cursor:text; background: #3a0c93; color:#f30122; }
#menu > .nonav > ul > li a:hover     { cursor:pointer; background: #3a0c93; color:#f30122; }
*/


#shadow          { display:block; width:100%; padding-top: 0px; height:23px; background: url('../images/sh_bottom.png') no-repeat; background-position: center 0px; }


/*
## -----------------------------------------------------------------------------
##
##  SITE MENU STYLES
##
##
*/


.content  { width:980px; display:block; margin:8px auto 0 auto; }
.tcontent { width:980px; display:block; margin:0 auto; }

.leftred  { display:block; float:left; width: 294px; height:317px; background:#ae3c3c; margin-right:30px; }
.red      { margin-top:7px; border-top:4px solid #fff; border-bottom: 4px solid #fff; height:255px; background:#cd4647; text-align:center; padding:20px; }
.red h2   { color: #fff; font-family: Lato; font-size:1.875em; font-weight:normal; }
.red p    { color: #fff; font-family: Lato; font-size:1.125em; text-align:center; }

.imgcon   { display:block; float:left; width: 521px; height:315px; background:#fff; margin-right:30px; border:1px solid #d1d1d1; position:relative; }
.bu       { position: absolute; width: calc(100% - 10px); background: rgba(255,255,255,.9); padding: 5px; bottom: 0; text-align:left; font-size:13px; }

.rightred { display:block; float:left; width: 103px; height:317px; background:#ae3c3c; }

.space    { height:30px; }
.bread    { display:block; width:636px; height:22px; background: url('../images/home.svg') 0px 8px no-repeat; background-size:18px 16px; padding:8px 0 0 22px; border-bottom:2px solid #e5e5e5; font-size: 0.825em; text-align:left; }

#leftgrey { display:block; float:left; width: 274px; background:#e5e5e5; margin-right:30px; padding:10px; }
.iborder  { border:10px solid #fff; }
.itext    { margin:10px 0 30px 0; font-size:0.875em; }

#rightcon { display:block; float:left; width: 656px; font-size:1.125em; /*line-height:1.4em;*/ /*font-size:1.125em;*/ text-align:left; }

#rightcon h1 { font-family: Lato; color: #ae3c3c; font-size: 1.625em; font-weight:bold; margin:30px 0 0 0; }
#rightcon h2 { font-family: Lato; color: #ae3c3c; font-size: 1.250em; font-weight:bold; margin:40px 0 0 0; }
.tcenter     { margin-top: 110px; }

#rightcon a  { text-decoration:none; color: #cd4647; }

#rightcon .triple  { float:left; width:32%; line-height:1.4em; }
#rightcon .tspacer { float:left; width:3%;  }

#rightcon .small   { font-size: 0.750em; }
#rightcon .pub     { width:190px; height:250px; border:1px solid #d1d1d1; margin-bottom:15px; border-radius:5px; }

#rightcon table    { margin-left:30px; }
#rightcon table td { vertical-align:top; line-height:1.4em; }

#rightcon .ttitle  { font-weight:bold; padding:0 15px 10px 0; }
#rightcon .ttext   { padding:0 0 15px 0; }

#rightcon .teamtext { padding:85px 0 15px 0; width:440px; }

#rightcon .wptitle  { float:left; width:208px; font-weight:bold; padding:0 15px 20px 30px; }
#rightcon .wptext   { float:left; width:400px; padding:0 0 20px 0; }




/*
## -----------------------------------------------------------------------------
##
##  Footer - Styles
##                                             
*/


footer     { width:100%; font-size:1.125em; margin: 60px 0 60px 0; line-height:1.3em; /*font-weight:normal;*/ }

footer h3  { font-family: Lato; font-size: 1.062em; color: #cd4647; margin:0 0 25px 0; font-weight:normal; }

.flyer     { position:relative; top:-17px; left:0px; }
.download  { position:relative; top:7px; width:32px; height:32px; padding:0 8px 0 0; }

#footbar   { border-top:2px solid #e5e5e5; width:980px; margin:0 auto; padding:40px 0px; text-align:left; }
#footbar a { text-decoration:none; color: #cd4647; }

.elem      { float:left;  }
.k0        { width:224px; }
.k1        { width:494px; }
.k2        { width:260px; }
.k3        { width:190px; }
.k4        { width:262px; text-align:left; }

.redpoint ul  { margin-top:0px; padding-left:5px; list-style-type:none; line-height:1.3em;  font-size:1.000em; }
.redpoint li  { display:block; padding-left:20px; font-size: 1.000em; background: url('../images/list.png') 3px 6px no-repeat; }

#ccNotice  { display:block; box-sizing: border-box; width:100%; background:rgba(174,60,60,.9); color:#fff; padding:15px; position:fixed; bottom:0px; line-height:1.5em; }
.ccButton  { font-size:15px; margin-left:10px; font-weight:bold; padding:6px 10px; background:#943132; color:#fff; border:none; display:inline-block; }

.scrollup  { position:relative; top: -20px; left:214px; display:block; background: #943132 url('../images/top.svg') 0px -3px no-repeat; background-size: 50px 50px; border-radius:50% 50%; padding:10px; height: 30px; width: 30px; }

/*
## -----------------------------------------------------------------------------
##
##  CLEAR STYLES
##                                             
*/
 
.clear        { clear:both; }
.group:after  { clear:both; content: ""; display: table; clear: both; }