/* general tag definitions */
	html, body {
		height: 100%;
	}	
	body {
		margin: 0;
		padding: 0;
		background-color: #eff9e4;
		background-image: url(/images/main/background_verlauf.gif);
		background-repeat: repeat-x;
		background-attachment: fixed;
		position:relative;
		z-index:1;
	}	
	form { 
	    padding: 0px; 
	    margin: 0px;
	    height: 100%; 
	}
	p { 
	    padding: 0 0 15px 0; 
	    margin: 0px; 
	}
	.clear {clear:both;line-height:1px;}
	/* vertical spacer */
	p.spacer75 { margin: 0 0 75px 0; line-height:1px;}
	p.spacer25 { margin: 0 0 25px 0; line-height:1px; }
	p.spacer15 {  margin: 0 0 15px 0; line-height:1px; }
	p.spacer5 {  margin: 0 0 5px 0; line-height:1px; }
/* end - general tag definitions */
	
/* basic layout structure */
	/* main structure */
	#divMainWrapper {
	    width: 965px;
	    margin-left: auto;
	    margin-right: auto;
	    min-height:100%;
	    _height:100%;
	}
	#divLeftCol {
        width: 700px;
        padding:0;
        margin:0;
        background-color: #66cc00;
        float:left;
    }
    #divRightCol {
        width: 257px;
        margin:0 0 0 8px;
        padding:0;
        float:left;
        min-height:220px;
        _height:220px;
    }
    #divHeaderContainer {
        margin:0;
        padding:0;
        width:965px;
        _height:312px;
        min-height:312px;        
    }    
	
    /* header begin */    
    *html .divHeadRight {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/main/postit.png');
        height: 238px;
        margin:0 0 0 8px;
        padding:0;
        float:left;
        position: relative;
        z-index: 20;
    }
    .divHeadRight[class] {
        background-image: url(/images/main/postit.png);
        background-repeat: no-repeat;
        background-position:8px 0;
        min-height:238px;
        _height: 238px;
        width:257px;
        float:left;
        margin:74px 0 0 8px;
        padding:0;
        position: relative;
        z-index: 20;
    }
    *html .divUpperHead {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/main/background_navigation.png');
        padding-top: 15px;
        margin-bottom:138px;
        height: 92px;
    }      
    .divUpperHead[class] {
        background-image: url(/images/main/background_navigation.png);
        background-repeat: no-repeat;
        padding-top: 15px;
        min-height: 230px;
        _height: 230px;
    }  
    #divLogo {
        padding: 0px 31px 0px 10px;
        float: left;
        margin-top:-8px;
    }    
    .divLoginSearch {
        margin-top: -74px; 
        width: 257px; 
        height: 39px; 
        background-image: url(/images/login/login_search.gif);
    }
    .divLoginbarCss {
        display: none; 
        height: 95px; 
        background-image: url(/images/login/login_background.gif); 
        background-repeat: repeat-x;    
    }
    .divLoginbarCenter {
        width: 965px;
	    margin-left: auto;
	    margin-right: auto;
    }
      
    /* header end */
	
    /* content */    
            
    #divProducts {
        padding: 0px 0 0px 30px;
        margin:0px 0 0 0;
        position:relative;        
    }
    #divProductsContent {
        padding: 0;
        margin:-15px 0 0 0;        
    }    
    .productImg {
        padding-top: 5px;
        text-align: center;
        width: 100%;
    }    
    #divConsulting, #divDesign, #divDevelopment {
        padding: 20px 26px 0 0;
        width: 197px;
        float: left;
        position:relative;
    }
    .productsHead {
        font-size: 30px;
    }
            
    /* BLOG */
    *html .divBlog {
        background-color: #66cc00;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/main/background_blog.png');
        height: 525px;
        padding: 0 26px 0 30px;
        margin-top: -20px;
    }
    .divBlog[class] {
        background-image: url(/images/main/background_blog.png);
        background-repeat: no-repeat;
        background-color: #66cc00;
        min-height: 525px;
        _height: 525px;
        padding: 0 26px 0 30px;
        margin-top: -20px;
    }    
    #divBlogContent {
        padding: 20px 0 10px 0;
        float: left;
        width: 425px;
        min-height: 100%;
        _height:100%;
        position:relative;
    }    
    #divDetailBlogContent {
        padding: 0px 0 10px 0;
        float: left;
        width: 425px;
        min-height: 100%;
        _height:100%;
        position:relative;
    }
    *html .divBlogDateBack {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/main/blog_date.png');
        width: 62px;
        height: 62px;
        float: left;
        text-align: center;
        padding:0;
        margin:15px 0 0 0;
    }
    .divBlogDateBack[class] {
        background-image: url(/images/main/blog_date.png);
        width: 62px;
        min-height: 62px;
        _height: 62px;
        float: left;
        text-align: center;
        padding:0;
        margin:15px 0 0 0;   
    }
    *html .divDetailBlogDateBack {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/main/blog_date.png');
        width: 62px;
        height: 62px;
        float: left;
        text-align: center;
        padding:0;
        margin: 0px 0 0 0;
    }
    .divDetailBlogDateBack[class] {
        background-image: url(/images/main/blog_date.png);
        width: 62px;
        min-height: 62px;
        _height: 62px;
        float: left;
        text-align: center;
        padding:0;
        margin: 0px 0 0 0;   
    }       
    #divBlogDate {
        padding: 10px 0px;
        height: 42px;
        width: 62px;
    }    
    #divBlogHeadline {
        float: left;
        padding: 20px 10px 5px 20px;
        width: 315px;
        height: auto;
    }    
    #divDetailBlogHeadline {
        float: left;
        padding: 5px 10px 5px 20px;
        width: 315px;
        height: auto;
    }
    .divDetailBlogHeadline {
        float: left;
        padding: 5px 10px 5px 20px;
        width: 315px;
        height: auto;
    }
    .whiteDottedLine {
        height: 21px;
        width: 100%;
        background-image: url(/images/main/white_dotted_line.gif);
        background-repeat: repeat-x;
        background-position: 0px 10px;
    }    
    #divBlogNavi {
        padding: 20px 0px 0px 20px;
        width: 199px;
        min-height: 500px;
        _height:500px;
        float: left;
        position:relative;
    } 
    
    /* Left Col */
    
    
    /* Right Col */    
       
    .divContentRight {
        background-image: url(/images/main/background_cloud2.gif);
        background-repeat: no-repeat;
        min-height: 220px;
        _height:220px;
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    .divCloud { 
        padding:0 20px 10px 20px;
        position:relative;
        min-height:189px;
        _height:189px;        
    }    
    .cloud {
        padding-top: 15px;
        position:relative;
        
    }
    .sidebarSpacer {
        background-image: url(/images/main/sidebar_spacer.gif);
        background-repeat: no-repeat;
        background-position: center;
        height: 21px;
        padding:10px 0 10px 0;
        margin:0;
    }    
    .divNewsContainer {
        padding:0 10px 0 10px;
        margin:0;       
    }
    .divNewsDate {
        padding-top: 15px;
        position:relative; 
    }
    .divNewsImg {
        padding:0;
        text-align:center;
        position:relative; 
    }
    .divNewsImg img {
        border:5px solid #ffffff;
        position:relative; 
    }
    .divNewsText {
        padding:10px 0 0 0;
        position:relative; 
    }
    .divTopNews {
        position:relative;    
    }
    .divNews {
        position:relative;    
    }
    .divLoginOutput {    
        display:none;
        height:1500px;
        top:0px;
        left:0px;
        filter: alpha(opacity=80);                   /* Hintergrund-Transparenz */
        -moz-opacity: 0.8;                           /* Hintergrund-Transparenz für Mozilla (normale Hintergrund-Transparenz / 100) */
        opacity: 0.8;                                /* Hintergrund-Transparenz für ??? (normale Hintergrund-Transparenz / 100) */
        position:absolute;
        background-color:#000000;
        width:100%;
        z-index:90;
    }
    /*
    #divSiteBack {
        background-image: url(/images/main/background_verlauf2.png);
    }    
    #divSite {
        background-image: url(/images/main/background_content2.png);
        background-position: 0px -55px;
        background-repeat: no-repeat;
        min-height: 495px;
        padding: 0px 10px 0px 20px;
    }    
    #divNavigation {
        width: 180px;
        padding: 0px 10px 10px 10px;
    }*/
    
    /* content end */

    /* footer */
    #divFooterContainer {
        width:965px;
        min-height:40px;
        _height:40px;
        padding:0;
        margin:0;
        font-size:10px;
    }
    .divFooterLeft {
        width:700px;
        background-color: #478f00;
        padding:0;
        margin:0;
        min-height:40px;
        _height:40px;
        float: left;
        color:#66cc00;
    }
    #divFooterMiddleLine {
        width:8px;
        min-height:40px;
        _height:40px;
        float: left;
    } 
    .divFooterRight {
        float: left;
        background-color: #478f00;
        width:257px;
        min-height:40px;
        _height:40px;
        padding:0;
        margin:0;
    }
    .font {
        width:450px;
        color:#66cc00;
        margin:0;
        padding:5px 0 0 30px;
        float: left;
    }
    .divFooterLeftLinks {
        width:180px;
        text-align:right;
        margin:0;
        padding:5px 26px 0 0;
        float: right;
    }
    .divFooterLeftCopyright {
        margin:0;
        padding:5px 0 0 10px;
        float: left;
    }
    /* footer end */

    /* error & debug information */
	.divDebug {
	    visibility: visible;
	    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; 
	}
    /* end - error & debug information */
    
    /* (unordered) list elements (menu) */
    .menulist {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.menulist ul {
	    margin: 0;  
	    padding: 0;	      
	}
	.menulist li {
	    line-height: 13px; 
	    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 */
    .mainNaviImage {
        float: left;    
    }
    .divSubNavigationMainItemPic {
        width: 110px; 
        margin: 15px 0px 0px 3px;
        font-size: 16px;
        float: left;
        /* background-color: Red; */
    }
    .divSubNavigationMainItem {
        width: 177px; 
        margin: 18px 0px 0px 3px;
        font-size: 16px;
        /* float: left; */
        /* background-color: Red; */
    }
    .divSubNavigationSubItem {
        width: 150px;
    }
/* basic layout structure end */

.iptBlogEmail {
    background-color:#A1E45C;
    border:1px solid #336600;
    color:#336600;
    font-size:10px;
    width:200px;
    margin:0 0 5px 0;
}

input, select, textarea {
    font-size:11px;
}