/*
 * ============== Fixes ========================================================
 */

    /* IE6 PNG Transparency */
    
    img, div {
        behavior: url(iepngfix.htc);
    }

/*
 * =========== // Fixes ========================================================
 */
 

/*
 * ============== Layout =======================================================
 */

	body {
	
	}

	#header {
		width: 762px;
		padding: 0 44px;
		background: url(../tl_files/cryobank/layout/header.jpg) no-repeat;
		position: absolute;
		top: 0;
		height: 230px;
	}
	
	.cryobank_full #header {
        background: url(../tl_files/cryobank/layout/full/header.jpg) no-repeat;
	}
	
	#container {
		background: url(../tl_files/cryobank/layout/content.jpg) repeat-y;
		padding-top: 242px;
	}
	
	.cryobank_full 	#container {
		background: url(../tl_files/cryobank/layout/full/content.jpg) repeat-y;
	} 
	
	#left {
		padding-left: 44px;
	}
	
	#main {
		margin: 0;
		width: 541px;
		float:right;
		padding-right: 63px;
		min-height: 300px;
		xbackground-color: #999;
	}
	
	.cryobank_full #main {
        width: 700px;
        padding-right: 75px;
    }
	
	#footer {
		background: url(../tl_files/cryobank/layout/footer.jpg) no-repeat;
	}
	
	.cryobank_full #footer {
        background: url(../tl_files/cryobank/layout/full/footer.jpg) no-repeat;    
    }
	
	.search {
	    position: absolute;
	    left: 594px;
	    top: 184px;
	    width: 150px;
    }
    
    .search #keywords {
        position: absolute;
        width: 116px;
        height: 18px;
        border: 0;
        background: none;
        font-size: 15px;
        padding: 0;
    }
    
    .search #submit {
        float: right;
    }
    
	.boxcontent .image_container {
		float: left;
		margin: 0 10px 5px 0;
		padding: 0;
		line-height: 0.1%;
	}
    
    .error {
        color: red;
    }
    
    .space {
        height: 1em;
        width: 1px;
    }
    
	.main .image_container img,
    .main .ce_text img {
		border: 1px solid #000;
	}
    
    .no-border,
    #main .ce_text .no-border,
    #kontaktnotiz .image_container img,
    img.no-border,
    #main .no-border .image_container img{
        border: none;
    }        

/*
 * =========== // Layout =======================================================
 */


/*
 * ============== General ======================================================
 */

	.clear {
		clear: both;
	}
	
	.back {
		background: url(../tl_files/cryobank/img/icons/back.gif) no-repeat 0 4px;
		padding-left: 12px;
	}
	
	.back a {
		color: #333366;
	}
	
	ul {
        list-style-type: square;
        color: #333366;
    }

    #bookmark {
        margin: 20px 0 0 15px;
    }
/*
 * =========== // General ======================================================
 */


/*
 * ============== Typography ===================================================
 */

	body,
    #suche .relevance {
		font-family: Arial, Helvetica, sans-serif;
		font-size-adjust: none;
		font-style: normal;
		font-variant: normal;
		text-decoration: none;
		text-align: left;
		font-size: 62.5%;
	}
	
	h1,
	h2,
	h3 {
		font-family: Georgia, serif;
		color: #333366;
		font-weight: normal;
		font-style:italic;
		line-height: 1.2em;
	}
	
	h1 {
		margin: 0.2em 0 0.5em;
		padding: 0;
		font-size: 2.0em;
		letter-spacing: 1px;		
	}
	
	#main {
		color: #444;
		word-spacing: 0.1em;
		letter-spacing: 0;
		line-height: 1.3em;
		font-size: 1.3em;
	}
	
	a {
		color: #336699;
		text-decoration: underline;
	}
	
    a:hover {
		color: #000033;
	}
	
	.list ul li {
        padding: 0.3em 0;
    }
    
    .autolink,
    .autolink:hover {
        text-decoration: none;
        color: #444;
    }  
    
    h1 .autolink,
    h2 .autolink,
    h3 .autolink,
    h4 .autolink,
    h5 .autolink,
    h6 .autolink,
    h1 .autolink:hover,
    h2 .autolink:hover,
    h3 .autolink:hover,
    h4 .autolink:hover,
    h5 .autolink:hover,
    h6 .autolink:hover {
        color: #333366;
    }


/*
 * =========== // Typography ===================================================
 */


