﻿/* mains.css - Tec Networks GmbH */

/* HTML Tags */
html{height:100%;  }
body{
 height:100%;
 margin:0%;
 padding:0%;
 margin-top:15px;
 background-color:#eef0f4;
 font-family:Verdana, Arial;
 font-size:12px;
 color:#233d46;
}
/* Klassen */
.noborder{
 border:0px;
 vertical-align:middle;
}
.nospace{
 float:left;
 border-style:none;
}
.smallspace{
 float:left;
 padding:20px;
}
.top{
 vertical-align:top;
}
.content_box{
 margin-top:10px;
 float:left;
 width:687px;
}
.w330_box{
 float:left;
 width:330px;
 text-align:left;
}
.w330p_box{
 float:left;
 width:330px;
 text-align:left;
 padding:10px;
}
.w250_box{
 float:left;
 width:250px;
 text-align:left;
}
.w300r_box{
 float:right;
 width:300px;
 text-align:center;
}
.reference_box{
 float:left;
 width:330px;
 text-align:left;
 vertical-align:middle;
}
.small_text{
 font-size:9px;
}
.middle{
 vertical-align:middle;
}
.textbox{
 text-align:justify;
 width:650px;
}
.smallline{
    border-width:thin;
}
a:link, a:visited{ 
 text-decoration:underline;
 color:#424242;
 font-size:12px;
}
a:active, a:hover{ 
 color:#00bfff;
}  
a.shortlink:link, a.shortlink:visited{ 
 text-decoration:none;
 color:#424242;
 font-size:11px;
}
a.shortlink:active, a.shortlink:hover{ 
 color:#00bfff;
}  
/* Hauptcontainer */
div#a{
 margin:0% auto;
 padding:0%;
 width:980px;
 height:100%;
}
div#content{
 float:left;
 margin:0% auto;
 padding-top:20px;
 padding-bottom:10px;
 width:687px;
 background-color:#ffffff;
}
div#top{
width:980px;
}
div#menu{
 float:left;
 width:980px;
 height:23px;
}
div#page_box{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
}
div#b{
 width:980px;
 float:left;
 background-repeat:repeat-y;
 background:url(grafiken/content_background.jpg);
}
div#page_partner{
 float:left;
 width:160px;
 margin:10px;
 height:auto;
}
div#footer
{
 float:left;
 width:980px;
 height:47px;
 background:url(grafiken/footer.jpg);
}
/* Container für Header */
div#top_corner_left{
 float:left;
 width:15px;
 height:191px;
 background:url(grafiken/top_corner_left.jpg);
}
div#top_logo{
 float:left;
 width:458px;
 height:191px;
 background:url(grafiken/top_logo.jpg);
}
div#top_picture{
 float:left;
 width:485px;
 height:191px;
 background:url(grafiken/top_picture.jpg);
}
div#top_corner_right{
 float:left;
 width:22px;
 height:191px;
 background:url(grafiken/top_corner_right.jpg);
}
div#header_bar_link{
 float:left;
 width:980px;
 height:20px;
 background:url(grafiken/header_bar_link.jpg);
}
div#shortlinks{
 float:left;
 padding-top:2px;
 padding-left:60px;
}
div#header_buttom{
 float:left;
 width:980px;
 height:49px;
 background:url(grafiken/header_buttom.jpg);
}
div#bar_left{
 float:left;
 width:19px;
 height:23px;
 background:url(grafiken/bar_left.jpg);
}
div#bar_buttons{
 float:left;
 width:937px;
 height:23px;
}
div#bar_right{
 float:left;
 width:24px;
 height:23px;
 background:url(grafiken/bar_right.jpg);
}
/* Buttons */
a.button1, a.button1:visited{
 background-image:url(grafiken/buttons/unternehmen_0.jpg);
 display:block; 
 width:135px;
 height:23px;
 float:left;
 }
