* {
    margin: 0;
    padding: 0;
}

html, body{
    margin: 0;
    padding: 0;
    
    width: 100%;
    height: 100%;
    
    font-family: Tahoma;
    font-size: 8pt;
    
    /*overflow:hidden;*/ 
}

a{
    color: #406896;
}

#lightboxIframe{
    border: 0px;
}

/* ------------------------------------------------ */
/* Stretching the background image Z-index: 10 - 11 */
/* ------------------------------------------------ */

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%; 
}

#bg td {
    text-align:center;
    vertical-align:middle;
    margin:0;
    padding:0;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

.box {
    width: 100%;
    height: 100%;    
    margin: 0 auto;
}

/* ---------------------------------------- */
/* Page basic structure // Z-index: 20 - 25 */
/* ---------------------------------------- */

/* Basic wrap */
#wrap{
    width: 925px;
    margin: 0px auto;
    
    position: relative;
    z-index: 20;
}

/* Content wrap */
#content_all{
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 25;
    
    width: 730px;
    min-height: 650px;
    
    background: url('images/savi_ca_bg.png') repeat-y;
    border-left: 5px solid white;
}

/* Content bg [optional] */
#optional_bg{
    width: 684px;
    height: 186px;
    
    left: 5px;
    top:5px;
    
    position: absolute;
    z-index: 26;
}

#logo{
    position: absolute;
    left: 15px;
    top: 0px;
}

/* Footer */
#footer{
    position: absolute;
    bottom: -20px;
    left: 25px;
    
    color: #414141;
    font-size: 7pt;
}

/* -------------------------- */
/* Right Column / News / Navi */
/* -------------------------- */

/* Aktuell_img*/
.image_left{
    float:left;
    width:  65px;
}

h3.news{
    color: #446898;
    font-size: 12pt;
    font-weight: bold;
    
    padding: 0px;
    margin: 0px;
    
    margin-bottom: 8px;
    padding-left: 3px;
    width: 98%;
    padding-top: 6px;
    border-top: 1px solid #446898;
}

.text{
    padding-right: 30px;
}

.text_right{
    float:right;
    width: 100px;
}

.text_right p{
    margin-top: 0px;
    margin-bottom: 0px;
    
    color: #414141;
}

.text_right b{
    color: #446898;
}

.aktuell_box{
    padding-bottom: 15px;
}

.aktuell_box a{
    clear: both;
    float:right;
    width: 100px;
}

#right_big .button{
    height: 77px;
    width: 220px;
    background: url('images/br/blue_box.jpg') left no-repeat;
    position: relative; 
    
    margin-top: 3px;   
}

#right_big .button h1{
    background: #D2D200;
    width: 220px;

    color: #fff;
    font-size: 12pt;
    font-weight: bold;
    
    padding: 0px;
    margin: 0px;
    
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom:5px; 
    
    position: absolute;
    
    top: 34px;    
    left: 12px;
    
    font-family: tahoma;
}

#right_big .button img{
    position:absolute;
    right: -22px;
    top: 6px;
    border: 0px;
}

#right_big .button img#katalog{
    top: 1px;
}

.news-list-item p{
    padding-right: 20px;
}

/* --------------------------------------- */
/* Left navigation menu // Z-index 23 - 35 */
/* --------------------------------------- */

/* Menu_wrap */
#menu_wrap{
    position: relative;
    top: 30px;
    left: 0px;
    
    z-index: 23;

    width: 190px;    
    min-height: 300px;    
}

/* Menu */
#menu{
    position: absolute;
    left: 15px;
    top: 102px;
    
    z-index: 24;
    
    min-height: 60px;
    width: 175px;
    
    background: url('images/menu_bg_trans.png') repeat;
}

/* Search */
#search{
    margin: 0px auto;
    margin-top: 20px;
    width: 152px;
    height: 21px;
    background:white;
}

/* h2 Suche 2 */
h2.suche2{
    margin-top: 25px !important;
}

/* Suchtreffer */
.treffer{
    border-bottom: 1px dotted #406896;
    width: 450px;
    margin-bottom: 10px;
}

.treffer h3{
    color: #406896;   
}

