/* Google Web Fonts */
@import url(http://fonts.googleapis.com/css?family=Lustria);

/* Jane Austen */
@font-face {
	font-family: 'JaneAustenNoSecret';
	src: url('./fonts/janeaust-webfont.eot');
	src: local('JaneAusten'), url('../fonts/janeaust-webfont.woff') format('woff'), url('../fonts/janeaust-webfont.ttf') format('truetype'), url('../fonts/janeaust-webfont.svg#webfontNCG3lX3Q') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{margin:0;padding:0;font:100% arial,hevetica,sans-serif;text-align:center;color:#ecd078;background-color:#f8faf1;}
a:link,a:hover,a:active,a:visited{color:#d1e6b2;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:underline;}
h2{color:#ecd078;font:120% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin:0 0 2px 0;}
h2 a{text-decoration:none;}
h2 a:link,a:hover,a:active,a:visited{color:#ecd078;}
h2 a:hover{color:cornsilk;}
h3{color:#ecd078;font:106% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-top:0;}
h4{color:#ecd078;font:100% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin-top:0;}
img{border: none;}

#container{overflow:hidden;display:table;margin:1em auto;width:950px;height:100%;text-align:left;background-color:#841138;border:1px solid #676767;}
#header{height:5em;width:100%;text-align:center;}
#header-subtitel{border-bottom:1px solid #fff;border:1px none #fff;border-bottom:1px solid #fff;padding-bottom: 0.5em;}
#header-subtitel h1{font-size:14px;text-align:center;color:#fff;margin-bottom:5px;padding:0;}
#zita-logo{font-family:JaneAustenNoSecret;font-size:60px;font-weight: normal;font-style:normal;color:#ecd078;line-height:normal;padding:.5em 0 0em 0;}
a#zita-logo{text-decoration:none;text-align:center;}

#request-send h1{font-size:16px;text-align:center;color:#ecd078;margin:0;padding:0;}
#footer{position:fixed;bottom:0px;overflow:hidden;float:left;height:35px;width:952px;color:#ecd078;background-color:#9fa41d;font-size:90%;margin-left:-1px;padding-right:auto;}
#footer-left{float:left;width:25%;margin:5px;}
#footer-middle{float:left;width:40%;margin:2px;}
#footer-right{float:right;font-size:90%;margin-right:10px;margin-top:5px;}
#footer ul{list-style-type:none;margin:0;padding:.1em;text-align:center;}
#footer li{display:inline;margin:0;padding:.5em;}

#menu{width:10%;float:left;border-left:1px solid #BB8E51;padding-left:5px;}
#contents{width:100%;float:left;min-height:600px;overflow:visible;}
#contents-unfixed-height{width:100%;float:left;}
#contents-left{margin-left:10px;width:65%;float:left;}
#contents-right{overflow:hidden;width:33%;float:right;}
#textcontents{width:100%;float:left;margin-top:10px;margin-bottom:1em;}
#textcontents-left{float:left;margin-left:10px;width:64.9%;float:left;margin-right:8px;}
#textcontents-right{overflow:hidden;width:32.6%;float:right;margin-right:2px;}

#help-contact{margin-top:3em;}
#help-title{margin-left:1em;margin-bottom:1em;}
#help-content{height:41em;}
#help-content-left{margin-left:1em;margin-bottom: 1em;width:45.1%;float:left;border:1px solid #BB8E51;padding:.8em;height:40em;}
#help-content-right{overflow:hidden;width:45.1%;margin-right:1em;margin-bottom: 1em;float:right;border:1px solid #BB8E51;padding-left:1.5em;padding-top:1.6em;height:40em;}
#hilfethemen ul {list-style-type:circle;}
#hilfethemen li {padding:.4em;}

#contents-contact-right{overflow:hidden;margin-top:-500px;margin-left:10px;width:45.1%;float:right;}
.contents-textbody{margin-left:10px;margin-top:10px;line-height:1.3em;}
.contents-textbody h3{letter-spacing:1px;}
.contents-textleft{margin-right:10px;margin-bottom:10px;border:1px solid #BB8E51;padding:10px;width:49%;float:left;}
.contents-textright{margin-left:10px;margin-right:10px;margin-bottom:10px;border:1px solid #BB8E51;padding:10px;overflow:hidden;}
#contents-hunting{width:304px;float:left;}
#contents-painting{width:304px;float:left;}
#contents-drawing{width:304px;float:left;}
.contents-text{margin-right:10px;margin-bottom:10px;margin-right:10px;border:1px solid #BB8E51;padding:10px;width:96.5%;float:left;}
#myExhibition{float:left;border:1px solid #BB8E51;margin-right:5px;padding-right:8px;padding-left:8px;padding-top:0px;padding-bottom:0px;}
#kontakt{float:left;width:92.5%;border:1px solid #BB8E51;margin-top:16px;margin-bottom:0px;padding-right:8px;padding-left:8px;padding-top:0px;padding-bottom:0px;}

#index-empty1{float:left;width:92.5%;border:1px solid #BB8E51;margin-top:16px;margin-bottom:20px;padding-right:8px;padding-left:8px;padding-top:0px;padding-bottom:0px;height:26.3em;}

#otherExhibition{margin-top:10px;margin-left:10px;overflow:hidden;font-size:90%;height:200px;}
#linkSection{margin-top:10px;margin-right:10px;width:100%;float:left;font-size:90%;}
#textSection{margin-left:10px;margin-right:10px;width:auto;float:none;}
#skipmenu{position:absolute;left:0;top:5px;width:645px;text-align:right;}
#skipmenu a{color:#666;text-decoration:none;}
#skipmenu a:hover{color:#fff;background-color:#666;text-decoration:none;}
ul#Navigation{margin:0;padding:.5em;text-align:left;height:4.4em;font-size:85%;}
ul#Navigation li{list-style:none;display:inline;margin:0;padding-top:0;}
ul#Navigation a{float:left;height:1.8em;width:7.3em;padding:0em 1em; padding-top:.4em; margin-top:2.5em;margin-bottom:.8em;margin-left:.4em;margin-right:.2em;text-decoration:none;font-weight:bold;font-size:85%;color:black;}
ul#Navigation a:hover{color:white;height:2.6em;margin-top:1.7em;margin-bottom:.9em;}
ul#Navigation a.selected{height:3.4em;margin-top:.9em;}
ul#Navigation a.n_home{background-color:#dc143c;}
ul#Navigation a.n1{background-color:#9370db;}
ul#Navigation a.n2{background-color:#87cefa;}
ul#Navigation a.n3{background-color:#9acd32;}
ul#Navigation a.n4{background-color:#ffd700;}
ul#Navigation a.n5{background-color:#ffa500;}
ul#Navigation a.n6{background-color:#ff6347;}
ul#Navigation a.n7{background-color:#dc143c;}
ul#Navigation div{clear:left;}

.box{overflow:hidden;width:400px;}
#mixedGallery{width:304px;height:300px;}
#mixedGallery img{border:0 solid;}
#portraitGallery{width:616px;height:300px;}
#portraitGallery img{border:0 solid;}
#huntingGallery{width:304px;height:152px;margin-top:12px;}
#huntingGallery img{border:0 solid;}
#drawingGallery{width:304px;margin-top:12px;padding-right:1px;padding-left:1px;padding-top:0px;padding-bottom:0px;}
#drawingGallery img{border:0 solid;}
#paintingGallery{width:304px;height:152px;margin-left:8px;margin-top:12px;}
#paintingGallery img{border:0 solid #e4e4e4;}
#emptyGallery{width:332px;border:1px solid #BB8E51;margin-top:15px;padding-right:8px;padding-left:8px;padding-top:0px;padding-bottom:0px;}
.aboutmyself{width:auto;border:1px solid #BB8E51;margin-top:0em;margin-bottom:1em;margin-left:1px;padding-right:8px;padding-left:8px;padding-top:0em;padding-bottom:0px;}
.aboutmyself h2,h3{letter-spacing:0.05em;}
.aboutmyself a{color:#ecd078;text-decoration:underline;}
.aboutmyself a:hover{color:cornsilk;}
#kulturtip{width:auto;border:1px solid #BB8E51;margin-top:10px;margin-left:1px;margin-right:0px;margin-bottom:20px;padding-right:8px;padding-left:8px;padding-top:0px;padding-bottom:0px;}
.textblock {margin-bottom:1em;letter-spacing:0.1em;font-family:'Lustria','Times New Roman',Georgia,Serif;}
.textblock a{letter-spacing:0.1em;font-family:'Lustria','Times New Roman',Georgia,Serif;color:cornsilk;}
.textblock a:hover{font-family:'Lustria','Times New Roman',Georgia,Serif;font-weight:normal;color:cornsilk;}
.textblock br{margin-bottom:0.5em;}

#galleryText{padding-left: 1em;}

#contact{margin-top:30px;}
.spKontaktFormElement{margin:2px 0;display:block;clear:both;}
.spKontaktFormElement p{margin-bottom:5px;margin-top:5px;}
.spKontaktFormElement input{width:300px;}
.spKontaktFormElement textarea{width:405px;height:200px;}
.spKontaktFormElementLabel{display:block;float:left;width:100px;}
#spSocialBookmark{float:left;width:100px;}
#spSocialBookmark ul{margin:0;padding:0;height:16px;}
#spSocialBookmark li{list-style:none;margin:2px 2px 0 0;padding:0;}
#spSocialBookmark li img{padding:1px;border:solid 1px #ccc;}
img.fototable{border:solid 3px #e4e4e4;}
img:hover.fototable{border:solid 3px #9fa41d;}
p.auftrag:first-letter{font-size:160%;font-weight:bold;}
p.preise{height:220px;}
p.preise a{font-weight:bold;color:#ecd078;}
p.bestellung a{font-weight:bold;color:#ecd078;}

p.technik{text-indent:.5em;height:300px;}
p.technik a{text-decoration:none;border-bottom:1px dashed #ecd078;color:#ecd078;}
p.technik a span{position:absolute;visibility:hidden;width:25em;top:40em;left:26em;background:#ffd;border:1px solid #aaa;padding:7px;text-decoration:none;color:#444;border-bottom:1px solid blue;font:85% arial,hevetica,sans-serif;}
p.technik a span b{display:block;font-weight:bold;border-bottom:1px solid #888;margin-bottom:5px;}
p.technik a:hover span{#position:relative;visibility:visible;}
p.technik:first-letter{height:180px;font-size:160%;font-weight:bold;}
p.technik:first-line{font-weight:bold;letter-spacing:1px;}
ol,ul{list-style:none;}

.divlink {
    float: left;
    border: 1px solid #ecd078;
    padding:3px;
    margin:.2em;
    height:3.2em;
    width:23.4%;
}
.divlink:hover{border:3px solid #ecd078;padding:1px;background-color:#a31138;}
a.divlinkBild { 
    display:block;
    background: none repeat scroll 0 0 #FFFFFF;
    width: 3.8em;
    height:2.4em; 
    float: left;
    padding:.4em;
}
a.divlinkText { 
    display:block;
    width: 7em;
    height:3.3em; 
    float:left;
    padding-top:1em;
    padding-left:.6em;
    text-decoration: none;
    color:#ecd078;font:85% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;
}
a.divlinkText:hover{text-decoration:underline;color:cornsilk;}


.leiste {
    border-bottom: 1px solid #ecd078;
    height:4em;
    width:97%;
    padding-bottom:1.5em;
    margin-left:1em;
    margin-top:2em;	
}
.leiste_item {
    border: 1px solid #ecd078;
    color: #ecd078;
    float: left;
    padding:.3em;
    margin:.2em;
    width: 23.3%;
}

.leiste_bild {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    float: left;
    margin-right:0em;
    margin-left:0em;
    width:4.3em;
    height:2.8em;
    padding:.3em;
}

.leiste_content {
    overflow: hidden;
    padding:.5em .75em;
}

.leiste_content a{text-decoration:none;}
.leiste_content a:hover{text-decoration:underline;}

.list_item {
    border-bottom: 2px solid #ecd078;
    color: #ecd078;
    float: left;
    padding: 3em 0;
    margin-left:1em;
    width: 97%;
}

.list_bild {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    float: left;
    margin-right:2em;
    margin-left:0em;
    width:27.5em;
    height:17.5em;
    padding:1em;
}

.list_content {
    overflow: hidden;
}
.list_content a{text-decoration:none;}
.list_content a:hover{text-decoration:underline;}

.list-item-klein {
    border: 1px solid #BB8E51;
    margin:1em 0;
    color: #ecd078;
    float: left;
    padding-bottom:1em;
    padding-top:3em;
    width: 98.7%;
}

.list-bild-klein {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    margin-right:2em;
    margin-left:1em;
    width:4.4em;
    height:3.1em;
    padding:.4em;
}

.list-bild-klein img {
    width:70px;
    height:50px;	
}

.list-content-klein {
    height:7em;
    overflow: hidden;
}
.list-content-klein h1{font-size:150%;}
.list-content-klein a{text-decoration:none;}
.list-content-klein a:hover{text-decoration:underline;}
.list-content-klein a:link,a:hover,a:active,a:visited{color:#ecd078;}
.list-content-klein a h1:hover{color:cornsilk;}

.auftragsarbeit-nav-zeile {
    height:3.5em;
    overflow: hidden;
}
.auftragsarbeit-nav-zeile h1{font-size:170%;}

.page-title {
    margin-top:2em;
}

.auftrag-back-step {
	float:left;
	margin-left:.2em;
	width:49%;
}

.auftrag-next-step {
	float:right;
	overflow:hidden;
	margin-right:.7em;	
}

.auftrag-step a:hover{text-decoration:underline;}
.auftrag-step a:link,a:active,a:visited{color:cornsilk;text-decoration:none;}

h2.auftrag-step{color:cornsilk;}
a.link {
  text-decoration:underline;
  font:115% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;
  color:lemonchiffon;
  letter-spacing:0;
}
a.link:hover{color:cornsilk;font:115% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;}

.anschrift{margin-top:1em;font:105% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;}
.auftrag-E-Mail{margin-top:1em;font:105% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;}

.auftrag_zeile1{height:530px;}
.auftrag_zeile2{height:280px;}
.textcontents-height{height:47em;line-height:18px;}
.kontakt-kulturtip-height{height:176px;line-height:18px;}
.fototips_zeile{height:1050px;}
.fototips_zeile p{padding-bottom:1em;}

.mobilesOnly, .mobile-line, #footer-mobile, #mobile-content, #header-subtitel-ie6, .mobile_page_header, .mobile-menu, .jagdmalerei, .m_preise, .aktuelles, .auftrag, .techniken, .ueber_mich, .tierportrait, .hauszeichnung, .gemaelde{display:none;}
.no-mobile-content{display:inline;}
.thumbnail_row{padding-bottom:10px;}
.thumbnail span{padding:10px;vertical-align:top}

.toolTip span {display:none; position:absolute;}
.toolTip a {position:relative;}
.toolTip a:hover span {display:block;}

.toolTip #ausstellung span {
  width: 200px;height:196px;
  background: url(./images/content/ausstellung-spk.jpg) no-repeat;
  left:30px;top:-20px;
}
.toolTip #folgwang span {
  width: 200px;height:105px;
  background: url(./images/content/folgwang.jpg) no-repeat;
  left:30px;top:20px;
}
.toolTip #sparkasse1 span {
  width: 200px;height:102px;
  background: url(./images/content/sparkasse.jpg) no-repeat;
  left:30px;top:20px;
}
.toolTip #sparkasse2 span {
  width: 200px;height:102px;
  background: url(./images/content/sparkasse.jpg) no-repeat;
  left:30px;top:20px;
}
.toolTip #barockfestspiele span {
  width: 200px;height:145px;
  background: url(./images/content/barockfestspiele_2010.jpg) no-repeat;
  left:30px;top:20px;
}
.toolTip #rheder span {
  width: 200px;height:153px;
  background: url(./images/content/rheder-hoffest.jpg) no-repeat;
  left:30px;top:20px;
}
.toolTip #reisetip span {
  width: 200px;height:117px;
  background: url(./images/content/finca.jpg) no-repeat;
  left:30px;top:-20px;
}

#content-top{margin:10px;width:99%;float:left;}
.presse1{margin-left:1em;margin-right:2em;}
#column-left{margin-left:10px;width:33%;float:left;}
#column-right{margin-right:4em;margin-bottom:4em;overflow:hidden;width:60%;float:right;}
#gallery1{width:600px;height:400px;}
#gallery1 img{border:0 solid;}


.thumbnail_row a span{position:absolute;visibility:hidden;width:25em;background:#ffd;border:1px solid #aaa;padding:7px;text-decoration:none;color:#444;border-bottom:1px solid blue;font:100% arial,hevetica,sans-serif;}
.thumbnail_row a span b{display:block;font-weight:bold;margin-top:5px;}
.thumbnail_row a span b.title{border-bottom:1px solid #888;margin-bottom:5px;}
.thumbnail_row a:hover span{#position:relative;visibility:visible;}
.thumbnail_row a.title{visibility:hidden;}

/* other classes */
.left {float:left; }
.right {float:right;}
.floatLeft {float:left; margin:0 1em 0px 0;}
.noBorder{border:none;}
img.noBorder{border:none;}
.wordspace17{word-spacing:1.7em;}

#E-Mail {float:right;margin:.1em 1.7em 0 0;}
#E-Mail a {color:#841138;}
#E-Mail a span{position:absolute;visibility:hidden;width:15em;background:#ffd;border:1px solid #aaa;padding:7px;text-decoration:none;color:#444;border-bottom:1px solid blue;font:100% arial,hevetica,sans-serif;}
#E-Mail a span b{display:block;font-weight:bold;border-bottom:1px solid #888;margin-bottom:5px;}
#E-Mail a:hover span{#position:relative;visibility:visible;}

/* hide these images of the slideshow */
.noscript {display:none;}

.border-standard, .mini-gallerie1, .mini-gallerie2, #container {border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius:3px; -khtml-border-radius:3px; behavior:url(./scripts/border-radius.htc);}

.rounded-corner-menu{border:0px solid #000; border-radius:3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -khtml-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; behavior:url(./scripts/border-radius.htc);}

.border-standard{border:1px solid #BB8E51;}

.shop{color:#ecd078;font:120% Verdana,Arial,Helvetica,sans-serif;font-weight:normal;margin:0 0 1.5em 0;}
.shop a:link,a:hover,a:active,a:visited{color:#ecd078;font-weight:bold;text-decoration:none;}
.shop a:hover{color:cornsilk;}

.postcard-thumbnail {margin:.2em;border:.5em;border-color:#b0c4de;border-style:solid;}

.uebermich-textblock {height:1000px;margin-bottom:2.5em;}

.fragezeichen {float:right;margin-right:1em;}
