/* Pure CSS document for Webpromotionportal.com */
body{font-family: Verdana; font-size: 11px; background: url('images/hintergrund.jpg'); background-repeat: repeat-x;}
.center {width: 902px; margin: auto;}
.seo-tool {float: right; margin-left: 0px; margin-right: 40px; margin-top: -11px;}
.seo-tool img {border: none;}
.seo-tool p{width: 120px; height: 100%;}
*+html .seo-tool {float: right; margin-left: 0px; margin-top: 0px;}

.obene {background: url('images/oben-01.gif') no-repeat; width: 782px; height: 10px;}
.obenz {background: url('images/oben-02.jpg') no-repeat; width: 782px; height: 111px;}
.obenz p{font-family: Verdana; font-size: 10px; color: #647484; margin-left: 54px; margin-top: 58px; position: absolute;}
.obenz h2{font-family: Verdana; font-size: 11px; color: #1d3772; position: absolute; margin-left: 480px; margin-top: 40px;}
.obend {background: url('images/oben-03.gif') no-repeat; width: 782px; height: 22px;}
.obend li{list-style-type: none; margin-left: 5px; font-family: Verdana; font-size: 11px; padding-top: 4px; color: #FFFFFF;}
.obend a{color: #FFFFFF; text-decoration:none;}
.obend a:visited{color: #FFFFFF; text-decoration:none;}
.obend a:hover{color: #FFFFFF; text-decoration:underline;}
.obend a:active{color: #FFFFFF; text-decoration:underline;}
*+html .obend {background: url('images/oben-03.gif') no-repeat; width: 782px; height: 22px;}
*+html .obend li{list-style-type: none; margin-left: -12px; font-family: Verdana; font-size: 11px; padding-top: 4px; color: #FFFFFF;}
*+html .obend a{color: #FFFFFF; text-decoration:none;}
*+html .obend a:visited{color: #FFFFFF; text-decoration:none;}
*+html .obend a:hover{color: #FFFFFF; text-decoration:underline;}
*+html .obend a:active{color: #FFFFFF; text-decoration:underline;}
.obenv {background: url('images/oben-04.jpg') no-repeat; width: 782px; height: 25px;}
.obenf {background: url('images/oben-05.jpg') no-repeat; width: 782px; height: 17px;}
.obens {background: url('images/oben-06.jpg') no-repeat; width: 782px; height: 105px;}
*+html .obens {background: url('images/oben-06.jpg') no-repeat; width: 782px; height: 105px; padding-top: 10px; margin-bottom: -10px; padding-left: 40px;}
.obensi {background: url('images/oben-07.jpg') no-repeat; width: 782px; height: 24px;}
.obena {background: url('images/oben-08.gif') no-repeat; width: 782px; height: 10px;}
*+html .obena {background: url('images/oben-08.gif') no-repeat; width: 782px; height: 15px;}
.angebote {display: block; float: left; margin-top: -26px; margin-left: 200px; width: 140px;}
.angebote h3{font-family: Verdana; font-size: 11px; color: #FFFFFF; text-transform: uppercase;}
*+html .angebote h3 {margin-bottom: 0px; padding-bottom: 10px;}
.angebote li{list-style-type: none; font-family: Verdana; font-size: 11px; color: #1c396a;}
.forum {display: block; float: left; width: 140px; margin-top: -26px; }
.forum h3{font-family: Verdana; font-size: 11px; color: #FFFFFF; text-transform: uppercase;}
*+html .forum h3 {margin-bottom: 0px; padding-bottom: 10px;}
.forum li{list-style-type: none; font-family: Verdana; font-size: 11px; color: #1c396a;}
.forum a{font-family: Verdana; font-size: 11px; color: #1c396a; text-decoration: none;}
.forumlink{padding-top: 6px;}
.forumlink a{font-family: Verdana; font-size: 11px; color: #FFFFFF; text-decoration: underline;}
.software-tools {display: block;  float: left; width: 140px; margin-top: -26px; }
.software-tools h3{font-family: Verdana; font-size: 11px; color: #FFFFFF; text-transform: uppercase;}
*+html .software-tools h3 {margin-bottom: 0px; padding-bottom: 10px;}
.software-tools li{list-style-type: none; font-family: Verdana; font-size: 11px; color: #1c396a;}
.software-tools img{margin-top: px; margin-left: 0px; border: none;}
.link {margin-top: 6px;}
.link a{color: #FFFFFF; font: bold;}
.linkaff {margin-top: 0px;}
.linkaff a{color: #FFFFFF; font: bold;}
*+html .linkaff {margin-top: 19px;}
*+html .linkaff a{color: #FFFFFF; font: bold;}
*+html .linkaff img{margin-left: 44px; margin-top: -74px;}
.content{background: url('images/inhalt.jpg'); min-height: 740px; background-repeat: repeat-y; margin-top: -9px; width: 782px;}
*+html .content{background: url('images/inhalt.jpg'); background-repeat: repeat-y; margin-top: -9px; width: 782px;}
.menue{width: 171px; float: left; clear:left; margin-left: 6px; margin-top: 0px; overflow: hidden; padding-right: 12px; }
*+html .menue{width: 171px; float: left; margin-left: 6px; margin-top: 0px; overflow: hidden; padding-right: 12px; }
.menue h2{font-family:Verdana; font-size: 11px; color: #FFFFFF; clear: left; text-transform: uppercase;}
*+html .menue h2{font-family:Verdana; font-size: 11px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 6px; margin-top: 10px; clear: both;}
.menue a{color: #FFFFFF; text-decoration:none;}
*+html .menue a{color: #FFFFFF; text-decoration:none; margin-left: -16px;}
.menue a:visited{color: #FFFFFF; text-decoration:none;}
*+html .menue a:visited{color: #FFFFFF; text-decoration:none;}
.menue a:hover{color: #FFFFFF; text-decoration:underline;}
*+html .menue a:hover{color: #FFFFFF; text-decoration:underline;}
.menue a:active{color: #FFFFFF; text-decoration:underline;}
*+html .menue a:active{color: #FFFFFF; text-decoration:underline;}
*+html .menue li{list-style-type: none;}
.menue img{border: none; position: absolute; margin-left: 10px; margin-top: 2px;}
.text {width: 579px; margin-top: 5px; text-align: justify; padding-bottom: 20px; padding-top: 1px; margin-left: 190px;}
.text h2{font-family:Verdana; font-size: 11px; color: #f34b1c; text-transform: uppercase; padding-top: 0px; margin-top: 8px;}
.text a {font-family:Verdana; font-size: 11px; color: #1c396a; text-decoration: underline;}
.text a:hover {font-family:Verdana; font-size: 11px; color: #f34b1c; text-decoration: underline;}
.text a:visited {font-family:Verdana; font-size: 11px; color: #1c396a; text-decoration: underline;}
.text a:active {font-family:Verdana; font-size: 11px; color: #f34b1c; text-decoration: underline;}
.text li{list-style-type: square; margin-left: 20px;}
*+html .text {width: 582px;  margin-top: 5px; text-align: justify; padding-bottom: 20px; padding-top: 1px; margin-left: 190px;}
*+html .text h2{font-family:Verdana; font-size: 11px; color: #f34b1c; text-transform: uppercase; padding-top: 0px; margin-top: 8px;}
*+html .text a {font-family:Verdana; font-size: 11px; color: #1c396a; text-decoration: underline;}
*+html .text a:hover {font-family:Verdana; font-size: 11px; color: #f34b1c; text-decoration: underline;}
*+html .text a:visited {font-family:Verdana; font-size: 11px; color: #1c396a; text-decoration: underline;}
*+html .text a:active {font-family:Verdana; font-size: 11px; color: #f34b1c; text-decoration: underline;}
.footer{float: none; background: url('images/unten.gif'); background-repeat: no-repeat; width: 782px; height: 11px; float: left;}
*+html .footer{background: url('images/unten.gif'); background-repeat: no-repeat; width: 782px; height: 11px; float: left;}
.block {clear: both; color: #1c396a; margin-bottom: 20px; margin-top: 20px; }
.block li{list-style-type: none; width: 200px; height: 60px; display: block; border: 1px dotted #3F3F3F; float: left; margin-right: 6px; margin-bottom: 12px; padding: 6px;}
.block a {font-family:Verdana; font-size: 11px; color: #1c396a; text-decoration: underline;}
.block a:hover {font-family:Verdana; font-size: 11px; color: #1c396a; text-decoration: underline;}
.block a:visited {font-family:Verdana; font-size: 11px; color: #1c396a; text-decoration: underline;}
.block a:active {font-family:Verdana; font-size: 11px; color: #1c396a; text-decoration: underline;}
.lia{margin-bottom: 10px;}
.lexikon {width: 171px; padding-bottom: 119px; text-indent: 3px;}
.lexikon a{display: block; width: 17px; height: 17px; border: 1px solid #FFFFFF; float: left; padding-left: 4px; padding-right: 2px; margin-right: 3px; margin-bottom: 3px; padding-top: 2px; text-decoration: none;}
.lexikon a:hover{background-color: #f34b1c; color: #FFFFFF; text-decoration: none;}
*+html .lexikon {width: 171; padding-bottom: 4px; padding-left: 16px;  text-indent: 3px;}
*+html .lexikon a{display: block; width: 17px; height: 17px; border: 1px solid #FFFFFF; padding-left: 4px; padding-right: 2px; margin-right: 19px; margin-bottom: 3px; padding-top: 2px; text-decoration: none;}
*+html .lexikon a:hover{background-color: #f34b1c; color: #FFFFFF; text-decoration: none;}
*+html .social {margin-left: 16px; margin-top: 14px;}
.copyright{clear: both; font-family:Verdana; font-size: 11px; color: #1c396a;}
*+html .copyright{position: absolute; font-family:Verdana; font-size: 11px; color: #1c396a; padding-top: 40px; margin-bottom: 40px; margin-left: -586px;}
.angebot {width: 580px; height: 185px; background: url('images/angebot.jpg'); background-repeat: no-repeat; margin-top: 20px; margin-bottom: 20px; color: #3e3e3e;}
*+html .angebot {width: 580px; height: 185px; background: url('images/angebot.jpg'); background-repeat: no-repeat; margin-top: 20px; margin-bottom: 20px; margin-left: 0px; color: #3e3e3e;}
.beratung {float: left; padding-left: 10px; padding-right: 10px; width: 270px; padding-top: 38px; text-align: left;  color: #3e3e3e;}
*+html .beratung {float: left; padding-left: 10px; padding-right: 10px; width: 270px; padding-top: 38px; text-align: left;  color: #3e3e3e;}
.beratung img{margin-top: 4px; margin-left: 26px;}
*+html .beratung img{margin-top: 4px; margin-left: 26px;}
.angebot-anfordern {float: left; padding-left: 10px; padding-right: 10px; width: 270px; padding-top: 38px; text-align: left;  color: #3e3e3e;}
*+html .angebot-anfordern {float: left; padding-left: 10px; padding-right: 10px; width: 270px; padding-top: 38px; text-align: left;  color: #3e3e3e;}
.bild {background: url('images/seo-angebot.jpg');}
.bild a{width: 163px; height: 34px; border: none; background: url('images/seo-angebot.jpg'); margin-left: 60px; position: absolute;}
.bild a:hover{width: 163px; height: 34px; border: none; background: url('images/seo-angebot-anfordern.jpg'); margin-left: 60px; position: absolute;}
.angebot-anfordern img{margin-left: 54px; border: none;}
.angebot-anfordern img:hover{margin-left: 54px; border: none;}
*+html .angebot-anfordern img{margin-left: 54px; border: none;}
form li{list-style-type: none;}
.formularecss {font-family: Verdana; font-size: 11px; list-style-type: none;}
.formularecss li{list-style-type: none;}
.formularfelder {font-family: Verdana; font-size: 11px; margin: 10px 10px 10px 0px; color:#1c396a; border: 1px solid #949494; background-color:#FFFFFF; height:16px; width: 180px;}
.formularmessage {font-family: Verdana; font-size: 11px; margin: 10px 10px 10px 0px; color:#1c396a; border: 1px solid #949494; background-color:#FFFFFF; height:16px; width: 400px;}
.formularsenden {font-family: Verdana; font-weight: bold; text-transform: capitalize; font-size: 11px; margin: 10px 10px 10px 0px; color:#3e3e3e; border: 1px solid #3e3e3e; background-color:#f5f5f5; height:26px;}
.lexikonbox {width: 70px; height: 20px; border: 1px solid #1c396a; float: left; padding-right: 10px; padding-bottom: 10px; margin-right: 4px; margin-bottom: 4px; background-color: #F5F5F5; overflow: hidden;}
.lexikonbox:hover{.lexikonbox {width: 70px; height: 20px; border: 1px solid #1c396a; float: left; padding-right: 10px; padding-bottom: 10px; margin-right: 4px; margin-bottom: 4px; background-color: #f34d1d;}
}
.lexikonbox a{position: absolute; display: block; width: 80px; height: 30px; margin-bottom: -4px; padding-left: 4px; padding: 0px;}
.lexikonbox a:hover{position: absolute; display: block; width: 80px; height: 30px; margin-bottom: -4px; padding-left: 4px; padding: 0px; background-color: #f34d1d; color: #FFFFFF;}
.lexikonbox a:visited{position: absolute; display: block; width: 80px; height: 30px; margin-bottom: -4px; padding-left: 4px; padding: 0px;}
.lexikonbox a:active{position: absolute; display: block; width: 80px; height: 30px; margin-bottom: -4px; padding-left: 4px; padding: 0px;}

.lexikonbox p {position: absolute; margin-top: 16px; padding-left: 4px; font-size: 9px; color: #1c396a;}

.seolexikon {margin-bottom: 80px;}