﻿/* CSS Document */

/* general definitions */
	html, body {
		height: 100%;
	}
	body {
		margin: 0;
		padding: 0;
		background-color: #ffffff;
	    /*background-image: url(/images/main/gradient_winter.gif);
		background-repeat: repeat-x;*/
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	td, th { padding: 0; }
	form { 
	    padding: 0px;
	    margin: 0px;
	    height: 100%; /* expand outer box to 100% height */
	}
	p { margin: 0 0 15px 0; }
	img { border: 0; }
    	
/* basic layout structure */
    /* error & debug information */
	.divDebug {
	    visibility: hidden;
	    position: absolute; 
	    left: 0;
	    padding: 5px; 
	    z-index: 1001; 
	    color: #999; 
	    width: 300px;
	}
	.divErrorContent, .divErrorMaster {
	    visibility: visible;
	    position: absolute; 
	    left: 0;
	    padding: 5px; 
	    z-index: 1001;  
	    color: #999;
	}
	.divErrorContent { bottom: 400px; }
	.divErrorMaster { bottom: 200px; }
	.divDebug { bottom: 0; }	    
	
    /* MAIN STRUCTURE */
	#divMainWrapper {
	    padding: 0;
	    width: 100%;
	    min-height: 100%;
		_height: 100%;
		margin:0;  
	}
	.divSubWrapperWinter, .divSubWrapperSummer {
	    /* background in other css */
	    padding: 0 15px 0 15px;
	    width: 932px;
		margin-left: auto;
	    margin-right: auto;
	    min-height:95%;
	    _height:95%;
	    position:relative;
	    z-index:10;
	}
	#divFooterWrapper {
        background-color:#85b6c4;
        padding:0;
	    width: 100%;
	    margin-top:20px;
	    min-height: 30px;
		_height: 30px;  
	}
	.divFooterSubWrapper {
        padding:9px 0 0 10px;
	    width: 952px;
		margin-left: auto;
	    margin-right: auto;
	    min-height: 20px;
		_height: 20px;  
	}
	.divHomeLinkLogo {
	    position:absolute;
	    z-index:999;
	    top:12px;
	    left:35px;
	    height:120px;
	    width:165px;
	    cursor:pointer;
	}
	
	#divHeaderContainer {
        /*background-image:url(/images/main/headerbild_default.jpg);*/
        /*background-repeat:no-repeat;*/
    }
    .divHeaderImage {
        margin:0;
        padding:0;
        position:relative;
        z-index:10;
    }
	
	/* SEARCHBOX & FLAGS start*/
	.divLanguageFlags {
        float:right;
        height:25px;
        width:300px;
        margin:0;
        padding:8px 5px 0 10px;
    }
    .divLangSwitch {
        float:right;
        width:18px;
        display:block;
        padding:0px 0px 0px 0px;
        margin:0;
    }
    .divOtherLangs {
        float:right;
        display:block;
        margin:0;
        padding:0 0 0 4px;
    }
    .linkFlag { 
        padding:0px 0px 0px 0px;
        margin:0px;
    }
	#divSearchContainer {
        /*float:right;
        width:325px;*/
        margin:0 0 6px 0;
        padding:0;
        height:30px;
        text-align:right;
	}
	.divSearchText {
        float:left;
        height:16px;
        width:42px;
        padding:0 0 0 0;
        margin:2px 0 2px 0;
        vertical-align:middle;
    }
	.divSearchBox {
        float:right;
        height:25px;
        padding:5px 10px 0px 5px;
        margin:0;
        width:260px;
    }
    .buttonSearch {
	    background:url(/images/main/button_search.gif) no-repeat;
	    color:#666;
	    border:0;
	    float:left;
	    width: 70px;
	    margin:0px 0px 0px 5px;
	    padding:0;
	    height:19px;  
	}
    .textBoxMainNavi {
        background:transparent url(/images/search/searchfield_repeat.png) repeat-x scroll center top;
        border:0px none;
        float:left;
        font-family:Verdana,Arial,sans-serif;
        font-size:11px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;
        margin:0px;
        width:150px;
        border-style: none;
        height: 20px;
        padding:3px 1px 0 1px;
    }    
    /* SEARCHBOX & FLAGS end */ 
	
	/* MAIN NAVIGATION start*/
    .divMainNaviContainer {
        padding:0;
        margin:-70px 0px 0 8px;
	    width: 672px;
	    min-height: 70px;
		_height: 70px;
		text-align:center;
		position:relative;
		z-index:30;  
	}
	.divMainNaviPoint { 
        float:left;
        height:25px;
        padding:0;
        margin:0 8px 8px 0;
    }	
	.divMainNaviTextOff { 
        float:left;
        height:25px;
        padding:0 8px 0 8px;
        margin:0;
        background-color:#ffffff;
        line-height:25px;
        vertical-align:middle;
    }
    .divMainNaviTextOn { 
        float:left;
        height:25px;
        padding:0 8px 0 8px;
        margin:0;
        /*background-color:#85B5C3;*/
        line-height:25px;
        vertical-align:middle;
    }
	/* MAIN NAVIGATION end */
	
    /* HEADER & LEFT start */
    #divHeaderContainer {
        /* background image in other css */
        float:left;
        padding:9px 11px 9px  10px;
        margin:0;
        width:680px;
        height:265px;
        display:block;
    }
    #divSubNavigationContainer {
        background-color:#ffffff;
        float:left;
        margin:160px 11px 0 0;
        padding:0;
        width:220px;
        min-height:550px;
        _height:550px;
    }
    /* LEFT SIDE */
    .divSubNavi {
        margin:0 0 20px 0;
        padding:0 10px 0 15px;
    }
    .divStartLeftBox {
        margin:0 0 20px 0;
        padding:0 30px 0 20px;
    }
    
    /* INFOBOX */
    .divInfoBoxContainer {
        padding:0px 0px 0px 15px;
        margin:20px 0px 0px 0px;
    }
    .divInfoBoxTop {
        background-image:url(/images/main/infobox/top.gif);
        background-repeat:no-repeat;
        padding:0px;
        margin:0px;
        width:190px;
        height:20px;
    }   
    .divInfoBoxMiddle {
        background-image:url(/images/main/infobox/center.gif);
        background-repeat:repeat-y;
        padding:0px 20px 0px 20px; 
        margin:0px;
        width:150px;
    }    
    .divInfoBoxBottom {
        background-image:url(/images/main/infobox/bottom.gif);
        background-repeat:no-repeat;
        padding:0px;
        margin:0px;
        width:190px;
        height:20px;
    }   
    /* HEADER & LEFT end */
	
    /* CONTENT start */
    #divContentContainer {
        float:left;
        margin:0;
        padding:0;
    }   
	/* CONTENT end */
	
	/* FOOTER start */
    .divFooterContent {
        margin:0 13px 0 0;
        padding:0;
        float:left;
        line-height:12px;
    }
	/* FOOTER end */
	
	/* BUTTONS start */
	.divButton {
	    margin:7px 0 0 0;
	    padding:0;
	    height:18px;
	}
	.divButtonText {
	    float:left;
	    margin:0;
	    padding:0 5px 0 5px;
	    height:18px;
	    line-height:18px;
	    vertical-align:middle;
	    /*background-color:#85b5c3;*/
	    cursor:pointer;
	}
	/* BUTTONS end */