/* Menu links container */
#menu_points{
    position: absolute;
    top: 60px;
    left: 0px;
    z-index: 35;
    
    background: url('images/menu_bg_trans.png') repeat;
    min-height: 240px;
    padding-bottom: 20px;    
}

/* ul */
#menu_points ul{
    padding: 0px;
    margin: 0px;
    
    margin-left: 15px;
    
    list-style: none;
}

#menu_bottom ul{
    margin-top: 45px;
}

ul a{
    text-decoration: none !important;
}

ul a.current{
    font-weight: bold !important;
}

/* ul li */
#menu_points ul li{
    margin-top: 4px;
    margin-bottom: 4px; 
}

/* Active link */
#menu_points li.active a{
    font-weight: bold;
}

ul.bottom_menu a li{
	text-decoration: none !important;
	color: white !important;
}

/* Fix submenu spacing */
#menu_points ul li ul li{
    margin-bottom: 0px;
    margin-top: 1px;
}

/* ul li a */
#menu_points ul li a{
    color: white;
    text-decoration: none;
}

/* Untermenu */
#menu_points ul li.menu_9 ul.flyout, #menu_points ul li.menu_155 ul.flyout{
    padding: 0px;
    margin: 0px;
    
    padding-left: 25px;
    margin-left: -14px;
    
    padding-top: 1px;
    margin-top: 16px;
    
    padding-bottom: 10px;
    margin-bottom: -10px;
    
    line-height: 12px;
    background: url('images/menu_bg_trans.png') repeat;    

    width: 93%;   
}

/* Last sub li */
#menu_points ul li.menu_11 ul.flyout{
    padding-bottom: 8px;
    margin-bottom: 0px !important;
}

/* Clear p */
#menu_points ul li ul.flyout p{
    margin: 0px;
    padding: 0px;
}

/* Untermenu links */
#menu_points ul li ul.flyout li a{
    font-weight: bold;
    color: white;
}

/* Floating the subelements */
#menu_points ul li ul.flyout li{
    float:left;
    clear:left;    
}

/* Untermen� LEVEL 3 */
#menu_points ul li ul.flyout li ul.sub_3{
    padding-left: 5px;
    padding-bottom: 10px;
}

#menu_points a.sub_current, #menu_points a.sub3_active{
    color: #fff;
}

#menu_points .spacer{
    height: 4px;
    width: 2px;
}

#menu_points ul li.menu_145 ul.flyout{
    padding-top:2px;
    padding-bottom:2px;
} 

/* ---------------------------- */
/* Kinderbetten specific styles */
/* ---------------------------- */

/* List element kinderbetten */
#menu_points ul li.menu_9{
    background: url('images/kinderbetten_li_bg.jpg') repeat-x;
    width: 160px;
    
    /*height: 16px;*/
    
    float:left;
    clear:left;
    
    padding-bottom: 2px;    

    margin-top: 3px;
    margin-bottom: 3px;
}

/* Link element kinderbetten */
#menu_points ul li.menu_9 a{
    color: #406896;
    font-weight: bold;
    
    float:left;
    margin-top:1px;
}

/* Breakout element [orange box] kinderbetten */
#menu_points ul li.menu_9 span.left_box{
    position: absolute;
    left: -15px;
    
    background: #d2d200;
    width: 30px;
    height: 16px;
}

/* ---------------------------- */
/* Pflegebetten specific styles */
/* ---------------------------- */

/* List element pflegebetten */
#menu_points ul li.menu_155{
    background: url('images/pflegebetten_li_bg.jpg') repeat-x;
    width: 160px;
    
    float:left;
    clear:left;    
    padding-bottom: 2px;    

    margin-top: 3px;
    margin-bottom: 3px;    
}

/* Link element pflegebetten */
#menu_points ul li.menu_155 a{
    color: #fff;
    font-weight: bold;
    float:left;
    margin-top:1px;
}

/* Breakout element [orange box] pflegebetten */
#menu_points ul li.menu_155 span.left_box{
    position: absolute;
    left: -15px;
    
    background: #96bdde;
    width: 30px;
    height: 16px;
}

/* --------------------------------- */
/* Chorea-Huntington specific styles */
/* --------------------------------- */

