/*standarts*/
div, p, h1, h2, h3,img,form,body{margin:0; padding:0;}
form{overflow:hidden;}

body{ background: url('img/back.gif'); text-align: center;	margin: 0;	padding: 0; color:#666666; font-size: 11px; font-family: arial, sans-serif; margin-bottom:20px; margin-top:5px; line-height: 150%}
div.clear{ clear:both; float:none; overflow: hidden; height: 0px;}
a{color:#0963aa; font-size: 11px; font-family: 11px; text-decoration: none;}
a:hover{color:#ef0798;}
h1 { font-size: 20px; font-family: serif; margin: 0 0 15px 0; padding:0; font-weight: normal; }


h2{ font-size: 11px; font-family: arial, sans-serif; font-weight: bold; color:#444444; margin:0; padding:0; }
h3{ font-size: 16px; font-family: georgia, serif; font-weight: bold; color:#444444; padding-bottom:15px;}
ul{margin:0; padding:0; padding-left:20px;}

p.date{ font-weight: normal;}
p.normal{ color:#000000; font-family: arial, sans-serif; font-size: 11px;}

/*maincontainer*/
#container{ margin: 0px auto; position: relative; text-align: left; padding: 0; width: 977px;}

/*metanavi*/
#metanavi{text-align: right; padding-right:35px;}
#metanavi a{padding-left:12px;}

/*header*/
#header{ width: 977px; height: 184px; margin-top: 5px;	}
#header{ background: url('img/head.png') top left no-repeat; }
/*
* html #header{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/head.png');}*/
#header img.logo{ width: 977px; height: 184px; border:none;}


/*mainnavi*/
#mainnavi{margin: 0; padding: 0; height:31px;}
#mainnavi span.navi_seo{ visibility: hidden; font-size: 1px;}


/*navi punkte*/
#mainnavi a.n0, #mainnavi a.n0_active{margin-right: 39px; width: 76px; height: 16px; background: url('img/navi/startseite.jpg') 0px 0px no-repeat; display:block; float:left; text-decoration: none; }
#mainnavi a.n0:hover, #mainnavi a.n0_active{background: url('img/navi/startseite.jpg') 0px -16px no-repeat;}

#mainnavi a.n1, #mainnavi a.n1_active{ margin-right: 39px; width: 104px; height: 16px; background: url('img/navi/schwerpunkte.jpg') 0px 0px no-repeat; display:block; float:left; text-decoration: none;}
#mainnavi a.n1:hover, #mainnavi a.n1_active{background: url('img/navi/schwerpunkte.jpg') 0px -16px no-repeat;}

#mainnavi a.n2, #mainnavi a.n2_active{ margin-right: 39px; width: 80px; height: 16px; background: url('img/navi/referenzen.jpg') 0px 0px no-repeat; display:block; float:left; text-decoration: none;}
#mainnavi a.n2:hover, #mainnavi a.n2_active{background: url('img/navi/referenzen.jpg') 0px -16px no-repeat;}

#mainnavi a.n3, #mainnavi a.n3_active{ margin-right: 39px; width: 59px; height: 16px; background: url('img/navi/verbund.jpg') no-repeat; display:block; float:left; text-decoration: none; }
#mainnavi a.n3:hover, #mainnavi a.n3_active{background: url('img/navi/verbund.jpg') 0px -16px no-repeat;}

#mainnavi a.n4, #mainnavi a.n4_active{ margin-right: 39px; width: 89px; height: 16px; background: url('img/navi/engagement.jpg') no-repeat; display:block; float:left; text-decoration: none;}
#mainnavi a.n4:hover, #mainnavi a.n4_active{background: url('img/navi/engagement.jpg') 0px -16px no-repeat;}

#mainnavi a.n5, #mainnavi a.n5_active{ margin-right: 39px; width: 50px; height: 16px; background: url('img/navi/presse.jpg') no-repeat; display:block; float:left; text-decoration: none;}
#mainnavi a.n5:hover, #mainnavi a.n5_active{background: url('img/navi/presse.jpg') 0px -16px no-repeat;}

#mainnavi a.n6, #mainnavi a.n6_active{ margin-right: 39px; width: 56px; height: 16px; background: url('img/navi/kontakt.jpg') no-repeat; display:block; float:left; text-decoration: none;}
#mainnavi a.n6:hover, #mainnavi a.n6_active{background: url('img/navi/kontakt.jpg') 0px -16px no-repeat;}


#content, #footer{width: 977px; margin: 0; padding: 0;}


/*maincontent element*/
div.body_top{ width: 977px; height: 10px; clear: both; float:none; overflow: hidden;  }

div.body_top {background: url('img/body_top.png') top left no-repeat;}
/*
* html div.body_top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/body_top.png', sizingMethod='scale');}
*/

table.body_middle{ width: 977px; padding: 0; margin:0;}

td.body_middle_left{ width:10px; }

td.body_middle_left {background: url('img/verlauf_left.png') top left repeat-y; }
/*
* html td.body_middle_left {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/verlauf_left.png', sizingMethod='scale');}
*/
td.body_middle_right{ width:10px;}

td.body_middle_right {background: url('img/verlauf_right.png') top left repeat-y; }
/*
* html td.body_middle_right {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/verlauf_right.png', sizingMethod='scale');}
*/
td.body_middle_center{padding-left:25px;  width:932px; background-color: #FFFFFF;}

div.body_bottom{ width: 977px; height: 2px; clear: both; float:none; overflow: hidden;}
div.body_bottom {background: url('img/body_bottom.png') top left no-repeat;}
/*
* html div.body_bottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/body_bottom.png', sizingMethod='scale');}
*/
div.footer_bottom{ width: 977px; height: 10px; clear: both; float:none; overflow: hidden;}
div.footer_bottom {background: url('img/body_bottom.png') top left no-repeat;}
/*
* html div.footer_bottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/body_bottom.png', sizingMethod='scale');}
*/

div.box_279{width:279px; padding-right: 30px; float:left;}
div.box_588{width:588px; padding-right: 30px; float:left;}

img.thumb, img.thumb_wide{ float:left; border: 1px dotted #d3d3d3; width: 68px; height: 68px; background-color: #FFFFFF; padding: 1px; margin-right: 10px;}
img.thumb_wide{
    width:130px;
    height:69px;
}

a.teaser_wide_float{
    float:left;
}

a.teaser p, a.teaser h2,a.teaser_wide p, a.teaser_wide h2{color:#0963aa;}
a.teaser:hover p, a.teaser:hover h2, a.teaser_wide:hover p, a.teaser_wide:hover h2{color:#ef0798;}
a.teaser:hover img.thumb, a.teaser_wide:hover img.thumb_wide{border-color: #ef0798;}

a.usecase_teaser div.usecase_teaser_div{width: 279px; height:101px; background: url('img/teaser_best_use_case.jpg') 0px 0px no-repeat; padding-bottom:10px;}
a.usecase_teaser:hover div.usecase_teaser_div{background: url('img/teaser_best_use_case_hover.jpg') 0px 0px no-repeat;}

div.subnavi{padding-bottom:50px;}
div.subnavi a, div.subnavi a.sn_active, div.subnavi a.sn_active:hover{display:block; float:left; padding-right: 40px; font-family: georgia, serif; font-weight: bold; font-size: 11px; color:#0963aa}
div.subnavi a:hover, div.subnavi a.sn_active{color:#ef0798;}

a.ref_navi{display:block; text-align: center; font-weight: bold;}

div.sep{height: 1px; background: url('img/sep.gif') top left repeat-x; overflow: hidden;}


#kontakt_form{padding-top:10px;}
div.x-form-element input, TEXTAREA, select{ width: 200px; border: 1px solid #666666; color:#666666; font-size: 11px; font-family: arial, sans-serif; float:left;}
div.x-form-element label{width: 120px; float:left; display: block; font-weight: bold;}
div.x-form-element TEXTAREA { height: 90px; width: 380px; }

a.arrow{background: url('img/arrow.gif') 0px 3px no-repeat; padding-left: 12px; }
a.arrow:hover{background-position: 0px -9px;}

a.btn{display:block; background: url('img/btn_benachrichtigung_versenden.jpg') 0px 0px no-repeat; width: 224px; height: 27px;}
a.btn:hover{background-position: 0px -27px;}

div.newsletter_abo{
    background: url('img/bg_newsletter.jpg') top left no-repeat;
    padding:5px;
    width: 269px;
    height: 37px;
}

div.newsletter_abo input{
    /*border: 1px solid #666666;*/
    color:#666666;
    font-size: 11px;
    font-family: arial, sans-serif;
    float:left;
}

div.newsletter_abo input.text-field{
    width: 181px;
}

div.newsletter_abo input.btn{
    border:none;
    margin-left:5px;
    margin-top:0px;
}

div.newsletter_abo h1{
    margin-bottom:0px;
}