/* basic layout structure end */
	
/* default classes */
	.imgBorderGray {
	    border:5px solid #e4e4e4;
	}
	.divImageLeft {
	    border:0;
	    float:left;
	    margin:0 10px 0 0;
	    padding:0;
	}
	hr.gray {
	    border-style: solid;
	    border-width: 1px;
        border-bottom: none; /* 4 firefox */
        /*border-color: #C5DCE3;*/
        height: 1px;    
        margin: 0 5px 10px 0;
        padding: 0;
	}
	.divDottedLine {
	    width: 100%;
	    margin: 0;
	}
	/* vertical spacer */
	p.spacer75 { margin: 0 0 75px 0; }
	p.spacer25 { margin: 0 0 25px 0; }
	p.spacer15 {  margin: 0 0 15px 0; }
	p.spacer5 {  margin: 0 0 5px 0; }
	
	.navigationSpacer {
        margin: 0 0 8px 0;
	}
	.clear {
	     clear: both;
	     line-height:0;
	     margin:0;
	     padding:0;
	}
	.inputSearch {
	    width: 80px;     
	}
	.imgLeft {
	    float: left;
	    margin: 0 15px 10px 0;
	    border: 0;
	}
	.divContentListContainerLeft { 
        float: left;
        width: 150px; /* 150px */
        height: 120px; /* 120px */
        padding: 0 10px 0 10px; 
	}
	.divContentListContainerRight { 
	    float: right; 
	    width: 340px;
	    padding: 0 10px 0 10px;
	}
	
/* (unordered) list elements (menu) */
    .menulist {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.menulist ul {
	    margin: 0;  
	    padding: 0;	      
	}
	.menulist li {
	    line-height: 12px; 
	    margin: 0 0 3px 0;   
	}
	/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
    * html .menulist li {
     height: 1%;
    }
    /* End Hack */

	.liItemLine { 
	    height: 0;
	    line-height: 0;
	    font-size: 0;
	    padding: 0 0 0 14px; 
	    margin: 0;
	}
	
	.divWebCamItem 	{
	    padding:0 0 10px 0;
	}
	

	
	