/* CSS Document */

        /* CSS Document */
        
            /* CSS Document */
            body, html {
                background-color:#d3d3d3;
                margin: 0;
				font-family:Arial, Helvetica, sans-serif;
				text-align:center;
                }
            
            img {
                border:0;
                }
                
                    
            /* 
            ###########################################################
                TEMPLATE
            ###########################################################
            - beinhaltet alle Styles für die Basisdefinition der Seite
            */
            
            #bizness {
                background-image:url(../template/images/con_back.jpg);
                width:980px;
                left:auto;
                right:auto;
                margin:auto;
            }
            
            #menu {
                height:101px;
                background-image:url(../template/images/men_back.jpg);
				display:block;
                }
            
            #inhalt {
            padding-left:16px;
            padding-right:20px;
            background-image:url(../template/images/con_back.jpg);
            clear:both;
            
        }
        
            #footer {
                height:101px;
                background-image:url(../template/images/foot_back.jpg);
                    clear:both;
            }
            
            #content {
                color:#666666;
                font-size:12px;
                text-align:justify;
                float:left;
                width:680px;
        
            }
            
        #content a {
            color:#037Ac6;
            text-decoration:none;
            }
        
        #left {
            float:left;
            width:250px;
			margin-top:50px;
        }
    
    #content h1 {
           font-size:14px;
           color:#037Ac6;
		   margin-bottom:30px;
		   	text-transform: uppercase;
	height:14px;
	background-image:url(../template/images/icons/fragezeichen.jpg);
	background-repeat:no-repeat;
	padding-left:14px;

    }
    
    #content h2 {
    color:#037AC6;
	font-size:12px;
	margin-top:20px;
	height:14px;
	background-repeat:no-repeat;
    }
        
		
    #content ul {
    color:#037AC6;
	list-style:square;
	}
	
	 #content li {
    color:#666666;
	list-style:square;
	}
        #left p {
            margin:0;
            padding:0;
            }
			
	    #con_left a {
            color:#037AC6;
			text-decoration:none;
			}
        
        #left h1 {
	color:#037AC6;
	font-size:12px;
	margin-top:5px;
	text-transform: uppercase;
	height:14px;
	background-image:url(../template/images/icons/fragezeichen.jpg);
	background-repeat:no-repeat;
	padding-left:14px;
            }
			
	     #left h2 {
	color:#037AC6;
	font-size:12px;
            }            
        #submenu {
        
            margin-right:30px;
            margin-left:20px;
            margin-bottom:0px;
            }
        
        #con_left {
            margin-right:30px;
            margin-left:20px;
            margin-bottom:50px;
            padding:10px;
            padding-top:4px;
            color:#666666;
            font-size:12px;
            text-align:left;
			background-color:#efefef;
			border-top:1px solid #666666;
			border-bottom:1px solid #666666;
            }
			
			  #con_left p {
            color:#666666;
            font-size:12px;
            text-align:left;
			font-family:Arial, Helvetica, sans-serif;
            }
            
        .leftheading {

        }
        #con_right {
            width:200px;
            float:left;
            height:100px;
            margin-left:30px;
            }
        
            
        #clear {
            clear:both;
            /*Soll das float killen*/
            }
            
            
            .teaser {
                    height:210px;
                }
            
            #t_startseite {
            background-image:url(../template/teaser/tea_back.jpg);
        }
        
            #t_webdesign {
            background-image:url(../template/teaser/t_webdesign.jpg);
        }
        
            #t_aboutus {
            background-image:url(../template/teaser/t_aboutus.jpg);
        }
            
        
        #t_support {
            background-image:url(../template/teaser/t_support.jpg);
        }
        #t_referenzen {
            background-image:url(../template/teaser/t_referenzen.jpg);
        }
        
        #t_kontakt {
            background-image:url(../template/teaser/t_kontakt.jpg);
        }
		
		 #t_news {
            background-image:url(../template/teaser/t_news.jpg);
        }
        
        #menu_con {
                float:right;
                margin-top:60px;
                padding-right:19px;
                padding-left:15px;
                width:946px;
                text-align:left;
            }
            
            .menu_inhalt {
          text-align:right;
        width:946px;
            background-image:url(../template/menu/men_bg.jpg);
            float:right;
                /*float:right;*/
            }
        
            #submenu_inhalt {
                float:left;
                background-color:#037AC6;    
                height:15px;
                padding:0px;
            }
     
   
        #submenu_inhalt ul {
            list-style:disc;
            padding:0;
            margin:0;
            padding-left:240px;
            }
            
            
            .subbutton , .subbutton a {
                display:block;
                float:left;
                color:white;
                text-decoration:none;
                padding-left:10px;
                margin:0;
                list-style:disc;
                
            }
            
            .subbutton a:hover {
            
            }
            
            .subbutton_active , .subbutton_active a  {
                display:block;
                float:left;
                color:white;
                text-decoration:none;
                font-weight:bold;
                padding-left:10px;    
                list-style:disc;
            }
            
            
            
            
            .button_text{
                text-align:center;
                padding-top:3px;
                }
            
            #submenu_inhalt {
                float:left;
                width:946px;
                height:18px;
                background-color:#037AC6;
                color:#ffffff;
                font-size:11px;
            }
            
            
        /*Software */
        
        .ueberblickl {
            float:left;
            margin-bottom:20px;
            border:1px solid #CCCCCC;
            padding:3px;
            margin-right:10px;
            width:290px;
            }
        
        .ueberblickr {
            float:left;
            margin-bottom:20px;
            border:1px solid #CCCCCC;
            padding:3px;
            width:290px;
            
            }
        
        .kundenmeinl {
            float:left;
            margin-bottom:20px;
            border:1px solid #CCCCCC;
            padding:3px;
            margin-right:10px;
            width:290px;
            height:120px;
            background:url(../images/referenzen/kundenmein_back.jpg);
            }
        
        .kundenmeinr {
            float:left;
            margin-bottom:20px;
            border:1px solid #CCCCCC;
            padding:3px;
            width:290px;
            height:120px;
            background:url(../images/referenzen/kundenmein_back.jpg);
            }
        
        
        .ueberbild {
            float:left;
            }    
        .ueberbild img {
            margin-right:7px;
            }
            
        /* 
            ###########################################################
                Rechtsklickmenü
            ###########################################################
            - beinhaltet alle Styles für die Basisdefinition der Seite
            */
        <!--
        
        /* Context menu Script- © Dynamic Drive (www.dynamicdrive.com) Last updated: 01/08/22
        For full source code and Terms Of Use, visit http://www.dynamicdrive.com */
        
        .skin0{
        position:absolute;
        width:165px;
        border:2px solid black;
        background-color:menu;
        font-family:Verdana;
        line-height:20px;
        cursor:default;
        font-size:14px;
        z-index:100;
        visibility:hidden;
        }
        
        .menuitems{
        padding-left:10px;
        padding-right:10px;
        }
        -->
        
        
            /* 
            ###########################################################
                NAVIGATION
            ###########################################################
            - beinhaltet alle Styles für die Basisdefinition der Seite
            */
        
        
        #subnavigation_container {
                float:left;
                padding-right:19px;
                padding-left:15px;
                text-align:left;
        
        
            }
        
        #subnavigation  {
            /*background-image:url(../template/menu/subbg_small.jpg);*/
			float:left;
                background-image:url(../template/menu/subbg_small.jpg);
                    height:23px;
                    margin:0;
                           color:#333333;
						   font-size:10px;
 					width:946px;
                    padding-top:5px;          
        }
		
