* { font-family: Verdana, "Trebuchet MS", Arial, sans-serif; font-size: 11px; font-weight: normal; margin: 0; padding: 0; text-decoration: none; }


.img { letter-spacing: -1000em; text-indent : -999em; overflow: hidden; display: block; background-repeat: repeat; background-color: transparent; border:none;}




html { min-height: 100%; }


#main { background-color: #E5ECF4; background-image: url('../images/design/body/bg_top.jpg'); background-position: top; background-repeat: repeat-x; min-height: 100%; }


#wrap-all { border: 1px solid #FFFFFF; margin: 17px auto; width: 907px; }


#header { background-color: #E5E6E7; background-position: top left; background-repeat: no-repeat; height: 176px; }
#header * { display: block; float: left; height: 176px; }
#header #logo { background-image: url('../images/design/header/logo/bg.jpg'); width: 171px; }
#header #picture { background-image: url('../images/design/header/home.jpg'); width: 546px; }
#header #testimonials { background-image: url('../images/design/header/house/bg.jpg'); width: 190px; }
#header #testimonials dl { background-color: #456; height: 170px; margin: 6px 6px 0 1px; width: 182px }
#header #testimonials dl dt { background-image: url('../images/design/right/dt/bg.jpg'); background-repeat: no-repeat; background-color: #4f7cb3; border-top: 1px solid #89a; border-bottom: 1px solid #fff; color: #fff; float: none; font-size: 14px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: 25px; }
#header #testimonials dl dd { background-image: url('../images/design/right/dd/bg.jpg'); background-repeat: repeat-y; background-color: #444; height: 138px; width: 182px; }
#header #testimonials dl dd * { margin-left: 25px; margin-right: 5px; }
#header #testimonials dl dd * * { margin-left: 0; margin-right: 0; }
#header #testimonials dl dd h2 { color: #047EA3; font-size: 13px; height: 20px; margin-top: 15px; }
#header #testimonials dl dd p { color: #686868; }

#header #sicherheitskonzept { background-image: url('../images/design/header/house/bg.jpg'); width: 190px; }
#header #sicherheitskonzept dl { background-color: #456; height: 170px; margin: 6px 6px 0 1px; width: 182px }
#header #sicherheitskonzept dl dt { background-image: url('../images/design/right/dt/bg.jpg'); background-repeat: no-repeat; background-color: #4f7cb3; border-top: 1px solid #89a; border-bottom: 1px solid #fff; color: #fff; float: none; font-size: 14px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: 25px; }
#header #sicherheitskonzept dl dd { background-image: url('../images/design/right/dd/bg.jpg'); background-repeat: repeat-y; background-color: #444; height: 138px; width: 182px; }
#header #sicherheitskonzept dl dd * { margin-left: 25px; margin-right: 5px; }
#header #sicherheitskonzept dl dd * * { margin-left: 0; margin-right: 0; }
#header #sicherheitskonzept dl dd h2 { color: #047EA3; font-size: 13px; height: 20px; margin-top: 15px; }
#header #sicherheitskonzept dl dd p { color: #686868; margin-top:10px; height:10px;}
#header #sicherheitskonzept dl dd p a { color: #000000; display: block; float: right; font-size: 90%; font-weight: bold; text-decoration: none; text-align: right; margin-top:40px; height:10px; }




#top { background-color: #E5E6E7; background-image: url('../images/design/top/bg.jpg'); background-position: top left; background-repeat: repeat-y; border: 1px solid #FFFFFF; border-style: solid none; height: 8px; }


#wrap { background-color: #E5E6E7; background-image: url('../images/design/wrap/bg.jpg'); background-position: top left; background-repeat: repeat-y; min-height: 450px;}


