/*
Theme Name: Website iw
Theme URI:
Description: Theme iw
Version: 1.0
Author: Irene Wendler
www.irene-wendler.de
Tags: 
*/

* {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: /*#DFE1E9*/ #D0D3DE;
}

p {padding: 0px; margin: 0 0 7px 0;}
p.abstandweiter {margin-top: 20px;}
span.abstandweiter {letter-spacing: 0.2em;}
a {
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
}
img {border: none;}

a:focus, a:active {border: none; outline: 0;}
span.none {display: none;}

/* Hintergrund */
#weiss_links {
    position: absolute;
    left: 25px; top: 0;
    width: 50%; height: 100%;
    background: #fff url(zub/balken_unten.gif) repeat-x left bottom;
}

/* Header */
#header, #headerhome, #headerservice, #headerportfolio, #headervita, #headerkontakt, #headerimpressum {
    position: absolute;
    left: 50%; top: 50%;
    width: 315px; height: 315px;
    margin-left: 138px;
    margin-top: -40px;
}

#headerhome {background: url(zub/stuehle_kaesten_home.jpg) no-repeat left top;}
#headerservice {background: url(zub/stuehle_kaesten_service.jpg) no-repeat left top;}
#headerportfolio {background: url(zub/stuehle_kaesten_portfolio.jpg) no-repeat left top;}
#headervita {background: url(zub/stuehle_kaesten_vita.jpg) no-repeat left top;}
#headerkontakt {background: url(zub/stuehle_kaesten_kontakt.jpg) no-repeat left top;}
#headerimpressum {background: url(zub/stuehle_kaesten_impressum.jpg) no-repeat left top;}

#headerportfolio_unten {
	position: absolute;
	left: 50%; top: 50%;
	width: 315px; height: 26px;
	margin-left: 138px;
	margin-top: 93px;
	background: url(zub/kaesten_portfolio.gif) no-repeat left top;
}

h1 {display: none;}

/* steht im content*/
#headerhomegrafik, #headerhomeweb {
    position: absolute;
    right: 50%; top: 50%;
    margin-right: -145px;
    height: 29px;
}

#headerhomegrafik {
    width: 181px;
    margin-top: -69px;
    background: url(zub/kaesten_grafik.gif) no-repeat left top;
}

#headerhomeweb {
    width: 94px;
    margin-top: -40px;
    background: url(zub/kaesten_web.gif) no-repeat left top;
}


/* Content */
/* Text / Content - innerhalb von #content */
#content {
    position: absolute;
    left: 50%; top: 0;
    width: 276px; height: 100%;
    margin-left: -138px;
    background: #fff url(zub/balken_unten.gif) repeat-x left bottom;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #333;
}

#content a {color: #333; background: url(zub/content_link.gif) no-repeat 0px 4px; padding-left: 8px;}
#content a.zurueck {background: url(zub/content_link_zurueck.gif) no-repeat 0px 4px;}
#content a:hover {color: #ef7f43;}
#content a.menuehinweis {text-decoration: none;}
#content a.menuehinweis:hover {text-decoration: underline;}
#content a.email {text-decoration: underline;}
#content a.email span {display: none;}

#text_oben {
    position: absolute;
    left: 22px; bottom: 50%;
    margin-bottom: 130px;
    border: 0px solid red;
}

#text_oben h2 {
	font-size: 13px;
	line-height: 1.4em;
    font-weight: normal;
}

#text_unten {
    position: absolute;
    left: 22px; top: 50%;
    margin-top: -10px;
    padding-top: 10px;
    background: url(zub/text_unten_linie.gif) no-repeat left top;
    font-size: 11px;
    line-height: 1.5em;
}

#text_unten.portfolio {
    margin-top: 90px;
    padding-top: 0;
    background: none;
    margin-right: 20px;
}

/* Portfolio Abbildung */
#portfolio_abbildung {
	position: absolute;
	left: 50%; top: 50%;
	height: 284px; width: 525px;
	margin-left: -131px;
	margin-top: -210px;
	background: url(zub/portfolio_hintergrund.jpg) no-repeat left top;
}