.klickpfad {
	margin-left:10px;
	}
        
        #subnavigation a {
            text-decoration:none;
            color:#333333;
            font-size:10px;
            }
        
        a.menu_main:link, a.menu_main:visited {
        /*    display:block;
            background:url(../template/menu/sub_bg.jpg);
            background-repeat:no-repeat;
            vertical-align: middle;
            text-align: left;
            padding-top: 5px;
            height: 18px !important;
            height: 23px;
            text-decoration: none;
            font-size:11px;
            font-weight:bold;
            padding-left:20px;
            padding-right:20px;
            color:#666666;
            /*width:75px;*/
            text-align:left;
            margin-left:5px;
            display:block;
             color:#666666;
            font-size:11px;
            height:20px;
            text-decoration:none;
            font-weight:bold;
            padding-top:3px;
        
        }
        
        a.menu_main:hover {
            text-align:left;
            background-position: 0px -23px;
            text-decoration: none;
            color: #333333;
            background-color:#ededed;
        
        }
        
        a.menu_act:link, a.menu_act:visited  {
            text-align:left;
            display:block;
            color:#037AC6;
            margin-left:5px;
            font-weight:bold;
            font-size:11px;
            height:20px;
            text-decoration:none;
            background-color:#ededed;
            padding-top:3px;
        }
        
        ul.ul_sub1 {
            border-top:1px solid #999999;
            list-style:none;
            margin:0;
            margin-bottom:50px;
            padding:0;
            }
            
        li.li_sub1 {
            margin:0;
            padding:0;
            border-bottom:1px solid #999999;
            }
        
 	ul.ul_sub2 {
            list-style:none;
            margin:0;
			margin-left:10px;
            padding:0;
            }
            
        li.li_sub2 {
			font-size:11px;
            margin:0;
			padding:0;

				background-image:url(../template/images/icons/left.jpg);
	background-repeat:no-repeat;
	padding-left:14px;
             }
			 
		a.ul_sub2 {
			background-color:none;
			}
        
        
        
        /*ABSCHLUSS UNTEN*/
        .menu_unten {
            background-image:url(../images/buttons/menu_abschluss_unten.jpg);
            background-repeat:no-repeat;
            height:1px;
            /*width:150px;*/
        }
        
    
        h1 {
            font-size:14px;
            color:#037AC6;
            margin-top:30px;
        }
        
        .left_ueber {
            font-size:12px;
            font-weight:bold;
            color:#037AC6;
        }
        
        .ueberblick_lei {
            width:350px;
            float:left;
            height:180px;
        }
        
        
        /*Referenzen */
        
        .ref_div {
            clear:both;
            border:1px solid #CCCCCC;
            padding:15px;
            height:180px;
            margin-top:20px;
            }
        
        .ref_left_ueber {
            color:#037AC6;
            font-weight:bold;
            font-size:11px;
            }
            
        .ref_image {
            float:left;
            }
            
        .ref_image img {
            margin-right:10px;;
            }
            
        .ref_desc {
            float:left;
        
            }
            
        .ref_left_ueber a {
            color:#999999;
            font-weight:bold;
            text-decoration:none;
            }
        
        
        /* Support*/    
        .sup_div {
        /*clear:both;*/
            border:1px solid #CCCCCC;
            padding:15px;
            height:150px;
            margin-top:20px;
            }
            
        #sup_div1 {
            background-image:url(../images/support/back1.jpg);
            padding-right:120px;
            }
            
        #sup_div2 {
            background-image:url(../images/support/back2.jpg);
            padding-left:120px;
            }
            
        #sup_div3 {
            background-image:url(../images/support/back3.jpg);
            padding-right:120px;
            }
        
        .sup_left_ueber {
            color:#037AC6;
            font-weight:bold;
            font-size:11px;
            }
            
        .sup_image_r {
            float:right;
            }
            
        .sup_image_r img {
            margin-left:10px;
            }
            
            .sup_image_l {
            float:left;
            }
            
        .sup_image_l img {
            margin-right:10px;
            }
            
        .sup_desc {
            float:left;
        
            }
            
        .sup_left_ueber a {
            color:#999999;
            font-weight:bold;
            text-decoration:none;
            }
        
    
            
            .ueber_fb {
            clear:both;
            border:1px solid #666666;
            margin-top:20px;
            width:200px;
            /*background-color:#e5f1f9;*/
            float:left;
            }
        
        .fb_img {
            float:right;
            }
            
        .fb_img img {
            margin-left:10px;;
            }
            
        .fb_desc {
            float:left;
        
            }
            
        .ueber_fb_ueber {
            width:100%;
            background:url(../template/menu/men_bg.jpg);
            background-position:0px -46px;
            color:#ffffff;
            font-weight:bold;
            font-size:11px;
            padding-top:5px;
            height:20px;
            }
        
        .fb_text {
            padding:5px;
            text-align:justify;
            }
            
    /*Styles der New Login Box*/
    
    
    DIV.tx-newloginbox-pi1 {
            background-color: transparent;
            color: #000000;
            font-family: Tahoma, Verdana, sans-serif;
            font-size: 11px;
            text-decoration: none;
            margin-left: -1px;
    }
    
    
    /*Ausrichten der überschriften*/
    
    
    DIV.tx-newloginbox-pi1 H3 {
             margin-left: 4px;
             margin-top:0px;
             background-color: transparent;
             color: #666666;
             font-family: Tahoma, Verdana, sans-serif;
             font-size: 10px;
             font-weight: bold;
             text-decoration: none;
    }
    
    
    /*Ausrichtung der Texte*/
    
    
    DIV.tx-newloginbox-pi1 P {
             margin-left: 4px;
    }
    
    
    DIV.tx-newloginbox-pi1 TABLE {
             margin-top:0px;
             padding-top:0px;
             width: 100px;
             margin-left: -1px;
    }
    
    DIV.tx-newloginbox-pi1 TABLE TR TD P {
             margin-top:0px;
             padding-top:0px;
             margin-left: -1px;
    }
    
    
    DIV.tx-newloginbox-pi1 TABLE TR TD {
            margin-top:0px;
            padding-top:0px;
            margin-left: -1px;
    }
    
    DIV.tx-newloginbox-pi1 TABLE TR {
            margin-top:0px;
            padding-top:0px;
            margin-left: -1 px;
    
    }
    
    
    /*Ausrichtung des Submit Buttons*/
    
    
    DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit {
            margin-left: -1px;
            margin-top: 6px;
            padding-top:0;
            border: 1px solid #666666; 
            background-color: #FFFFFF;
            height:18px;
            width: 100px;
    }
    
    
    /*Für den Inhalt der Eingabefelder*/
    
            DIV.tx-newloginbox-pi1 TABLE TR TD INPUT {
            margin-left: 0px;
            margin-top: 4px;
            border: 1px solid #666666; 
            background-color: #FFFFFF;
            font-size:11px;
            height:12px;
            width: 100px;
    }
    
    
    DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-forgotP {
            margin-top:0px;
            margin-left: 4px;
            padding-top:0px;
            width:100px;
    }
    
    DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-forgotP A {
            margin-top:0px;
            margin-left: 0px;
            padding-top:0px;
            width:100px;
            align: center;
    }
    
    
    DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-back {
           margin-top:0px;
           margin-left: 4px;
           padding-top:0px; 
           width:100px;
    }
    
    
    DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-back A {
           margin-top:0px;
           margin-left: 4px;
           padding-top:0px;
           width:100px;
    }
    
    
    /*Ausrichtung des Usernamens, wenn angemeldet*/
    DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-username {
           margin-left: 4px;
           margin-top:0px;
           padding-top:0px;
           width:50px;
           align: center;

    
    }
    
    
        
            /* 
            ###########################################################
                LIGHTBOX FUER BILDER
            ###########################################################
            - beinhaltet alle Styles für die Basisdefinition der Seite
            */
        
        
        #lightbox{
            position: absolute;
            top: 0px;
            left: 0;
            width: 100%;
            z-index: 100;
            text-align: center;
            line-height: 0;
            }
        
        #lightbox a img{ border: none; }
        
        #outerImageContainer{
            position: relative;
            background-color: #fff;
            width: 250px;
            height: 250px;
            margin: 0 auto;
            }
        
        #imageContainer{
            padding: 10px;
            }
        
        #loading{
            position: absolute;
            top: 40%;  
            left: 0%;
            height: 25%;
            width: 100%;
            text-align: center;
            line-height: 0;
            }
        #hoverNav{
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 10;
            }
        #imageContainer>#hoverNav{ left: 0;}
        #hoverNav a{ outline: none;}
        
        #prevLink, #nextLink{
            width: 49%;
            height: 100%;
            background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
            display: block;
            }
        #prevLink { left: 0; float: left;}
        #nextLink { right: 0; float: right;}
        #prevLink:hover, #prevLink:visited:hover { background:url(..//images/prevlabel.gif) left 15% no-repeat; }
        #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
        
        
        #imageDataContainer{
            font: 10px Verdana, Helvetica, sans-serif;
            background-color: #fff;
            margin: 0 auto;
            line-height: 1.4em;
            }
        
        #imageData{
            padding:0 10px;
            }
        #imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
        #imageData #caption{ font-weight: bold;    }
        #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
        #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }    
                
        #overlay{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 90;
            width: 100%;
            height: 500px;
            background-color: #000;
            filter:alpha(opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
            }
            
        
        .clearfix:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            }
        
        * html>body .clearfix {
            display: inline-block; 
            width: 100%;
            }
        
        * html .clearfix {
            /* Hides from IE-mac \*/
            height: 1%;
            /* End hide from IE-mac */
            }    
            
   /*NEWS*/
   
   #news_left {
		margin-bottom:10px;
		}
	#news_left strong {
		font-family:Arial, Helvetica, sans-serif;
		color:#037AC6;
		font-size:12px;
		font-weight:bold;
		}
	a.news_readmore  {
		color:#037AC6;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
		.news_readmore {
		color:#037AC6;
		}
		
		
 /* 
            ###########################################################
                KONTAKTFORMULAR
            ###########################################################
            - beinhaltet alle Styles für die Basisdefinition der Seite
            */
			
	.formspaltemitte {
	width:200px;
	float:left;
	margin-left:30px;
	margin-bottom:20px;
	}
	
input {
	border:none;
	border:1px solid #037AC6;
	}	
	
.aroundtheform {
	border:1px solid #037AC6;
}

#contactform {
	width:500px;
	padding-top:20px;
	}
	
