/***** Body and main container *****/ body { margin:0 margin-top:20px; auto; padding:0; font:76% Verdana,Tahoma,Arial,sans-serif; background:#f4f4f4 url(bg.gif) top center repeat-y; color:#303030; } #wrap { background:#ffffff; color:#303030; margin:0 auto; width:800px;} /***** Various tags *****/ a { text-decoration:none; color:#303030; background-color:#ffffff;} a:hover { text-decoration: none; color:#303030; background-color:#ffffff;; } a img { border:0;} /***** auswahl oben über inhalt *****/ .menue_oben_rechts { font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#D6CEDB; text-align: right; padding:5px 1px 5px 20px; margin:20px 52px 0 0; line-height:1.4em; font-weight: normal; } .menue_oben_rechts a:link, .copyright a:visited, .copyright a:hover, .copyright a:active { text-decoration:none; font-size:12px; text-align: right; padding:5px 1px 5px 20px; margin:20px 15px 0 0; color:#303030; } li { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6 em; font-weight: normal; } /***** Header *****/ #header { font-size:12 pt; text-align: right; padding:5px 1px 5px 20px; margin:20px 15px 0 0; padding:0; height:45px; background-color:#ffffff;} #header h1 { color:#505050; background-color:inherit; width:250px; margin:0 0 10px; font-size:2.2em; float:left;} #header h1 a{ color:#505050; background-color:inherit; text-decoration:none;} #header p { width:500px; float:right; text-align:center; color:#303030;margin:8px 0 0; font-size:1.1em; line-height:1.3em; background-color:inherit; } #frontphoto { margin:0 0 10px; border:0;} /***** Left sidebar *****/ #leftside { clear:left; float:left; width:140px; margin:0 0 5px; padding:0; } #leftside h2,#leftside h3 { color:#505050; background-color:inherit; font-size:1.3em; margin:0 0 5px; padding:0; } /***** Main menu *****/ ul.avmenu { width:140px; margin:0 0 18px; padding:0; list-style:none;} ul.avmenu li { width:140px; padding:0; line-height:1.4em; display:inline; } ul.avmenu li a { color:#505050; font-weight:bold; width:130px; float:left; margin-bottom:5px; padding:5px 1px 5px 40px; text-decoration:none; } ul.avmenu li a:hover,ul.avmenu li a.current { color:#990000; } ul.avmenu ul { margin:0 0 0 25px; padding:0 0 5px 0; font-size:0.9em; width:125px; } ul.avmenu ul a { padding:3px 1px 3px 5px; width:115px; } ul.avmenu ul ul { width:113px; } ul.avmenu ul ul a { width:100px; } /***** Menu Portfolio*****/ ul.portfolio { width:300px; margin:0 0 18px -20px; padding:0; list-style:none;} ul.portfolio li { width:300px; margin:0 0 18px -20px; padding:0; line-height:1.4em; display:inline; } ul.portfolio li a { color:#505050; font-weight:normal; width:300px; float:left; margin:0 0 0px -20px; padding: 0px; text-decoration:none; } ul.portfolio li a:hover, ul.avmenu li a.current { color:#990000; } ul.portfolio ul { margin:0 0 0 0px; padding:0 0 5px 0; font-size:0.9em; width:125px; } ul.portfolio ul a { padding:3px 1px 3px 5px; width:115px; } ul.portfolio ul ul { width:113px; } ul.portfolio ul ul a { width:100px; } /***** Right sidebar *****/ #extras { float:right; width:140px; margin:0 0 5px; padding:0; line-height:1.4em; } #extras p,#extras ul { font-size:0.9em; margin:0 0 16px; padding:0; } #extras li { list-style:none; line-height:1.2em; margin:0 0 6px 0; padding:0; } #extras ul ul { margin:6px 0 0 10px; padding:0; } #extras ul ul li { margin: 0 0 4px 0; } #extras ul ul li a { font-size:1.1em; font-weight:normal; } #extras h2, #extras h3 { color:#505050; background-color:inherit; font-size:1.2em; margin:0 0 10px; padding:0; } /***** Main content *****/ #content { margin:0 150px 5px 150px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:0 10px; line-height:1.6em; } #contentwide { width:560px; margin:0 0 5px 180px; border-left:1px solid #f0f0f0; padding:0 0 0 10px; line-height:1.6em; } #contentwide2 { width:560px; margin:0 0 5px 180px; border-left:1px solid #f0f0f0; padding:0 0 0 10px; line-height:1.6em; list-style:none; } #content h2,#contentwide h2 { font-size:11pt; color:#000033; margin:0 0 10px; } #content h3,#contentwide h3 { font-size:1.4em; margin:0 0 8px; } #content img,#contentwide img { padding:1px; display:inline; color:#303030; } #content ul, #contentwide ul, #content ol, #contentwide ol { margin:0 0 16px 20px; padding:0; } #content li, #contentwide li { margin:0; padding:0 0 0 5px; } #content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{ margin:0 0 0 16px; padding:0; } /***** Mitte Text *****/ #text { font-size:12 pt; text-align: left; background-color:#ffffff;} #text h1 { color:#000000; width:250px; font-size:2.2em; } #text h1 a{ color:#000000; text-decoration:none;} #text p { width:550px; text-align:left; color:#000000; line-height:1.6em; } /***** Footer *****/ #footer { clear:both; margin:0 auto; padding:10px 0 20px; border-top:1px solid #f0f0f0; width:800px; text-align:center; color:#808080; background:#ffffff; font-size:0.9em; } #footer a { color:#808080; background-color:inherit; text-decoration:none; } #footer a:hover { text-decoration:underline; } /***** Various classes *****/ .left { margin:3px 10px 2px 0; float:left; } .right { margin:2px 0 2px 10px; float:right; } .textright { text-align:right; } .center { text-align:center; } .small { font-size:0.8em; } .bold { font-weight:bold; } .hide { display:none; } .za { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:6px; line-height: 0.6 em; font-weight: normal; } /***** Kontakt *****/ #KONTAKT { width: 800px; text-align: right; margin-left: auto; margin-right: auto; height: 122px; color: #0A6061; background-color: #0A6061; background-image: url(bg_banner.jpg); background-repeat: no-repeat; } #KONTAKT ul{ margin:0; padding-left: 0; float: right; width: 302px; } #KONTAKT ul li{ display: block; list-style: none; } #KONTAKT ul li.Text_1{ padding-right: 60px; color: #CCCCCC; font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 12px; font-style: normal; margin-top: 18px; font-weight: bold; } #KONTAKT ul li.Text_2{ padding-right: 60px; color: #D2A405; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; } #KONTAKT li.Button{ width: 130px; height: 29px; float: right; padding-right: 15px; } #KONTAKT a{ color: #48EE49; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; text-decoration: underline; } #KONTAKT a:hover{ color: White; }