#portfolio_abbildung img {margin-left: 13px; margin-top: 1px;}

#portfolio_abbildung #thumbs {
	position: absolute;
	right: 0px; top: 60px;
	text-align: right;
}

#portfolio_abbildung #thumbs img {margin: 0;}

#portfolio_abbildung #thumbs a {display: block; margin-bottom: 15px;}
#portfolio_abbildung #thumbs a.aktiv {padding-left: 10px; background: /*#D0D3DE*/#CFD8A7;}

#portfolio_navi {
	position: absolute;
	left: 50%; top: 50%;
	height: 284px; width: 525px;
	margin-left: -118px;
	margin-top: -240px;	
}

#portfolio_navi a {
	font-family: Arial, Helvetica, sans-serif;
	color: /*#ef7f43*/ #333;
	margin-right: 10px;
}

#portfolio_navi a.zurueck {background: url(zub/content_link_zurueck.gif) no-repeat 0px 3px; padding-left: 9px;}
#portfolio_navi a.weiter {background: url(zub/content_link.gif) no-repeat 100% 3px; padding-right: 9px;}

/* Kontaktformular */
#text_formular {
	position: absolute;
	left: 22px; top: 50%;
	margin-top: -220px;
	font-size: 13px;
	border: 0px solid red;
	line-height: 1.4em;
}

form {
	font-family: Arial, Helvetica, sans-serif;
}

label {
	font-size: 11px;
	color: #333;
}

label span {display: block; float: left;}
label span.bezeichnung {margin-top: 0px;}
label span.stern {margin-left: 2px; margin-top: -2px; font-size: 9px;}

input, textarea {
	font-size: 11px;
	color: #333;
	width: 220px;
	border: 1px solid #D0D3DE;
}

input.feld {
	height: 21px;
	margin-bottom: 4px;
	padding: 3px;
}

input.button {
	display: block;
	width: 64px; height: 64px;
	margin-top: 10px;
	background: url(zub/untermenue_hintergrund.gif) no-repeat left top;
	text-align: left;
	padding: 24px 0 0 9px;
	color: #333;
	border: 0;
}

input.button:hover {color: #000; background: url(zub/untermenue_hintergrund.gif) no-repeat left bottom;}

textarea {
	height: 145px;
	overflow: auto;
	padding: 5px 3px 3px 3px;
	line-height: 1.3em;
	font-family: Verdana;
}

#formular_hinweis {
	position: absolute;
	top: 50%; left: 50%;
	margin: 170px 0 0 -40px;
	height: 20px;
	width: 180px;
}

#formular_hinweis p {
	line-height: 1em;
	color: /*#CDCFCF*/ #AFB3C6;
	font-size: 10px;
}

#formular_hinweis span {display: block; float: left;}
#formular_hinweis span.stern {font-size: 10px; margin-right: 2px;}
#formular_hinweis span.hinweis {margin-top: 2px;}

span.wpcf7-not-valid-tip-no-ajax {font-size: 10px; color: #ef7f43; display: block;}

/* Menü */
#menue {
	position: absolute;
	left: 50%; top: 50%;
	width: 250px; height: 280px;
	margin-left: -388px;
	margin-top: -140px;
}

#menue a {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	display: block;
	width: 64px; height: 64px;
	background: url(zub/menue_hintergrund.gif) no-repeat left top;
	color: #fff;
	text-transform: capitalize;
}

#menue.home a {background: url(zub/homemenue_hintergrund.gif) no-repeat left top;}
#menue.home a:hover {background: url(zub/homemenueaktiv_hintergrund.gif) no-repeat left bottom;}

#menue a span {
	display: block;
	margin: 40px 0 0 10px;
}
#menue a.home, #menue a.homeaktiv {left: 0; top: 0;}
#menue a.service, #menue a.serviceaktiv {left: 70px; top: 70px;}
#menue a.portfolio, #menue a.portfolioaktiv {left: 140px; top: 70px;}
#menue a.vita, #menue a.vitaaktiv {left: 140px; top: 140px;}
#menue a.kontakt, #menue a.kontaktaktiv {left: 70px; top: 210px;}