a.button1:hover, a.button1:active{
 background-image:url(grafiken/buttons/unternehmen_1.jpg);
 display:block; 
 width:135px;
 height:23px;
 float:left;
}
a.button1_selected{
 background-image:url(grafiken/buttons/unternehmen_1.jpg);
 display:block; 
 width:135px;
 height:23px;
 float:left;
}
a.button2, a.button2:visited{
 background-image:url(grafiken/buttons/kompetenzen_0.jpg);
 display:block; 
 width:132px;
 height:23px;
 float:left;
 }
a.button2:hover, a.button2:active{
 background-image:url(grafiken/buttons/kompetenzen_1.jpg);
 display:block; 
 width:132px;
 height:23px;
 float:left;
}
a.button2_selected{
 background-image:url(grafiken/buttons/kompetenzen_1.jpg);
 display:block; 
 width:132px;
 height:23px;
 float:left;
}
a.button3, a.button3:visited{
 background-image:url(grafiken/buttons/referenzen_0.jpg);
 display:block; 
 width:134px;
 height:23px;
 float:left;
 }
a.button3:hover, a.button3:active{
 background-image:url(grafiken/buttons/referenzen_1.jpg);
 display:block; 
 width:134px;
 height:23px;
 float:left;
}
a.button3_selected{
 background-image:url(grafiken/buttons/referenzen_1.jpg);
 display:block; 
 width:134px;
 height:23px;
 float:left;
}
a.button4, a.button4:visited{
 background-image:url(grafiken/buttons/support_0.jpg);
 display:block; 
 width:132px;
 height:23px;
 float:left;
 }
a.button4:hover, a.button4:active{
 background-image:url(grafiken/buttons/support_1.jpg);
 display:block; 
 width:132px;
 height:23px;
 float:left;
}
a.button4_selected{
 background-image:url(grafiken/buttons/support_1.jpg);
 display:block; 
 width:132px;
 height:23px;
 float:left;
}
a.button5, a.button5:visited{
 background-image:url(grafiken/buttons/partner_0.jpg);
 display:block; 
 width:133px;
 height:23px;
 float:left;
 }
a.button5:hover, a.button5:active{
 background-image:url(grafiken/buttons/partner_1.jpg);
 display:block; 
 width:133px;
 height:23px;
 float:left;
}
a.button5_selected{
 background-image:url(grafiken/buttons/partner_1.jpg);
 display:block; 
 width:133px;
 height:23px;
 float:left;
}
a.button6, a.button6:visited{
 background-image:url(grafiken/buttons/roundtable_0.jpg);
 display:block; 
 width:134px;
 height:23px;
 float:left;
 }
a.button6:hover, a.button6:active{
 background-image:url(grafiken/buttons/roundtable_1.jpg);
 display:block; 
 width:134px;
 height:23px;
 float:left;
}
a.button6_selected{
 background-image:url(grafiken/buttons/roundtable_1.jpg);
 display:block; 
 width:134px;
 height:23px;
 float:left;
}
a.button7, a.button7:visited{
 background-image:url(grafiken/buttons/jobs_0.jpg);
 display:block; 
 width:137px;
 height:23px;
 float:left;
 }
a.button7:hover, a.button7:active{
 background-image:url(grafiken/buttons/jobs_1.jpg);
 display:block; 
 width:137px;
 height:23px;
 float:left;
}
a.button7_selected{
 background-image:url(grafiken/buttons/jobs_1.jpg);
 display:block; 
 width:137px;
 height:23px;
 float:left;
}
/* Icons Page Box */
div#page_box_0{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/page_box.jpg);
}
.page_box_1{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/icons/factory.jpg);
}
.page_box_2{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/icons/cert.jpg);
}
.page_box_3{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/icons/star.jpg);
}
.page_box_4{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/icons/medic.jpg);
}
.page_box_5{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/icons/partner.jpg);
}
.page_box_6{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/icons/brain.jpg);
}
.page_box_7{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/icons/team.jpg);
}
.page_box_8{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/icons/paragraph.jpg);
}
.page_box_9{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/icons/com.jpg);
}
.page_box_10{
 float:left;
 width:93px;
 height:92px;
 margin:10px;
 background:url(grafiken/icons/news.jpg);
}
.webslice
{
 padding-top:100px;
 padding-left:25px;
 float:left;
 width:40px;
 height:80px;
}