/* ::::: http://www.kostenlose-online-koordination.de/assets/templates/ideegestalten/layout.css ::::: */

html { height: 99.9%; margin: 0px; padding: 0px; }
html, body { padding: 0px; margin: 0px; font-size: 11px; font-family: "Trebuchet MS",verdana,sans-serif; }
body { text-align: left; min-width: 860px; background-color: rgb(255, 255, 255); height: 100%; }
#wrapper { border: 0px solid rgb(255, 0, 0); height: 99%; min-height: 99%; width: 860px; text-align: left; margin: auto; position: relative; overflow: visible; background-color: rgb(255, 255, 255); }
html > body #wrapper { height: auto; }
#outer-head { position: absolute; top: 0px; left: 5px; width: 850px; height: 100px; z-index: 74; border: 0px solid rgb(255, 0, 0); }
#head-login { position: absolute; top: 34px; right: 0px; width: 285px; height: 28px; padding-top: 10px; z-index: 74; border: 0px solid rgb(255, 0, 0); text-align: right; background-image: url('icon_pfeil_schwarz.png'); background-position: left center; background-repeat: no-repeat; vertical-align: middle; cursor: pointer; }
#head-login:hover { background-image: url('icon_pfeil_rot.png'); }
#outer-navi { position: absolute; top: 100px; left: 5px; width: 285px; height: 565px; z-index: 74; border: 0px solid rgb(0, 0, 0); }
#navi-icons { position: absolute; top: 0px; left: 0px; width: 278px; height: 143px; z-index: 74; border-top: 2px solid rgb(181, 181, 181); padding-top: 40px; }
#navi-tools { position: absolute; top: 143px; left: 0px; width: 278px; height: 130px; z-index: 74; border-top: 2px solid rgb(181, 181, 181); border-bottom: 2px solid rgb(181, 181, 181); }
#navi-tools-subnavi { position: absolute; top: 287px; left: 0px; width: 278px; height: 132px; z-index: 74; border-bottom: 2px solid rgb(181, 181, 181); }
#navi-site-neu { position: absolute; top: 445px; left: 0px; width: 278px; height: 78px; z-index: 74; border-bottom: 2px solid rgb(181, 181, 181); }
#icons-site[id] { position: absolute; top: 535px; left: 0px; width: 278px; height: 27px; z-index: 74; border-bottom: 2px solid rgb(181, 181, 181); }
#icons-site a.addthis_button_facebook_like, #icons-site a.addthis_button_facebook, #icons-site a.addthis_button_twitter, #icons-site a.addthis_button_google, #icons-site a.addthis_button_email, #icons-site a.addthis_button_compact { opacity: 0.5; color: rgb(64, 64, 66); text-decoration: none; }
#icons-site a.addthis_button_facebook_like:hover, #icons-site a.addthis_button_facebook:hover, #icons-site a.addthis_button_twitter:hover, #icons-site a.addthis_button_google:hover, #icons-site a.addthis_button_email:hover, #icons-site a.addthis_button_compact:hover { opacity: 1; color: rgb(64, 64, 66); text-decoration: none; }
#outer-content { position: absolute; top: 100px; left: 290px; width: 565px; height: 565px; z-index: 74; border: 0px solid rgb(0, 255, 0); }
#content-A1 { position: absolute; left: 0px; top: 0px; width: 136px; height: 136px; background-position: center center; background-image: url('b3.jpg'); }
#content-D1-sprechblase { position: absolute; left: 0px; padding-top: 30px; top: 398px; width: 565px; height: 167px; background-image: url('sprechblase-d1.gif'); background-position: left top; background-repeat: no-repeat; border: 0px solid rgb(255, 0, 0); z-index: 300; }
#content-A2, #content-A2-hight, #content-A2-soft { position: absolute; left: 143px; top: 0px; width: 136px; height: 136px; background-color: rgb(240, 133, 16); background-position: center center; background-image: url('a2.png'); }
#content-A3, #content-A3-hight, #content-A3-soft { position: absolute; left: 286px; top: 0px; width: 136px; height: 167px; z-index: 200; background-position: left top; background-repeat: no-repeat; background-image: url('sprechblase-unten.gif'); cursor: pointer; }
#content-A3:hover { background-image: url('sprechblase-unten-o.gif'); }
#content-A4, #content-A4-hight, #content-A4-soft { position: absolute; left: 429px; top: 0px; width: 136px; height: 136px; background-color: rgb(240, 133, 16); background-position: center center; background-image: url('a4.png'); }
#content-B1, #content-B1-hight, #content-B1-soft { position: absolute; left: 0px; top: 143px; width: 136px; height: 136px; background-color: rgb(240, 133, 16); background-position: center center; background-image: url('b1.png'); }
#content-B2, #content-B2-hight, #content-B2-soft { position: absolute; left: 143px; top: 143px; width: 136px; height: 136px; background-position: center center; background-image: url('c4.jpg'); }
#content-B3 { position: absolute; left: 286px; top: 143px; width: 136px; height: 136px; background-position: center center; background-image: url('d3.jpg'); }
#content-B4 { position: absolute; left: 429px; top: 143px; width: 136px; height: 167px; z-index: 200; background-position: left top; background-repeat: no-repeat; background-image: url('sprechblase-unten.gif'); cursor: pointer; }
#content-B4:hover { background-image: url('sprechblase-unten-o.gif'); }
#content-C1 { position: absolute; left: 0px; top: 286px; width: 136px; height: 136px; z-index: 200; background-position: center center; background-image: url('a1.jpg'); }
#content-C2 { position: absolute; left: 143px; top: 286px; width: 136px; height: 136px; background-color: rgb(240, 133, 16); background-position: center center; background-image: url('b2.jpg'); }
#content-C3 { position: absolute; left: 286px; top: 286px; width: 136px; height: 136px; background-color: rgb(240, 133, 16); background-position: center center; background-image: url('c3.png'); }
#content-C4 { position: absolute; left: 429px; top: 286px; width: 136px; height: 136px; background-position: center center; background-image: url('d4.jpg'); }
#navi-sprechblase-D1 { position: absolute; right: 15px; bottom: 40px; width: 300px; z-index: 74; border: 0px solid rgb(255, 255, 0); text-align: right; vertical-align: top; }
/* ::::: http://www.kostenlose-online-koordination.de/assets/templates/ideegestalten/navigation.css ::::: */