#menue a.homeaktiv, #menue a.serviceaktiv, #menue a.portfolioaktiv, #menue a.vitaaktiv, #menue a.kontaktaktiv {
	background: url(zub/menue_hintergrund.gif) no-repeat left bottom;
}

#menue a:hover {background: url(zub/menue_hintergrund.gif) no-repeat left bottom; color: #fff;}

/* Untermenue */
#untermenueportfolio, #untermenuekontakt {
	position: absolute;
	left: 50%; top: 50%;
}

#untermenueportfolio a, #untermenuekontakt a {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	display: block;
	width: 64px; height: 64px;
	background: url(zub/untermenue_hintergrund.gif) no-repeat left top;
	color: #333;
	text-transform: capitalize;
}

#untermenueportfolio a:hover, #untermenuekontakt a:hover {color: #000; background: url(zub/untermenue_hintergrund.gif) no-repeat left bottom;}

#untermenueportfolio a span, #untermenuekontakt a span {
	display: block;
	margin: 40px 0 0 10px;
}

#untermenueportfolio  {margin-left: -388px;	margin-top: -280px;}
#untermenueportfolio a.portfolioprojekte, #untermenueportfolio a.portfolioprojekteaktiv {font-family: Arial, Helvetica, sans-serif; left: 140px; top: 0px;}
#untermenueportfolio a.portfolioprint, #untermenueportfolio a.portfolioprintaktiv {font-family: Arial, Helvetica, sans-serif; left: 140px; top: 70px;}
#untermenueportfolio a.portfolioweb, #untermenueportfolio a.portfoliowebaktiv {font-family: Arial, Helvetica, sans-serif; left: 140px; top: 140px;}

#untermenuekontakt {margin-left: -388px; margin-top: 70px;}
#untermenuekontakt a.kontaktadresse, #untermenuekontakt a.kontaktadresseaktiv {font-family: Arial, Helvetica, sans-serif; top: 0; left: 140px;}
#untermenuekontakt a.kontaktformular, #untermenuekontakt a.kontaktformularaktiv {font-family: Arial, Helvetica, sans-serif; top: 70px; left: 140px;}

#untermenueportfolio a.portfolioprojekteaktiv, #untermenueportfolio a.portfolioprintaktiv, #untermenueportfolio a.portfoliowebaktiv, #untermenuekontakt a.kontaktformularaktiv, #untermenuekontakt a.kontaktadresseaktiv
{background: url(zub/untermenue_hintergrund.gif) no-repeat left bottom;}

#portfolio_weiter_print, #portfolio_weiter_web, #portfolio_weiter_projekte  {
	position: absolute;
	left: 50%; top: 50%;
	margin-left: -160px;
	width: 15px; height: 64px;
	padding-top: 10px;
}

#portfolio_weiter_projekte {margin-top: -280px;}
#portfolio_weiter_print {margin-top: -210px;}
#portfolio_weiter_web {margin-top: -140px;}

#portfolio_weiter_print a img, #portfolio_weiter_web a img {margin-top: 3px;}

/* Footer */
#footer {
	position: absolute;
	left: 50%; bottom: 0px;
	margin-left: -388px;
	width: 500px; height: 25px;
	font-size: 11px;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
}

#footer span {display: block; float: left; margin: 6px 7px 0px 7px; color: #646c87;}
#footer span.name {color: #f60;}

/* Menü Impressum */
#menue_impressum {
	position: absolute;
	bottom: 0; left: 50%;
	height: 25px; width: 90px;
	margin-left: 128px;
	text-align: center;
	background: #fff;
}

#menue_impressum a {
	display: block;
	color: #9199b4;
	padding: 0;
	margin: 6px 0 0 5px;
	background: none;
}

#menue_impressum a:hover {color: #ef7f43;}