/* List element chorea-huntington */
#menu_points ul li.menu_11{
    background: url('images/chorea_li_bg.jpg') repeat-x;
    width: 160px;
    /*height: 16px;*/
    float:left;
    clear:left;
    padding-bottom: 2px;    

    margin-top: 3px;
    margin-bottom: 3px;    
}

/* Link element chorea-huntington */
#menu_points ul li.menu_11 a{
    color: #fff;
    font-weight: bold;
    
    float:left;
    margin-top:1px;
}

/* Breakout element [orange box] pflegebetten */
#menu_points ul li.menu_11 span.left_box{
    position: absolute;
    left: -15px;
    
    background: #2f7baf;
    width: 30px;
    height: 16px;
}

/* --------------------------------------- */
/* Shadow positioning // Z-index: -5 - -10 */
/* --------------------------------------- */

/* Shadow top */
#content_top_image{
    position: absolute;
    left: -10px;
    top: -5px;
    z-index: -5;
    
    width: 694px;
    height: 489px;
    
    background: url('images/white_top.png');
}

/* Shadow bottom */
#content_bottom_image{
    position: absolute;
    left: -10px;
    bottom: -5px;
    z-index: -10;
    
    width: 694px;
    height: 411px;
    
    background: url('images/white_bottom.png');   
}

/* ------------------------------- */
/* Actual content // Z-index: 100+ */
/* ------------------------------- */

/* Container */
#content{
    /*position: absolute;*/
    top: 33px;
    left: 25px;
    
    float:left;
    position: relative;
    
    width: 100%;
}

/* ------------- */
/* TEMPLATE HOME */
/* ------------- */


/* For selection purposes */
#content_home{
    width: 100%;
}

/* H1 */
#content_home h1{
    color: #446898;
    font-size: 15pt;
}

/* P-Tag 405px small */
#content_home .small_home{
    color: #414141;
    width: 190px;
    margin-top: 20px;
}

/* Img for overlay */
#bg_img_right{
  position:absolute;
  right:287px;
  top:72px;
  z-index:120;
}

/* Overlay Betten */
#betten{
    position: absolute;
    z-index: 115;
    
    left: 18px;
    top: 300px;
}

/* Kinderbetten */
#betten #kinderbetten_overlay{
    float:left;
    position: relative;
}

#betten #kinderbetten_overlay #kinderbetten_bett{
    position: absolute;
    z-index: 120;
    top: 105px;
    right: 20px;
}

/* Pflegebetten */
#betten #pflegebetten_overlay{
    float:left;
    margin-left: 10px;
    position: relative;
}

#betten #pflegebetten_overlay #pflegebetten_bett{
    position: absolute;
    z-index: 120;
    top: 115px;
    left: 13px;    
}

/* Chorea */
#betten #chorea_overlay{
    float:left;
    margin-left: 10px;
    position: relative;
}

#betten #chorea_overlay #chorea_bett{
    position: absolute;
    z-index: 120;
    top: 105px;
    left: 20px;    
}

/* -------------------- */
/* TEMPLATE Empty (360)
/* -------------------- */

/* For selection purposes */
#content_empty{
    width: 100%;
    height: 600px;
    padding-bottom: 85px;
}

/* H1 */
#content_empty h1{
    background: url('images/kb_start_h1.png') no-repeat;
    font-size: 14pt;
    color: white;
    
    display:block;
    height: 35px;
    width: 499px;
    
    padding-top: 6px;
    padding-left: 33px;
    
    margin-top: 5px;
    margin-left: -33px;
}

/* Konfig preview image */
.konfig{
    position: absolute;
    left: -30px;
    bottom: 33px;
    z-index: 120;
}

#content_empty .small_home{
    width: 400px;
    margin-top: 15px;
}

/* --------------------- */
/* TEMPLATE Standard	 */
/* --------------------- */

/* Left column */
#left_col{
    width: 425px;
    float:left;
    padding-bottom: 75px;
}

