* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* ************************* STYLES **************************** */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #565a5a;
	line-height: 17px;
	background: #7c8484 url(img/back.gif) repeat-x 0 0;
	padding-bottom: 100px;
}

#right, 
.small {
	font-size: 11px;
	line-height: 15px;
}

strong {
	font-weight: bold;
}

.agb p strong {
	font-weight: normal;
}

h1 {
	font-size: 16px;
	color: #132222;
	font-weight: normal;
	margin-bottom: 17px;
}

h2 {
	font-size: 14px;
	color: #132222;
	font-weight: normal;
	margin-top: 24px;
	margin-bottom: 8px;
}

h3 {
	color: #132222;
	font-weight: normal;
	margin-top: 26px;
	margin-bottom: 4px;
}

p, ul {
	margin-bottom: 11px;
}

#content #left li {
	margin-left: 60px;
	margin-bottom: 7px;
	padding-left: 20px;
	background: transparent url(img/dot_green.png) no-repeat 0px 7px;
}

a {
	color: #e58e0b;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* ************************* LAYOUT **************************** */

#center {
	width: 957px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(img/back_center.png) repeat-y 0 0;
}

#container {
	width: 951px;
	margin-left: auto;
	margin-right: auto;
	border-top: 5px solid #e58e0b;
}

#logo {
	float: left;
	width: 278px;
	height: 82px;
	background-image: url(img/logo.png);
}

#menu {
	height: 82px;
	margin: 0;
}

#menu li {
	float: left;
	width: 111px;
	height: 82px;
}

#menu img {
	background-color: #ffffff;
	width: 111px;
	height: 82px;
}

#menu li a:hover img {
	background-position: 0 -82px;;
}

#menu #agentur img {
	background-image: url(img/menu_agentur.png);
}
#menu #internet img {
	background-image: url(img/menu_internet.png);
}
#menu #design img {
	background-image: url(img/menu_design.png);
}
#menu #werbung img {
	background-image: url(img/menu_werbung.png);
}
#menu #portfolio img {
	background-image: url(img/menu_portfolio.png);
}
#menu #kontakt {
	width: 118px;
}
#menu #kontakt img {
	width: 118px;
	background-image: url(img/menu_kontakt.png);
	background-repeat: repeat-x;
}

#header {
	width: 951px;
	height: 213px;
	background-image: url(img/header_startseite.jpg);
}
.internet #header {
	background-image: url(img/header_internet.jpg);
}
.marketing #header {
	background-image: url(img/header_werbung.jpg);
}
.internetauftritte #header {
	background-image: url(img/header_internetauftritte.jpg);
}
.banner_seo #header {
	background-image: url(img/header_banner_seo.jpg);
}
.webshops #header {
	background-image: url(img/header_webshops.jpg);
}
.design #header {
	background-image: url(img/header_design.jpg);
}
.werbung #header {
	background-image: url(img/header_werbung.jpg);
}
.kontaktformular #header {
	background-image: url(img/header_kontakt.jpg);
}
.logoentwicklung #header {
	background-image: url(img/header_logoentwicklung.jpg);
}
.corporate_design #header {
	background-image: url(img/header_corporate_design.jpg);
}
.geschaeftsausstattungen #header {
	background-image: url(img/header_geschaeftsausstattungen.jpg);
}
.imagebroschueren #header {
	background-image: url(img/header_imagebroschueren.jpg);
}


#content {
	position: relative;
	top: -2px;
}
	
#left {
	background: transparent url(img/back_content.png) repeat-x 0 0;
	padding: 20px 50px 100px 33px;
	margin-right: 249px;
}

#breadcrumb {
	font-size: 11px;
	color: #e58e0b;
	margin-bottom: 26px;
}

#right {
	float: right;
	width: 219px;
	border-top: 5px solid #e58e0b;
	padding: 5px 15px 67px 15px;
}

#right li {
	padding: 18px 0 18px 0;
	background: transparent url(img/line_dotted.png) repeat-x left bottom;
}
/*
#right li:last-child {
	background: none;
}
*/

#content #left .referenzen {
	margin-top: 30px;
	}

#content #left .referenzen li {
	background-image: none;
	padding: 0 0 0 0px;
	margin: 0 0 40px 0;
}

#content #left .referenzen li .title {
	display: block;
	width: 270px;
	float: left;
	font-size: 14px;
	color: #e58e0b;
	font-weight: normal;
}

#content #left .referenzen li .description {
	display: block;
	width: 270px;
	float: left;
	margin-top: 15px;
	clear:left;
}

#content #left .referenzen li .description .absatz {
	display: block;
	padding-bottom: 7px;
}

#content #left .referenzen li .description .absatz em {
	font-weight: bold;
}

#content #left .referenzen li .legend {
	display: block;
	float: right;
	width: 130px;
	color: #999999;
	font-size: 11px;
}

#content #left .referenzen li .legend.schmal {
	width: 75px;
}