#navigation { float: left; margin: 30px 1px 10px 6px; list-style: none; }
#navigation * { color: #03306B; }
#navigation > li { border: 1px solid #FFFFFF; margin: 0 0 10px; width: 162px; }
#navigation > li > a { background-color: #B7DBF3; background-repeat: no-repeat; background-position: bottom right; display: block; font-size: 14px; padding: 5px 0; text-indent: 15px; }
#navigation > li > a:hover { background-color: #4F7CB3; color: #FFFFFF; }
#navigation > li.home > a { background-image: url('../images/design/navigation/home.png'); }
#navigation > li.team > a { background-image: url('../images/design/navigation/team.png'); }
#navigation > li.news > a { background-image: url('../images/design/navigation/news.png'); }
#navigation > li.sintony > a { background-image: url('../images/design/navigation/sintony.png'); }
#navigation > li.privatkunden > a { background-image: url('../images/design/navigation/privatkunden.png'); }
#navigation > li.firmenkunden > a { background-image: url('../images/design/navigation/firmenkunden.png'); }
#navigation > li.kundendienst > a { background-image: url('../images/design/navigation/kundendienst.png'); }
#navigation > li.kontakt a { background-image: url('../images/design/navigation/kontakt.png'); }
#navigation li.subnavigation { border: none; }
#navigation li.subnavigation ul { list-style-position: inside; list-style-type: disc; }
#navigation li.subnavigation ul li { border: none; line-height: 20px; margin: 0; text-indent: 10px; }
#navigation li.subnavigation ul li a { background-color: transparent; font-size: 12px; }
#navigation li.subnavigation ul li a:hover { color: #4F7CB3; }


#navigation li.subnavigation ul {list-style:none; }
#navigation li.subnavigation ul li.subsubnavigation { display:block;  }
#navigation li.subnavigation ul li.subsubnavigation ul { line-height:1.2em; margin-top:5px; margin-bottom:10px; }
#navigation li.subnavigation ul li.subsubnavigation a { color:#03306B; margin-left:12px; display:block; font-size:11px; }
#navigation li.subnavigation ul li.subsubnavigation a:hover { color:#4F7CB3; text-decoration:none; }
#navigation li.subnavigation ul li.subsubnavigation ul li.active a { color:#4F7CB3; text-decoration:none; }



#content { background-color: #fff; margin: 0 182px 0 171px; min-height: 430px; padding: 10px 0; width: 547px; }
#content * { color: #444; font-size: 12px; margin: 0 20px 0 35px; }
#content * * { margin: 0; }
#content h1 { background-repeat: no-repeat; background-position: top right; border: 1px solid #99D6EB; border-style: none none solid; color: #1376AF; font-size: 18px; height: 40px; letter-spacing: 0; line-height: 40px; margin: 0 0 30px; text-indent: 35px; vertical-align: bottom; }
#content h2 { color: #1F75A8; font-size: 14px; margin-bottom: 5px; font-weight: bold; }
#content h2 * { color: #1F75A8; font-size: 14px; font-weight: bold;}
#content h3 { color: #1F75A8; font-size: 12px; }
#content ul,
#content ol { margin-bottom: 10px; }
#content p { line-height: 18px; margin-bottom: 10px; margin-top: 5px; }
#content strong { font-weight: bold; }
#content img { margin-bottom: 10px; margin-top: 5px; }
#content img.picture { float: right; margin-left: 20px; }
#content a { color: #1F75A8 !important; text-decoration: none !important; }
#content ul li, #content ol li { margin-bottom: 5px; margin-left: 20px;}
#content br.clear { clear: both; height: 10px; }
#content .teaser a { cursor:pointer;}
#content img { border:none; }