/*
 * ============== Boxes ========================================================
 */

	p.important {
		
	}
	
    .grey_box .boxtop,
    .grey_box .boxbottom {
        width: 535px;
    }
    
    .grey_box .boxtop {
 		background-image: url(../tl_files/cryobank/layout/boxes/grey_box_top.png);
		background-repeat: no-repeat;
		height: 10px;   
    }
    
    .grey_box .boxbottom {
 		background-image: url(../tl_files/cryobank/layout/boxes/grey_box_bottom.png);
		background-repeat: no-repeat;
		height: 16px;   
    }    
    
	.grey_box .boxcontent {
		background-image: url(../tl_files/cryobank/layout/boxes/grey_box_middle.png);
		background-repeat: repeat-y;
		padding: 0 10px;
		overflow: hidden;
		width: 515px;
	}
	
	.grey_box .newsbox_latest {
        margin: 10px 0;
    }
	
	.grey_box .boxcontent h3 a {
		text-decoration:none;
		color: #333366;
	}
	
	.grey_box .boxcontent h3 {
		margin: 0;
		color: #333366;
		border-bottom: 1px solid #999;
		font-style:normal;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.fix_grey_box {
		background-image: url(../tl_files/cryobank/layout/boxes/bg_newsbox_home_250x200.png);
		background-repeat: no-repeat;	
		width: 260px;
		height: 200px;
        float: left;
        overflow:hidden;
    }
    
	.fix_grey_box .boxcontent {
		padding: 10px;
		overflow: hidden;
	}
	
	.fix_grey_box .boxcontent .image_container {
		float: left;
	}
	
	.fix_grey_box .boxcontent .image_container img {
	   border: 1px solid #999;
	}
	
	.fix_grey_box .boxcontent h3 a {
		text-decoration:none;
		color: #333366;
	}
	
	.fix_grey_box .boxcontent h3 {
		margin: 0;
		color: #333366;
		border-bottom: 1px solid #999;
		font-style:normal;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: bold;
	}
    
    .fix_grey_box .boxcontent .teaser {
        margin: 1em 0;
    }	
	
    
/*
 * =========== // Boxes ========================================================
 */


/*
 * ============== News =========================================================
 */

	.mod_newsreader .image_container {
		clear:both;
		margin: 4px 1em 1em 0;
	}
	
	.mod_newsreader h1 {
		margin-bottom: 0.2em;
	}
	
	.mod_newsreader .image_container .caption {
		color: #666;
		padding: 5px 0;
		font-style: italic;
	}
	
	#archiv .layout_simple {
		margin-bottom: 1em;
	}	
	
	#archiv {
		padding: 0 15px;
	}
	
	#archiv h3 {
		font-size: 2.0em;
		margin: 0.5em 0;
	}
	
	#archiv a {
		display: block;
	}
	
	.news_box .boxcontent {
		background-image: url(../tl_files/cryobank/layout/boxes/bg_newsbox_home_330x200.jpg);
		background-repeat: no-repeat;
		width: 310px;
		height: 180px;
		float: left;
		padding: 10px;
		overflow: hidden;
	}
	
	.news_box .first {
		margin-right: 20px;       	
	}
	
	.news_box .boxcontent .image_container {
		float: left;
	}
	
	.news_box .boxcontent .image_container img {
	   border: 1px solid #999;
	}
	
	.news_box .boxcontent h3 a {
		text-decoration:none;
		color: #333366;
	}
	
	.news_box .boxcontent h3 {
		margin: 0;
		color: #333366;
		border-bottom: 1px solid #999;
		font-style:normal;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: bold;
	}
    
    .news_box .boxcontent .teaser {
        margin: 1em 0;
    }	