.projektbeispiel {
	width: 219px;
	height: 126px;
	padding: 0;
	background-repeat: no-repeat;
	float: right;
}

.referenzen .projektbeispiel {
	display: block;
	width: 125px;
	height: 103px;
	padding: 0;
	background-position: -93px -20px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.projektbeispiel p {
	padding: 20px 124px 0 0;
	margin-bottom: 5px;
}

.projektbeispiel .details {
	padding-top: 0px !important;
}

.projektbeispiel.mooshammer {
	background-image: url(img/projektbeispiel_mooshammer.png);
}
.projektbeispiel.schlosser {
	background-image: url(img/projektbeispiel_schlosser.png);
}
.projektbeispiel.schlosserwww {
	background-image: url(img/projektbeispiel_schlosserwww.png);
}
.projektbeispiel.eyermann {
	background-image: url(img/projektbeispiel_eyermann.png);
}
.projektbeispiel.schmidinger {
	background-image: url(img/projektbeispiel_schmidinger.png);
}
.projektbeispiel.glanzfee {
	background-image: url(img/projektbeispiel_glanzfee.png);
}
.projektbeispiel.ober {
	background-image: url(img/projektbeispiel_ober.png);
}
.projektbeispiel.bannerTieroase {
	background-image: url(img/projektbeispiel_banner_tieroase.png);
}
.projektbeispiel.folderTieroase {
	background-image: url(img/projektbeispiel_folder_tieroase.png);
}
.projektbeispiel.logoMaierWalzen {
	background-image: url(img/projektbeispiel_logo_maier_walzen.png);
}
.projektbeispiel.logoTieroase {
	background-image: url(img/projektbeispiel_logo_tieroase.png);
}
.projektbeispiel.logoStadlberger {
	background-image: url(img/projektbeispiel_logo_stadlberger.png);
}
.projektbeispiel.logoOptimal {
	background-image: url(img/projektbeispiel_logo_optimal.png);
}
.projektbeispiel.esso {
	background-image: url(img/projektbeispiel_website_esso.png);
}
.projektbeispiel.websiteOptimal {
	background-image: url(img/projektbeispiel_website_optimal.png);
}
.projektbeispiel.websiteMaierWalzen {
	background-image: url(img/projektbeispiel_website_maier_walzen.png);
}
.projektbeispiel.websiteBMK {
	background-image: url(img/projektbeispiel_website_BMK.png);
}

.projektbeispiel.websiteHuettenwirth {
	background-image: url(img/projektbeispiel_website_huettenwirth.png);
}
.projektbeispiel.websiteGaisbauer {
	background-image: url(img/projektbeispiel_website_gaisbauer.png);
}
.projektbeispiel.websiteRoth {
	background-image: url(img/projektbeispiel_website_roth.png);
}
.projektbeispiel.logoGaisbauer {
	background-image: url(img/projektbeispiel_logo_gaisbauer.png);
}
.projektbeispiel.logoGaisbauer p,
.projektbeispiel.logoTieroase p,
.projektbeispiel.logoStadlberger p,
.projektbeispiel.logoOptimal p {
	padding: 85px 0 0 0;
}

.projektbeispiel.logoTieroase .details,
.projektbeispiel.logoGaisbauer .details,
.projektbeispiel.logoStadlberger .details,
.projektbeispiel.logoOptimal .details {
	position: relative;
	top: -20px;
	text-align: right;
	padding-right: 5px;
}
.projektbeispiel.GaGaisbauer {
	background-image: url(img/projektbeispiel_geschaeftsausstattung_gaisbauer.png);
}
.projektbeispiel.CDHuettenwirth {
	background-image: url(img/projektbeispiel_CD_huettenwirth.png);
}
.projektbeispiel.RecallGaisbauer {
	background-image: url(img/projektbeispiel_recall_gaisbauer.png);
}
.projektbeispiel.FolderGaisbauer {
	background-image: url(img/projektbeispiel_folder_gaisbauer.png);
}

#rueckruf {
	position: relative;
	height: 64px;
	width: 202px;
	padding: 43px 5px 10px 12px;
	background-image: url(img/banner_rueckruf.png);
}

#rueckruf p {
	margin: 0;
	padding: 0 0 1px 0;
}

#rueckruf label {
	font-size: 10px;
}

#rueckruf input {
	width: 111px;
	height: 14px;
	padding: 1px 1px 1px 3px;
}

#rueckruf .submit {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 90px;
	height: 30px;
	border: none;
	background:none;
}

#content #left .kategorien {
	padding-top: 8px;
	margin-left: -15px;
}


#content #left .kategorien li {
	float: left;
	width: 196px;
	margin-left: 15px;
	padding: 0;
	list-style-type: none;
}

.kategorien h2 {
	height: 129px;
	padding: 28px 3px 0px 8px;
	margin: 0;
	color: #565a5a;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
}

.kategorien h2 a:hover {
	text-decoration: none !important;
}

.kategorien.internet h2,
.kategorien.design h2 {
	height: 194px;
}


#content #left .kategorien.werbung h2{
	height: 160px;
}