ul.navi-tools { list-style: outside none none; margin-left: 0px; padding-top: 27px; padding-left: 0px; margin-top: 0px; }
a.li-tools { color: rgb(181, 181, 181); font-size: 12px; text-decoration: none; line-height: 2.1em; letter-spacing: 0.05em; text-transform: uppercase; font-family: "verdana",sans-serif; font-weight: bold; }
a.head_login { color: rgb(0, 0, 0); font-size: 13px; text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; font-family: "verdana",sans-serif; font-weight: bold; }
ul.navi-sites { list-style: outside none none; margin-left: 0px; padding-left: 0px; margin-top: 0px; }
a.li-sites, a.li-sites-01, a.li-sites-02, a.li-sites-03 { color: rgb(181, 181, 181); font-size: 13px; text-decoration: none; line-height: 1.4em; font-family: "verdana",sans-serif; }
a.li-sites-01:before, a.li-sites-02:before, a.li-sites-03:before { content: "»"; margin-right: 6px; font-family: "verdana",sans-serif; }
a.li-sites-01:hover, a.li-sites-01:before { color: rgb(61, 146, 155); }
a.li-sites-02:hover, a.li-sites-02:before { color: rgb(104, 24, 7); }
a.li-sites-03:hover, a.li-sites-03:before { color: rgb(211, 2, 29); }
a.sprechblase { color: rgb(181, 181, 181); font-size: 13px; text-decoration: none; line-height: 1.5em; font-family: "verdana",sans-serif; }
a.li-tools:hover, a.li-tools.active, a.li-sites.active, a.li-sites:hover, a.head_login:hover, a.li-tools-sub:hover, a.li-tools-sub.active, a.sprechblase:hover, a.li-unternehmens:hover, a.li-unternehmens.active { color: rgb(240, 133, 16); }
/* ::::: http://www.kostenlose-online-koordination.de/assets/templates/ideegestalten/text.css ::::: */

#content-D1-sprechblase p { margin-left: 10px; margin-right: 10px; color: rgb(240, 133, 16); font-size: 16px; font-family: "verdana",sans-serif; font-weight: normal; text-decoration: none; }
#content-A3 h1, #content-B4 h1, #content-D1 h1 { color: rgb(181, 181, 181); font-size: 13px; font-family: "verdana",sans-serif; font-weight: normal; text-decoration: none; }
#outer-content a, #outer-content a, #outer-content a { text-decoration: none; }
#content-A3 h1, #content-B4 h1 { height: 126px; width: 136px; float: left; margin-top: 0px; padding-top: 33px; padding-left: 8px; padding-right: 15px; }
#content-A3 h1:hover, #content-B4 h1:hover, #content-D1 h1:hover { color: rgb(240, 133, 16); text-decoration: underline; cursor: pointer; }
/* ::::: http://www.kostenlose-online-koordination.de/assets/templates/ideegestalten/form.css ::::: */