#right { float: right; margin: 0 7px 0 0; width: 182px; }
#right dt { background-image: url('../images/design/right/dt/bg.jpg'); background-repeat: no-repeat; color: #FFFFFF; font-size: 13px; height: 30px; line-height: 30px; text-indent: 25px; vertical-align: bottom; }
#right dd ul { border: 1px solid #FFFFFF; border-style: none none solid; list-style: none; padding: 0 0 10px; }
#right dd ul li { background-image: url('../images/design/right/dd/bg.jpg'); background-repeat: repeat-y; border: 1px solid #FFFFFF; border-style: none none solid; margin: 0; padding: 5px 7px 25px 22px; }
#right dd ul li h2 { color: #047EA3; font-size: 13px; vertical-align: bottom; }
#right dd ul li p { color: #686868; margin-top: 5px;  }
#right dd ul li p a { color: #000000; display: block; float: right; font-size: 90%; font-weight: bold; text-decoration: none; text-align: right; }
#right dd ul li p.date { font-size: 90%; text-align: right; }

#right dd span ul { border: 1px solid #FFFFFF; border-style: none none solid; list-style: none; padding: 0 0 10px; background-image: url('../images/design/right/dd/bg.jpg'); background-repeat: repeat-y; border: 1px solid #FFFFFF; border-style: none none solid; margin: 0; padding: 5px 7px 20px 22px;  }
#right dd span ul h2 { color: #047EA3; font-size: 13px; line-height: 30px; vertical-align: bottom; }
#right dd span ul p { color: #686868; margin-top: 5px; }
#right dd span ul p a { color: #000000; display: block; float: right; font-size: 90%; font-weight: bold; text-decoration: none; text-align: right; }
#right dd span ul li p.date { font-size: 90%; text-align: right; }


#footer { background-color: #E5E6E7; background-image: url('../images/design/footer/bg.jpg'); background-position: top left; background-repeat: repeat-y; border: 1px solid #FFFFFF; border-style: solid none none; clear: both; height: 26px; }
#footer * { color: #F5F6F7; }
#footer div { float: left; }
#footer div.center { margin: 7px 0 7px 11px; font-family: Arial, Verdana, sans-serif; width: 546px;}
#footer div.centerright { width:160px; margin-top:7px; height:26px;}
#footer div.right { font-family: "Courier New", Verdana, Arial, sans-serif; margin: 8px 7px 0 19px; text-align: center; width: 160px; }
#footer div.right * { font-size: 8px; }


/** General Settings */


/** Classes */


/** HTML */


/** Body */


/** Wrap-all */


/** Header */


/** Top */


/** Wrap */


/** Navigation */


/** Content */


/** Right */


/** Footer */



/** * Home */

#picture { background-image: url('../images/design/header/home.jpg'); }
#content h1 { background-image: url('../images/design/content/home.jpg'); }
#content ul { list-style: none; }
#content ul li { background-position: bottom right; background-repeat: no-repeat; min-height: 180px; margin: 0 0 15px; padding: 10px 0; }
#content ul li.home a.img { background-image: url('../images/design/content/spetec_home_small.jpg'); }
#content ul li.home h2 .home { color:#FF0000;}
#content ul li.kmu a.img { background-image: url('../images/design/content/spetec_kmu_small.jpg'); }
#content ul li a.image { background-image: none; display: block; float: left; height: 180px; margin: 0 15px 0 0; padding: 0; }
#content ul li a.img { float: right; height: 40px; margin: 0; padding: 0; position: relative; top: -10px; width: 100px; }
#content ul li a img { margin: 0; }
#content ul li p { margin: 0 10px 10px; }
#content ul li p a { background-image: none; display: inline; font-size: 12px; padding: 0; }
#content ul li h2 { margin-bottom: 15px; }
#content ul li h2 a { background-image: none; background-repeat: no-repeat; background-position: bottom left; font-size: 16px; padding: 0; }
#content ul li h2 a.home { }
#content ul li a { background-image: url('../images/design/content/home/a/bg.jpg'); background-repeat: no-repeat; background-position: bottom left; font-size: 14px; padding: 1px 25px; }
#content ul li ul { list-style: disc; list-style-position: inside; }
#content ul li ul li { color: #004; line-height: 20px; min-height: 0; margin: 0; padding: 0; }