.kategorien h3 {
	margin-top: 20px;
	font-size: 14px;
	margin-bottom: 5px;
}

#content #left .kategorien #katInternet {
	background: transparent url(img/kat_internet.png) no-repeat 0 0;
}
#content #left .kategorien #katDesign {
	background: transparent url(img/kat_design.png) no-repeat 0 0;
}
#content #left .kategorien #katWerbung {
	background: transparent url(img/kat_werbung.png) no-repeat 0 0;
}

#content #left .kategorien #katInternetauftritte {
	background: transparent url(img/kat_internetauftritte.png) no-repeat 0 0;
}
#content #left .kategorien #katWebshops {
	background: transparent url(img/kat_webshops.png) no-repeat 0 0;
}
#content #left .kategorien #katBannerSeo {
	background: transparent url(img/kat_banner_seo.png) no-repeat 0 0;
}

#content #left .kategorien #katLogoentwicklung {
	background: transparent url(img/kat_logoentwicklung.png) no-repeat 0 0;
}
#content #left .kategorien #katGeschaeftsausstattungen {
	background: transparent url(img/kat_geschaeftsausstattungen.png) no-repeat 0 0;
}
#content #left .kategorien #katCorporateDesign {
	background: transparent url(img/kat_corporate_design.png) no-repeat 0 0;
}

#content #left .kategorien #katImagebroschueren {
	background: transparent url(img/kat_imagebroschueren.png) no-repeat 0 -30px;
}
#content #left .kategorien #katFolderFlyerPlakate {
	background: transparent url(img/kat_folder_flyer.png) no-repeat 0 -30px;
}
#content #left .kategorien #katAnzeigenMailings {
	background: transparent url(img/kat_anzeigen_mailings.png) no-repeat 0 -30px;
}

.buttonLearnMore {
	width: 167px;
	height: 22px;
	background-image: url(img/button_learn_more.png);
	margin-bottom: 5px;
}

#content #left .learnMore li {
	background: none;
	margin-left: 0px;
	font-size: 11px;
}

#content #left .learnMore li a {
	display: inline-block;
	background: transparent url(img/button_link.png) no-repeat right 3px;
	padding-right: 22px;
}

#content #left .vorteile {
	padding-top: 8px;
}

#content #left .vorteile li {
	padding-left: 30px;
	margin-left: 15px;
	margin-bottom: 12px;
	font-weight: bold;
	background: transparent url(img/icon_vorteil.png) no-repeat  0 3px;
}

#content #left .logos li {
	font-weight: normal;
}

#content #left .logos li strong {
	text-transform: uppercase;
	display: block;
}

#footer {
	margin: 8px auto 0 auto;
	width: 951px;
	position: relative;
}
	
#footer, 
#footer a {
	color: #ffffff !important;
	font-size: 10px;
}

#footer #links {
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#footer #links li {
	display: inline;
}

#footer #links li span {
	padding: 0 15px 0 15px;
}

#footer .valid {
	float: right;
}

#content #left .sitemap li {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

#content #left .sitemap li ul {
	margin-top: 8px;
	margin-left: 50px;
}

#content #left .sitemap a {

}	

.stichwoerter {
	color: #bababa;
}


/* ************************* FORMS **************************** */

form {
	padding-top: 15px;
	padding-bottom: 20px;
}

form p {
	padding-left: 20px;
	padding-bottom: 5px;
	vertical-align: top;
}

form label {
	display: inline-block;
	width: 150px;
	padding-right: 20px;
	vertical-align: top;
}

form .checklabel {
	display: inline;
	width: auto;
	padding: 0;
}

form input,
form textarea,
form select {
	border: 1px solid #bababa;
}

form #PLZ {
	width: 100px;
	margin-right: 5px;
}

form #Ort {
	width: 249px;
}

form input,
form textarea {
	width: 380px;
	padding: 3px 10px 3px 10px;
}

.half {
	width: 174px;
	margin-right: 6px;
}

form select {
	width: 400px;
}

form input.submit {
	width: 200px;
	margin: 15px 0 0 225px;
}

form .checkbox {
	position: relative;
	top: 2px;
	padding: 0;
	width: auto;
	margin-right: 10px;
}

.line {
	height: 1px;
	margin: 18px 0 22px 0;
	background: transparent url(img/line_dotted.png) repeat-x 0 0;
}

#eingabeAufgabenstellung label {
	width: auto;
	float: none;
}

#eingabeAufgabenstellung textarea {
	margin-top: 5px;
	width: 550px;
	height: 100px;
}

.needed {
	font-weight: bold;
}


/* ************************* BASICS **************************** */

table {
	border-collapse: separate;
	border-spacing: 0;
}

li {
	list-style: none;
}

caption, th, td {
	text-align: left;
}

.clear {
	display: block;
	clear: both;
}

.clearLeft {
	clear: left;
	display: block;
}

.clearRight {
	clear: right;
	display: block;
}

.versteckt {
	display: none;
}