/*
 * =========== // News =========================================================
 *

 
/*
 * ============== Navi =========================================================
 */

    #navi_home {
        height:150px;
        left:10px;
        position:absolute;
        top:60px;
        width:150px;
    }

    #akkreditierung {
        height:85px;
        left:600px;
        position:absolute;
        top:90px;
        width:100px;
    }    

    /*
     * ============== Main Boxes ===============================================
     */
     
        #main_navi_box_left {
    		left: 181px;       
        }

        #main_navi_box_right {
    		left: 379px;       
        }
        
    	.navi_main_box {
            top: 94px;
    		position:absolute;
    		width: 173px;
    		line-height: normal;
    		padding: 0 5px;
    	}
    	
    	.navi_main_box ul {
            margin: 0;
            padding: 0;
            list-style-image: url(../tl_files/cryobank/layout/bg_sub_sub_menu_hover.gif);
        }
        
        .navi_main_box ul li {
            font-size: 1.2em;
            margin-left: 20px;
            padding: 1px 0;
        }
        
        .navi_main_box ul li.first {
            font-size: 1.5em;
            list-style-type: none;
            list-style-image: none;
            padding: 0;
            margin: 0 0 3px 0;
            display: block;
            width: 100%;
            border-bottom: 1px solid #003366;
            color: #003366;
            font-weight: bold;            
        }
        
        .navi_main_box ul li p,
        .navi_main_box ul li a {
            text-decoration: none;
            color: #003366;
            margin: 0;
        }
        
        .navi_main_box a:hover {
            text-decoration: underline;
        }
        
        .navi_main_box .first a:hover {
            text-decoration: none;
        }        
        
        .navi_main_box ul li p {
            
        }
        
    /*
     * =========== // Main Boxes ===============================================
     */         


    /*
     * ============== Old Tabs =================================================
     */
    	#main_navi {
    		position:absolute;
    		top: 154px;
    		left: 172px;
    		width: 585px;
    		font-size: 1.6em;
    		line-height: normal;
    		margin-left: 7px;
    		margin-right: 7px;
    	}
    	
    	#main_navi ul {
    		margin:0;
    		padding:0;
    		list-style:none;
    	}
    
    	#main_navi ul li {
    		float: left;
    		display: inline;
    		margin: 0 1px 0 0;
    		padding:0 ;
    	}
    
    	#main_navi ul a {
    		float:left;
    		margin: 18px 1px 0px 0px;
    		padding: 2px 10px 2px;
    		text-decoration:none;
    		color: #336699;
    		border-top: 1px solid #FFF;
    		border-left: 1px solid #FFF;
    		border-right: 1px solid #FFF;						
    	}
    	
    	#main_navi ul .active .active,
    	#main_navi ul .trail .trail,
    	#main_navi ul a:hover {
    		margin-top: 14px;
    		padding:3px 10px 10px 10px;
    		background:url(../tl_files/cryobank/layout/bg_menu.gif) repeat-x top;
    		color:#336699;
    		background-color:#FFF;
    		border-top: 1px solid #bababa;
    		border-bottom: 7px solid #FFF;
    		border-left: 1px solid #bababa;
    		border-right: 1px solid #bababa;
    		border-collapse:collapse;
    		padding-bottom: 2px;
    	}
    	
    	#main_navi ul .active .active,
    	#main_navi ul .trail .trail {
    		font-weight: 900;	
    	}     
    /*
     * =========== // Old Tabs =================================================
     */

    /*
     * ============== Footer ===================================================
     */
    	#navi_footer {
    		margin-top: 20px;
    	}
    	
    	#navi_footer ul {
    		padding:0;
    		margin: 0;
    		list-style:none;
    	}
    
    	#navi_footer ul li {
    		float:left;
    		display:block;
    		margin:0;
    		padding:5px 10px 5px 0;
    	}
    	
    	#navi_footer ul li p {
    	   padding: 0;
    	   margin: 0;
    	}
    /*
     * =========== // Footer ===================================================
     */

    /*
     * ============== Navi-Path ================================================
     */
     	#naviPath,
    	#naviPath h6 {
    		line-height: normal;
    		margin: 0;
    		padding: 0;
    		font-size: 1em;
    		color: #FFF;	
    	}
    	
    	#naviPath h6 {
    		font-weight: normal;
    	}
    
    	#naviPath {
    		position:absolute;
    		top: 46px;
    		left: 191px;
    		width: 561px;
    	}
    	
    	#naviPath h6 {
    		display: inline;
    	}
    	
    	#naviPath a {
    		color: #E5E5E5;
    	}
    	
    /*
     * =========== // Navi-Path ================================================
     */
     
    /*
     * ============== Sub-Navi =================================================
     */
    
    	#subNavi {
    		top: 0px;
    		left: 0px;
    		width: 180px;
    		font-size: 1.1em;
    		line-height: normal;
    	}
    	
    	#subNavi h3 {
    		font-weight: normal;
    		font-size: 1.7em;
    		padding: 0px 10px 5px 10px;
    	}
    	
    	#subNavi ul {
    		padding:0;
    		margin: 0;
    		list-style:none;
    	}
    
    	#subNavi ul li {
    		float:right;
    		display:block;
    		margin:0;
    		padding:5px 0;
    		width: 98%;
    	}
        
        #subNavi ul .toggler {
            cursor: pointer;
        }
            	
    	#subNavi ul a,
        #subNavi ul .toggler {
            text-decoration:underline;    
        }
    
        #subNavi ul .active {
            text-decoration:none; 
        }
    
    	#subNavi ul a,
    	#subNavi ul .toggler,
    	#subNavi ul .active .active,
    	#subNavi ul .trail .trail {
    		float:left;
    		margin: 0px;
    		padding: 3px 0 3px 10px;
    		color: #336699;
    		width: 100%;
    		font-weight: 900;
    	}
    	
    	#subNavi ul a,
    	#subNavi ul .toggler,
    	#subNavi ul .active .active,
    	#subNavi ul a:hover,
    	#subNavi ul a.trail:hover {
    		border-bottom: 1px solid #f6f6f6;
    	}
    	
        #subNavi ul a {
            text-decoration: underline;        
        }	
    	
    	#subNavi ul .active .active,
    	#subNavi .show,
    	#subNavi ul a:hover {
    		background: url(../tl_files/cryobank/layout/bg_sub_menu.gif) left top no-repeat;
    		background-color: #FFF;
    	}
    	
    	#subNavi ul .active .active,
    	#subNavi ul .trail .trail {
    		font-weight: 900;	
    	}
    	
    	#subNavi ul a.trail {
    		border-bottom: 1px solid #FFF;
    	}
    	
    	#subNavi ul .active ul,
    	#subNavi ul .trail ul {
    		display: block;
    	}
    	
    	#subNavi .level_2 li {
    	   float: left;
    	   display: block;
        }
    	
    		/* sub sub menu */
    	
    		#subNavi ul ul {
    			padding:0px 0 0 0;
    		}
    		
    		#subNavi ul ul li {
    			padding:0 10px;
    			width: 150px;
    		}
    		
    		#subNavi ul ul a,
    		#subNavi ul ul a:hover,
    		#subNavi ul ul .active .active  {		
    			border-bottom: none;
    			font-weight: normal;
    		}
    		
    		#subNavi ul ul a,
    		#subNavi ul ul .active .active {
    			padding: 3px 0 3px 15px;
    			color: #999999;
    			background: url(../tl_files/cryobank/layout/bg_sub_sub_menu.gif) left 50% no-repeat;
    			width:auto;
    		}
    
            #subNavi ul ul a {
                text-decoration: underline;        
            }
    		
    		#subNavi ul ul .active .active,
    		#subNavi ul ul a:hover {
    			color: #336699;
    			background: url(../tl_files/cryobank/layout/bg_sub_sub_menu_hover.gif) left 50% no-repeat;
    		}
    		
    		#subNavi ul ul .active .active {
    			font-weight: 900;			
    		}
    		
    		/* chrome fix */
    		#subNavi .noaccordion .toggler {
                text-decoration: none;
                background: url(../tl_files/cryobank/layout/bg_sub_menu.gif) left 50% no-repeat;
                cursor: text;
                background-color: #FFF;
            }
    
    /*
     * =========== // Sub-Navi =================================================
     */