.right {
	float:left;
	width:200px;	
	height:20px;
	padding-bottom:20px;
	}	
	
.right_text {
	float:left;
	width:200px;	
	padding-bottom:20px;
	height:250px;
	}	
	

.left {
	float:left;
	width:150px;
	height:15px;
	font-weight:bold;
	padding-left:5px;
	color:#037AC6;
	}
	
.contactimg {
	float:right;
	margin-right:20px;
	}
	
.text_area {
	background-color:#FFFFFF;
	color:#333333;
	border:1px solid #037AC6;
	}
	
	
/*///////////////////////////*/
ul.menu, ul.menu ul {
    list-style-type: none;
	clear:both;
	margin:0px;

}

ul.menu a.active {
	background:url(../template/menu/men_bg.jpg);
	background-position:0px -46px;
	vertical-align: middle;
	text-align: left;
	padding-top: 5px;
	height: 18px !important;
	height: 23px;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	color:white;
	/*float:left;*/
	display:block;
}

ul.menu a {
	background:url(../template/menu/men_bg.jpg);
	background-position:0px 0px;
	vertical-align: middle;
	text-align: left;
	padding-top: 5px;
	height: 18px !important;
	height: 23px;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	color:#333333;
	/*float:left;*/
	display:block;
/*  display: block;
    padding: 3px 10px 3px 10px;
	margin-left:10px;
	margin-right:10px;
    font-weight:normal;
	text-decoration:none;
	color:#333333;
	font-size:12px;
	background-image:*/
}
*ul.menu a {
	 float:left;
	 }

ul.menu {
		margin-top:0px;
		float:none;
			display:block;
			margin-left:0px;
		}

ul.menu ul a {
    padding: 0 10px;
	color:#037AC6;
	float:none;
	background:none;


}

ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
    float:left;
/*	display:block;*/
}

ul.menu ul {
    display:block;
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    background-color: white;
	color:white;
	margin-top:23px;
	border:1px solid #037AC6;
	border-top:0;
    /*border:1px solid #FFF9E4;*/
    display:none;
  /*  min-width:180px;*/
	text-align:left;
/*	clear:both;*/
	float:none;
	background:white;
}

/* IE-Hack für die Breite */
html ul.menu ul {
    width:180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
	float:left;
	margin-top:0px;
}

ul.menu ul li {
    float:none;
	background-color: transparent;
	margin-left:0px;
	margin-top:3px;
}