/* Left column H1 */
#left_col h1{
    background: url('images/kb_start_h1.png') no-repeat;
    font-size: 14pt;
    color: white;
    
    display:block;
    height: 35px;
    width: 499px;
    
    padding-top: 6px;
    padding-left: 33px;
    
    margin-top: 5px;
    margin-left: -33px;
	margin-bottom: 35px;

}

/* Left column H2 */
#left_col h2{
    font-size: 14pt;
    color: #406896;
    margin-top: 7px;
    margin-bottom: 25px;
}

/* Left column P */
#left_col p{
    margin-top: 15px;
}

/* Right column */
#right_col{
    float:right;
    margin-right: 0;
    top: 0;
    z-index: 110;
    padding-bottom: 45px;
    width: 255px;
}

/* Right column Small [aktuell] */
#right_col #right_small{
    float:left;
    width: 240px;
}

/* Right column small [aktuell] H2 */
#right_col #right_small h2{
    color: #406896;
    font-size: 12pt;
    margin-top: 10px;
}

#right_col #right_small h2 a{
    text-decoration: none;
}

/* Right column Big [buttons] */
#right_col #right_big{
    float:left;
    clear:both;
}

/* Right column SMALL H1 */
#right_col #right_small h1{
    background: #406896;
    padding: 5px;
    padding-bottom: 7px;
    padding-left: 10px;
    margin-top: 9px;
    font-size: 11pt;
    color: white;
}

#right_col #right_big .button a{
    color: #fff;
    text-decoration: none;
}

/* ------------------ */
/* Content Formatting
/* ------------------ */ 

/* Tabellen */

table{
    margin-top: 15px;
    padding: 5px;
    line-height: 18px;
}

th p, td p{
    padding: 0px !important;
    margin: 0px !important;
}


table td.align-right{
    text-align: right;
    padding-right: 3px;
}

table th.align-center{
    text-align: center;
}

table tr td span.daten_subhead{
    font-weight: bold;
    color: white;
}
table tr td span.daten_head{
    font-weight: bold;
    color: white;
}

table th{
    background: #76A4C1;
    text-align: left;
    padding: 2px;
    padding-left: 7px;
    color: white;
}

table td.daten_head{
    background: #3F80A8 !important;
    color:white;
    font-size: 12pt;
    font-weight: bold !important;
    
    text-align: left;
    padding: 5px;    
    font-weight: normal; 
    text-align: center;       
}

table td{
    padding-left: 7px;
    padding-top:2px;
    padding-bottom: 2px;
}

table p{
    margin: 0px !important;
    padding: 0px !important;
}

table tr td.bottom_table{
    width: 25px;
    background: #76A4C1;
    text-align: left;
    padding: 2px;
    padding-left: 7px;
    color: white;    
    font-weight: bold;
    text-align: center;
    width: 100%;    
}

/* Bildergr��e definieren */
#left_col .csc-textpic img{
    max-width:  375px;    
}

/* Bilder neben einander Schalten */
.csc-textpic-image{
    float:left;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Abstand der Bilder */
.csc-textpic-imagerow{
    width: 550px !important;
}

/* Abst�nde */
/*.csc-textpic-imagerow .csc-textpic-caption{
    padding-bottom: 15px;
    padding-top: 10px;
}*/

table.contenttable{
    clear: both;
}

/* Floats */
.csc-textpic-intext-left-nowrap img{
    float:left;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text{
    float:left;
}

/* Spacing mit TAB im WYSIWYG-Editor in 25er Schritte */
.indent{
    margin-left: 25px;
}

/* Neue Bulletpunkte */
#left_col ul{
    padding: 0px;
    margin: 0px;
    padding-left: 17px;
    line-height: 18px;
    padding-top: 5px;
    color: #414141;
}

#left_col ul li{
    list-style-image: url('images/bullet.png');
}

/* Bredcrumb */
#left_col h1 .bread_single a{
	font-weight: normal;
	text-decoration: none !important;
	color: white;
}

#left_col h1 .bread_single b a{
	font-weight: bold;
}

h1 .bread_single {
	margin-right: 5px;
}

/* ------------ */
/* Sprachenmen� */
/* ------------ */

#sprachenmenu{
    position: absolute;
    right: 51px;
    top: 11px;
    
    width: 110px;
    height: 18px;
}