/*
 * =========== // Navi =========================================================
 */
 
/*
 * ============== FAQ ==========================================================
 */

    .mod_faqreader .info {
        font-size: 1.0em;
        font-style: italic;
    }    
	
/*
 * =========== // FAQ ==========================================================
 */


/*
 * ============== Gruppierungen ================================================
 */

    .grouped_alphabetic h2 {
        margin-bottom: 0;
        xborder: 1px solid #CCCCCC;
        xbackground-color: #CCCCCC;
        width: 20px;
        padding: 2px;
        font-style: normal;
        text-align: center;
        font-weight: bold;
    }
    
    .grouped_alphabetic ul {
        margin-top: 0;
    }

/*
 * =========== // Gruppierungen ================================================
 */


/*
 * ============== Suchergebnisse ===============================================
 */

    #suche h3 {
        margin-top: 1.5em;
        margin-bottom: 0.1em;
    }

    #suche .context {
        font-style: italic;
        margin: 0;
    }
    
    #suche .url {
        display: none;
    }

/*
 * =========== // Suchergebnisse =============================================== 
 */


/*
 * ============== Formular allgemein ===========================================
 */

    .text,
    .textarea,
    .submit,
    .select {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.4em;
        color: #444;
        padding: 0 3px;            
    }

    .text {
        width: 200px;
    }
    
     .textarea {
        width: 400px;
        height: 150px;
    }

     .textarea_small {
        width: 300px;
        height: 150px;
    }
    
    .subcolumns .text {
        width: 230px;
    }
    
    .subcolumns .textarea {
        width: 230px;
        height: 150px;
    }

    .select {
        padding-right: 0px;
        width: 203px;
    }

    .text,
    .textarea,
    .select {
        background: url(../tl_files/cryobank/layout/form/text_bg_grey.png) repeat-x;
        border: 1px solid #999;
    }
    
    .ce_form .col_0,
    .ce_form .col_1 {
        padding: 0.5em 0;
    }
    
    .ce_form .col_0 {
        width: 90px;
        text-align: right;
        vertical-align: top;
        padding-right: 0.6em;
        padding-top: 0.9em;
    }
    
    .explantation {
        padding-left: 128px;
    }
    
    .mandatory {
        font-weight: bold;
    }

