html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li, input, select {
   margin: 0; padding: 0;
   font-family:Tahoma;
}
html, img {
    border:0;  
}
body {
	height:100%; max-height:100%;  
	border:0;
	background-color:#fff;
	font-size:11px; color:#000;
	background: #FFFFFF url(images/bgrBody.jpg) repeat-x top left;
}
.blockOuter{
    width:100%;
}
.trenner1{
    width:452px; height:24px;
    display:block; margin:33px 0 26px 0;
    background: url(images/bgrTrenner1.jpg) no-repeat top left;
}
.trenner2{
    width:452px; height:24px;
    display:block; margin:25px 0;
    background: url(images/bgrTrenner2.jpg) no-repeat top left;
}
.contentList{
    margin:17px 0 0 16px; padding:0;
    list-style-type:circle;
    font-weight:bold;
}
.contentList li{margin-bottom:20px;}
.contentList li p{
    font-weight:normal;
    padding-left:13px;
}
.contentList li span{font-weight:normal;}
/***************** TEXT-KLASSEN *****************/
.bold{font-weight:bold;}
.textContentHead{
    color:#96bf0d; font-size:20px;
    font-family:Trebuchet MS;
    font-weight:bold;
}
.textContentHead2{
    color:#96bf0d; font-size:16px;
    font-weight:bold;
}
.textContent{
    color:#666666; font-size:12px;
    line-height:18px;
}
.textContent img{
    border:1px solid #cccccc;
    background-color:#FFFFFF;
    padding:1px; float:left;
    margin:0 12px 12px 0;
}
.textFooter{
    color:#666666; font-size:10px;
    font-family:Verdana;
}
.linkMail{
    color:#666666; font-size:10px;
    text-decoration:none;
    font-family:Verdana;
}
.linkMail:HOVER{text-decoration:underline;}
.linkList{
	color:#96bf0d; font-size:12px;
	font-weight:bold; padding-left:14px;
	background: url(images/IconLL.gif) no-repeat 0px 2px;
	display:block;
}
.linkList:HOVER{
	color:#666666; background: url(images/IconLLH.gif) no-repeat 0px 2px;
}
/***************** TEXTBOX-KLASSEN *****************/
.textbox{
    width: 306px; height:18px;
    padding:3px 0 0 3px; color:#669900; 
    border:1px solid #cccccc; 
    background: url(images/bgrTextbox.gif) repeat-x top left;
}
.textarea{
	width: 306px;
    padding:1px 0 0 3px; color:#669900; 
    border:1px solid #cccccc; 
    background: url(images/bgrTextarea.gif) repeat-x top left;
}
/***************** BUTTON-KLASSEN *****************/
.button{
    width:80px; height:25px;
    text-align:center; color:#FFF;
    font-weight:bold; font-size:13px;
    border:1px solid #CCCCCC; margin-top:15px;
    background: url(images/bgrButton.gif) no-repeat 1px 1px;
}
/***************** TOP-KLASSEN *****************/
#blockHead{
    width:839px; height:369px;
    background: url(images/bgrHead.jpg) no-repeat top left;
    margin:auto; position:relative;
}
#logo{
    position:absolute;
    top:78px; left:97px;
    width:231px; height:41px;
}
/***************** MIDDLE-KLASSEN *****************/
#blockMiddle{
    width:839px; margin:auto;
    background: url(images/bgrMiddle.jpg) no-repeat top left;
    position:relative; padding-bottom:27px;
}
#blockContent{
    padding:4px 259px 0 128px;
    min-height:348px;
    height:auto !important; 
    height:248px;
}
.ContentHead{
    margin-bottom:15px;
}

.list{
	background: url(images/bgrListHead.gif) repeat-x top left;
	margin-top:25px; padding:5px 10px 10px 10px;
}
.listbottom{text-align:center; padding-top:30px;}
.list img.listimgBig{margin:13px 0;}
.list span{padding-bottom:15px; display:block;}
.list img.listimg{padding:0px 10px 0 0 !important; margin:0 !important; border:0 !important;}
.listLinks{padding-left:65px;}
.listLinks img{margin:5px 0 20px 0;}
.list ul.listULSA{
	list-style:none;
	margin:0; padding:0;
}
.list ul.listULSA li{padding-left:11px;}
.list ul.listULSA li p{padding:7px 0 20px 27px;}
.list ul.listULFE{margin:0; padding:0; margin-left:13px;}
.blockGoogle{margin:13px 0; width:440px; height:330px;}
/***************** NAVIGATION-KLASSEN *****************/
#blockNavigation{
    position:absolute;
    width:167px;
    min-height:238px;
    height:auto !important; 
    height:238px;
    top:1px; right:79px;
}
#blockNavigationHead{
    width:167px; height:26px;
    background: url(images/bgrNavigationHead.gif) no-repeat top left;
    display:block; margin-bottom:2px;
}
.navigationmenu{
    list-style:none none;
}
.navigationmenu li{
    padding:5px 0 4px 8px;
    background: url(images/trennerNav.gif) no-repeat bottom right;
}
.navigationmenu li a{
    font-size:11px;
    text-decoration:none;
    padding:0px 0 0 20px;
    display:block; height:15px;
}
.linkNavi{color:#666666; background-position:0px 0px ! important;}
.linkNavi:HOVER{color:#000000; background-position:0px -15px ! important;}
.linkNaviAktiv{color:#89b008; background-position:0px -30px ! important;}
.navUebermich{background: url(images/IconUebermich.gif) no-repeat;}
.navLeistungen{background: url(images/IconLeistungen.gif) no-repeat;}
.navReferenzen{background: url(images/IconReferenzen.gif) no-repeat;}
.navNews{background: url(images/IconNews.gif) no-repeat;}
.navProdukte{background: url(images/IconProdukte.gif) no-repeat;}
.navMicrosoft{background: url(images/IconMicrosoft.gif) no-repeat;}
.navSonderangebote{background: url(images/IconSonderangebote.gif) no-repeat;}
.navLieblinks{background: url(images/IconLieblinks.gif) no-repeat;}
.navSponsoring{background: url(images/IconSponsor.gif) no-repeat;}
.navVeranstaltungen{background: url(images/IconVeranstaltungen.gif) no-repeat;}
.navImpressum{background: url(images/IconImpressum.gif) no-repeat;}
.navFinden{background: url(images/IconFinden.gif) no-repeat;}
.navKontakt{background: url(images/IconKontakt.gif) no-repeat;}
/***************** FOOTER-KLASSEN *****************/
#blockFooter{
    width:839px; height:70px;
    margin:auto; position:relative;
    background: url(images/bgrFooter.jpg) no-repeat top left;
}
#blockFooterCopy{
    position:absolute;
    top:23px; right:109px;
}
#blockFooterMail{
    position:absolute;
    top:22px; left:336px;
    background: url(images/IconMail.gif) no-repeat 0px 4px;
    padding-left:17px;
}