/* ----------- */
/* Bottom Link */
/* ----------- */

#bottom_link{
    position: absolute;
    bottom: 50px;   
}

#bottom_link img{
    margin-right: 8px;
}

/* ------------ */
/* Tip a Friend */
/* ------------ */

#tip_a_friend input{
    width: 259px;
}

#tip_a_friend_submit{
    border: 0px;
    background: #406896;
    color: white;
}

/* --------------------- */
/* News-System / Aktuell */
/* --------------------- */

.news_home {
    position:absolute;
    right:27px;
    top:30px;
    width:255px;
}
.news_home h2 {
color:#406896;
font-size:12pt;
margin-top:10px;
}
.news_home .news-latest-category  {
background:none;
color:white;
height:1px;
width:100%;
}
.news_home h2 a {
text-decoration:none;
}
.news_home  h1  {
background:none repeat scroll 0 0 #406896;
color:white;
font-size:11pt;
margin-top:9px;
padding:5px 5px 7px 10px;
}
.news-list-container img{
    margin-right: 25px !important;    
}
.news_home .text_news {
    float:left;
    margin-left: 9px;
    overflow:hidden;
}
span.news-list-date{
    display: none;
}

.news-latest-date{
    display:none;
}

.news-latest-gotoarchive{
    display:none;
}

.news-latest-category{
    height: 1px;
    width: 100%;
    background: #406896;
    color: white;    
}

.news-latest-item img{
    float:left;
}

.news-latest-item {
	width:240px;
}

.news-latest-item h2{
    margin-bottom: 5px;
    padding-left: 8px;
}

.news-list-item h2{
    padding-bottom: 10px;
}

.news-list-item h2 a{
    text-decoration: none !important;
}

.image_news{
    float:left;
    height: auto;
    width: 63px;
}

.news-list-item .image_news{
    width: 125px;   
    min-height: 50px;
}

.text_news p {
    margin-top: 0px;
    margin-bottom: 2px;
}

.text_news{
    float:right;
    width: 168px;
}

.text_news ul a{
	text-decoration: underline !important;
}

.clearer{
    clear:both !important;
    background: white;
    color: white;
}
hr.hr {
    background: white;
    color: white;
}
.news-single-rightbox{
}
.news-single-img{
	float:left !important;
}
.news-single-item {
    padding: 0px;
    margin: 0px;
    width: 435px;    
}

.news-latest-morelink{
    padding-bottom: 15px;
}

hr.cl-right{
    color: white;
}

.news-list-item{
    border-bottom: 1px solid #406896;
    width: 450px;
    margin-bottom: 20px;
}

.news-list-container{
    padding-top: 0px;
}

.news-list-category{
    display:none;
}

.news-latest-container{
    padding: 0;
	background-color:#fff;
}

/* Farbänderungen */

p.bodytext{
    color: #414141;
}

.csc-textpic-caption{
    color: #414141;
}

.text_news p{
    color: #414141;
}

.text{
    color: #414141;
}
#bottomNavClose {
    margin-right: 2px;
}
/*360 Grad Bild verschieben*/
#bg_img_right .csc-textpic-imagewrap{
  left:32px;
  position:absolute;
  top:-31px;
}


#popup div.orange_b{
            background-color:#ff8c00;
            height: 10px;
        }
        #popup div.popup_outer {
            width: 720px; 
            height: 100%;
        }
        #popup div.content {
            float:left;
            width:478px;
            padding:50px 12px 0;
        }
        #popup div.navigation {
            background-color: #dae4ed;
            width: 194px;
            height: 100%;
            padding:50px 12px 0;
            float: right;
        }
        #popup div.navigation ul {
            list-style: none;
        }
        #popup div.navigation li {
            padding:5px 0;
        }
		#popup div.navigation li li {
            padding:5px 0 0 10px;
        }
        #popup div.navigation a {
            color:#000;
            font-size: 10px;
            text-decoration: none;
        }
        #popup div.navigation a:hover,
        #popup div.navigation a.aktiv {
            color:#5e94b6;
            text-decoration: underline;
        }
		#popup div.csc-default {
			margin-bottom:20px;
		}
		#popup p {
			font-size:12px;
		}