/*
 * =========== // Formular allgemein =========================================== 
 */

/*
 * ============== Kontakt-Formular =============================================
 */

    #kontakt .text,
    #kontakt .textarea,
    #kontakt .submit {
        width: 200px;
    }
    
    #kontakt .textarea {
        height: 150px;
    }
    
    #kontakt .submit {
        width: 206px;
    }
    
    #kontaktnotiz,
    #kontaktinfo {
        float: right;
    }
    
    #kontaktinfo {
        width: 220px;
    }
    
    #kontaktformular {
        width: 300px;
        float: left;
    }
    
/*
 * =========== // Kontakt-Formular =============================================
 */

/*
 * ============== Kontakt-Formular Insemination ================================
 */

    #lpinsemination .subcolumns .textarea,
    #lpinsemination .ce_form p {
        width: 230px;
    }
    
    #lpinsemination .subcolumns .textarea {
        height: 169px;
    }
    
/*
 * =========== // Kontakt-Formular Insemination ================================
 */

 
/*
 * ============== Sitemap ======================================================
 */

    #sitemap .level_1,
    #sitemap .level_2,
    #sitemap .level_3,
    #sitemap .level_4,
    #sitemap .level_5,
    #sitemap .level_6,
    #sitemap .level_7,
    #sitemap .level_8 {
        padding-left: 2em;
    }

    #sitemap .level_1 {
        margin-left: 0;
        padding-left: 0;
    }
    
    #sitemap .level_3 {
        color: #999;
    }
    
    #sitemap .level_4,
    #sitemap .level_5,
    #sitemap .level_6,
    #sitemap .level_7,
    #sitemap .level_8 {
        color: #CECECE;
    }

    #sitemap .submenu {
        margin: 0.5em 0;
    }
    
/*
 * =========== // Sitemap ====================================================== 
 */

 
/*
 * ============== Liste mit Spermien ===========================================
 */

    .sperm {
        list-style-image: url(../tl_files/cryobank/img/icons/spermie.png);
    }
    
    .sperm li {
        
    }

/*
 * =========== // Liste mit Spermien =========================================== 
 */

 
/*
 * ============== Übersichtsliste ==============================================
 */
    
    .overviewlist {
        width: 100%;
    }
    
    .overviewlist .image_container {
        width: 105px;
        height: 105px;
        background: url(../tl_files/cryobank/layout/boxes/overview/shadow.png) no-repeat;
        float: left;
        padding: 0 10px 5px 0;
        border: none;
    }

    /* START Special sizes */    
        .small_overview .overviewlist .image_container {
            width: 75px;
            height: 75px;
            background: url(../tl_files/cryobank/layout/boxes/overview/shadow_75x75.png) no-repeat;    
        }
        
        .overview_100x150 .overviewlist .image_container {
            width: 105px;
            height: 155px;
            background: url(../tl_files/cryobank/layout/boxes/overview/shadow_105x155.png) no-repeat;   
        }
    /* END Special sizes */
        
    .overviewlist .image_container img {
        border: none;
    }
    
    .overviewlist .headline {
        color:#333366;
        font-family:Georgia,serif;
        font-style:italic;
        font-weight:normal;
        line-height:1.2em;
        font-size: 18px;
        border-bottom:1px solid #999999;
        margin-bottom: 0.5em;
    }
    
    .overviewlist .headline a {
        text-decoration: none;
        color:#333366;
    }    
    
    .overviewlist .abstract {
        float: left;
        width: 210px;
    }

    .small_overview .overviewlist .abstract {
        width: 150px;
    }

/*
 * =========== // Übersichtsliste ============================================== 
 */