html , body { height: 100%; margin: 0; padding: 0; font: normal 12px "Trebuchet MS", Verdana, "Lucida Grande", Georgia, Sans-Serif; }
body { min-height: 100%; text-align: center; background-color: #ebebeb; }
/* COMMON */
a { font-weight: bold; border-bottom: 1px dotted transparent; }
a:link { color: #336699; text-decoration: none; border-bottom-color: #336699; }
a:visited { color: #5588aa; text-decoration: none; border-bottom-color: #5588aa; }
a:hover { color: #ad5b1e; border-bottom: 1px solid #ad5b1e; }
a:active { color: #ad5b1e; border-bottom: 1px solid #ad5b1e; }
span { display: block; }
h1.h1_1 { font-size: 9pt; color: #ffffff; text-align: left; padding: 5px 10px 5px 10px; }
span.txt8_0 { font-size: 8pt; font-weight: normal; color: #181818; text-align: justify; }
span.txt9_0 { font-size: 9pt; font-weight: normal; color: #181818; text-align: justify; }
span.txt10_0 { font-size: 10pt; font-weight: normal; color: #181818; text-align: justify; }
span.txt12_0 { font-size: 12pt; font-weight: normal; color: #181818; text-align: justify; }
span.txt8_c { font-size: 8pt; font-weight: normal; color: #cc0000; text-align: justify; }
span.txt9_c { font-size: 9pt; font-weight: normal; color: #cc0000; text-align: justify; }
span.txt10_c { font-size: 10pt; font-weight: normal; color: #cc0000; text-align: justify; }
span.txt12_c { font-size: 12pt; font-weight: normal; color: #cc0000; text-align: justify; }
span.txt7_5 { font-size: 7pt; font-weight: normal; color: #515151; text-align: justify; }
span.txt8_5 { font-size: 8pt; font-weight: normal; color: #515151; text-align: justify; }
span.txt9_5 { font-size: 9pt; font-weight: normal; color: #515151; text-align: justify; }
span.txt10_5 { font-size: 10pt; font-weight: normal; color: #515151; text-align: justify; }
img { border: 0; }
img.spacer { display: block; }
img.to_top { width: 20px; height: 20px; background: url(http://www.digital-ideas.de/images/top.gif) no-repeat; }
img.icons { float: left; width: 20px; height: 20px; }
a.top { text-decoration: none; border: 0; }
a.details { font-size: 9pt; float: right; }
h1.h1_1 { font-size: 9pt; color: #ffffff; text-align: left; padding: 5px 10px 5px 10px; }
h2.h2_2 { font-size: 12pt; font-weight: bold; color: #cc0000; border-bottom: 1px dotted #cc0000; margin: 10px 0 10px 0; }
div#top_border { position: absolute; top: 0; left: 0; width: 100%; height: 10px; background-color: #555555; z-index: 1; }
div#container { width: 850px; min-height: 100%; margin: -10px auto 0 auto; padding: 10px 0 0 0; background-image: url(../images/body_bg.gif); background-repeat: repeat-y; background-position: top center; text-align: center; }
* html #container { height: 100%; }
/* TOP */
div#top { width: 700px; height: 24px; margin: 20px auto 10px auto; }
div#company { width: 125px; height: 20px; float: left; font-size: 14px; letter-spacing: 0.1em; color: #515151; text-align: left; border-right: 1px dotted #c0c0c0; }
div#slogan { width: 125px; height: 20px; float: left; font-size: 12px; color: #515151; padding-left: 14px; }
div#search { float: right; width: 200px; height: 20px; }
#searchtext { height: 18px; margin: 0 0 5px 3px; padding: 2px 0 2px 4px; border: 1px solid #999999; background-color: #f5f5f5; }
#searchtext:hover { background-color: #e5e5e5; border: 1px solid #777777; }
#searchsubmit { width: 24px; height: 24px; margin: 2px 0 3px 3px; border: 0; background: url(http://www.digital-ideas.de/images/search.gif) no-repeat; }
#searchsubmit:hover { background: url(http://www.digital-ideas.de/images/search_hover.gif) no-repeat; }
/* HEADER */
div#header { width: 700px; height: 198px; margin: 5px auto 0 auto; padding: 0; }
div.menubar { float: left; width: 700px; height: 25px; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); }
div#flash { float: left; width: 700px; height: 148px; background-color: #ffffff; background: url(../images/header.gif) no-repeat top center; }
ul#ul1 { float: left; position: relative; top: -10px; left: 10px; margin: 0; padding: 0; list-style-type: none; }
ul#ul2 { float: right; position: relative; bottom: -8px; right: 10px; margin: 0; padding: 0; list-style-type: none; }
#header li { float: left; }
a.activeTopLink, a.activeTopLink:visited { float: left; display: block; margin: 0 10px; padding: 5px 20px; color: #ffffff; text-decoration: none; border-bottom-width: 0; background-image: url(../images/bgCC0000.gif); background-repeat: repeat-x; }
a.activeTopLink:hover { float: left; display: block; margin: 0 10px; padding: 5px 20px; color: #ffffff; text-decoration: none; border-bottom-width: 0; background-image: url(../images/bgF10101.gif); background-repeat: repeat-x; }
a.inactiveTopLink, a.inactiveTopLink:visited { float: left; display: block; margin: 0 10px; padding: 5px 20px; color: #ffffff; text-decoration: none; border-bottom-width: 0; background-image: url(../images/bg515151.gif); background-repeat: repeat-x; }
a.inactiveTopLink:hover { float: left; display: block; margin: 0 10px; padding: 5px 20px; color: #ffffff; text-decoration: none; border-bottom-width: 0; background-image: url(../images/bg181818.gif); background-repeat: repeat-x; }
/* CONTENT_FRAME */
div#content_frame { width: 700px; margin: 20px auto -15px auto; padding: 0; }
div.content { text-align: left; margin: -5px 0 0 0; padding: 10px 20px 10px 10px; border: 1px dotted #515151; }
* html div#content_frame { height: 40%; }
/* FOOTER */
div#footer { clear: both; width: 700px; height: 100px; margin: 0 auto 10px auto; padding: 10px 0 10px 0; }
div#to_top { text-align: right; padding: 5px 0 5px 0; }
div#last_mod { font-size: 7pt; color: #515151; letter-spacing: 2px; text-align: right; padding: 5px 0 5px 0; }
div#copyright { color: #515151; border-top: 1px dotted #515151; padding: 5px 0 5px 0; }
div#bottom_left { float: left; width: 20%; }
div#bottom_center { float: left; width: 60%; text-align: center; }
div#bottom_center a.activeBottomLink { font-weight: bold; color: #cc0000; text-decoration: none; border-bottom: 1px dotted #ad5b1e; }
div#bottom_center a.inactiveBottomLink { font-weight: bold; color: #5588aa; text-decoration: none; border-bottom: 1px dotted #5588aa; }
div#bottom_center a.inactiveBottomLink:hover { font-weight: bold; color: #515151; text-decoration: none; border-bottom: 1px dotted #515151; }
div#bottom_right { float: left; width: 20%; text-align: right; }
a#w3c, a#w3c:hover { border: 0; text-decoration: none; }
/* index.html */
#intro { float: left; width: 475px; }
#intro h1.h1_1 { background-color: #cc0000; color: #ffffff; background-image: url(http://www.digital-ideas.de/images/bgCC0000.gif); }
#info { float: right; width: 220px; }
#info h1.h1_1 { background-color: #515151; color: #ffffff; text-align: right; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); }
#info a.vcard { display: block; width: 31px; height: 25px; text-decoration: none; border: 0; background: url(http://www.digital-ideas.de/images/vcard.gif) no-repeat; }
#info a.favorites { display: block; width: 31px; height: 25px; text-decoration: none; border: 0; background: url(http://www.digital-ideas.de/images/favorites.gif) no-repeat; }
/* unser_service.html */
#our_services { width: 700px; margin-top: 10px; }
#our_services h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
#our_services .ul1 { list-style-type: square; padding: 0; margin: 15px; font-size: 12pt; font-weight: bold; color: #cc0000; }
#our_services .ul2 { list-style-type: disc; padding: 0; margin: 15px; font-size: 10pt; font-weight: normal; color: #181818; }
#our_services .ul3 { list-style-type: circle; padding: 0; margin: 15px; font-size: 9pt; font-weight: normal; }
/* ueber_uns.html */
#about_us { width: 700px; margin-top: 10px; }
#about_us h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
/* referenzen.html */
#references { width: 700px; margin-top: 10px; }
#references h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
/* news_aktuelles.html */
#news { width: 700px; margin-top: 10px; }
#news h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
/* kontakt.php */
#contact { width: 700px; margin-top: 10px; }
#contact h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
#contact table span { display: inline; }
#contact table .left { font-size: 9pt; background-color: #efefef; padding: 0px 5px 0px 8px; }
#contact table #inputs { margin: 0; }
/* sitemap.html */
#sitemap { width: 700px; margin-top: 10px; }
#sitemap h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
/* impressum.html */
#imprint { width: 700px; margin-top: 10px; }
#imprint h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
/* rechtliches.html */
#legals { width: 700px; margin-top: 10px; }
#legals h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
/* datenschutz.html */
#data_security { width: 700px; margin-top: 10px; }
#data_security h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
/* mitglieder.html */
#members { width: 700px; margin-top: 10px; }
#members h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
/* agb.html */
#general_conditions { width: 700px; margin-top: 10px; }
#general_conditions h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
/* search.php */
#searchresults { width: 700px; margin-top: 10px; }
#searchresults h1.h1_1 { background-color: #000080; background-image: url(http://www.digital-ideas.de/images/bg515151.gif); color: #ffffff; }
#searchresults #search_text { width: 200px; height: 16px; padding: 2px 0px 2px 5px; border: 1px solid #999999; background-color: #f5f5f5; }
#searchresults #search_text:hover { background-color: #e5e5e5; border: 1px solid #777777; }
#searchresults #search_submit { width: 24px; height: 24px; border: 0; background: url(http://www.digital-ideas.de/images/search.gif) no-repeat; }
#searchresults #search_submit:hover { background: url(http://www.digital-ideas.de/images/search_hover.gif) no-repeat; }
#searchresults .search_radio { border: 0; background-color: transparent; }
#searchresults .search_radio:hover { border: 0; background-color: transparent; }
#searchresults .match_num { display: inline; font-family: Verdana, Tahoma, Arial; font-size: 16pt; font-weight: bold; color: #999999; }
#searchresults .match_mark { display: inline; font-weight: bold; color: #cc0000; padding: 0 4px 0 4px; background-color: yellow; }