/*###################### General element styles: ######################*/
body	{color:#000000;background:#ffffff; font:normal 12px verdana,helvetica,sans-serif;}
html[xmlns^="http"] {height:101%;margin:0;padding:0;}
a,a:visited,a:hover {color:#5E2807; text-decoration: underline;}
INPUT, TEXTAREA, SELECT { padding-left: 3px; font-size:11px; }
/* Angaben nur für den Internet Explorer mittels Star-HTML-Hack */
* html, * html body {text-align:center;}

/*###############Debug table#####################*/
.align-center {text-align:center;}
.align-left	{text-align:left;}
.align-right	{text-align:right;}
/***************************/
ul,li {margin: 0; padding: 0;}

/* Tita styles: */
/***************************/
.tabmenu {margin: 5px 6px 5px 0px;background-color: #dddddd;}
.navi			{line-height:2;color:#333333;}
.navi_active	{line-height:2;color:#762034;font-weight:bold;}
.navi2			{ font-size: 11px;padding:0 0 0 10px;line-height:1.4;color:#333333;}
.navi2_active	{ font-size: 11px;padding:0 0 0 10px;line-height:1.4;color:#762034;font-weight:bold;}
H6 {	font-family: verdana, Helvetica, sans-serif;font-size: 12px;color:#5e7a8b;}

/************** Tita css-blocks********************/
div#conti  {margin: 0 auto; width:940px;text-align:left; padding:20px;}
div#header{height:375px;}
div#foto {width:inherit;height:324px;}
div#bloxx{width:inherit;margin:10px 0;}
div#footer {clear:both;text-align:center; color:#999999;height:50px; margin:50px 0 0;padding:50px 0 0;border:1px solid #996600; border-width:1px 0 0;line-height:2em;}
#footer a {color:#999999;text-decoration:underline;}
#footer a:hover {text-decoration:none;}
.language {float:right; width:170px; height: 25px;}

#consub	{float:left;width:650px;padding:0 0 0 40px;line-height:1.4em;}

/***************** nav home *******************/
a.home {float:left;display:block; background-image:url(design/home.gif);width:60px; height:38px;text-decoration:none; }
a.home:active, a.home:hover {background-image: url(design/home_a.gif);text-decoration:none;}
/*********** nav global ************/
div#navigation{height:38px;margin:0 0 12px;background:url(design/bg_menu.gif) top center no-repeat;}
#navcon	{}
#navcon ul {margin:0;padding:0;list-style-type:none;}
#navcon li {float:left;}
#navcon a {display:block;width:104px;text-align:center;color:#330000;background:url(design/nav.gif) top left repeat-x;padding:10px;text-decoration:none;}
#navcon a:hover {color:#FFffff;background:url(design/nav_a.gif) top left repeat-x;text-decoration:none;}
/************ nav sub **********/
#sub	{width:220px;float:left;padding:20px 30px 20px 0;margin:0 0 30px 0;border: 1px solid #333333; border-width:1px 0 1px 0;}
#sub ul	{margin:0;padding:20px 0;list-style-type:none;}
#sub li	{padding:2px 0;}
#sub a	{color:#333333;font-size:14px;text-decoration:none;}
#sub a:hover	{color:#000000}
#sub li.active	{color:#000000;font-weight:bold;}


/*   ################# mouse over wollschaf ##########  */
#imap {display:block; width:448px; height:195px; background:url(images/wollschaf.jpg) no-repeat; position:relative; margin:10px 0 200px 0;}
#imap a#painting {display:block; width:448px; height:0; padding-top:195px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(masters/small.jpg) no-repeat 448px 195px; cursor:default;}
* html #imap a#painting {height:195px; he\ight:0;}
#imap a#painting:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #natur {left:50px; top:70px; z-index:20;}
#imap #warm {left:110px; top:70px; z-index:20;}
#imap #temp {left:170px; top:70px; z-index:20;}
#imap #schmu {left:230px; top:70px; z-index:20;}
#imap #trag {left:290px; top:70px; z-index:20;}
#imap #elek {left:350px; top:70px; z-index:20;}

#imap a#link_natur,#imap a#link_warm,#imap a#link_temp,#imap a#link_schmu,#imap a#link_trag,#imap a#link_elek 
{display:block; width:58px; height:58px; text-decoration:none; z-index:20;}
#imap a em {display:none;}
#imap a span, #imap a:visited span {display:none;}
#imap a#link_natur:hover,#imap a#link_warm:hover,#imap a#link_temp:hover,#imap a#link_schmu:hover,#imap a#link_trag:hover,#imap a#link_elek:hover
 {border:1px solid #fc0;}
#imap a:hover span {position:absolute; display:block; color:#000; width:448px; height:195px; line-height:1.8em;}

#imap a#link_natur:hover span {left:-50px; top:140px;}
#imap a#link_warm:hover span {left:-110px; top:140px;}
#imap a#link_temp:hover span {left:-170px; top:140px;}
#imap a#link_schmu:hover span {left:-230px; top:140px;}
#imap a#link_trag:hover span {left:-290px; top:140px;}
#imap a#link_elek:hover span {left:-350px; top:140px;}
/*#### #imap a#link_child:hover em {position:absolute; display:block; left:50px; top:45px; width:80px; height:1px; overflow:hidden; font-size:1px; background:#f00;}####*/
#imap a:hover span img {float:left; margin-right:1em; margin-bottom:0.5em; border:1px solid #000;}
#imap a span:first-line {font-weight:bold; font-style:italic;}
#info h3 {margin:0 0 0 75px; font-size:1.2em; font-weight:normal; font-family:georgia, "times new roman", serif; letter-spacing:0.1em; padding-bottom:5px; border-bottom:1px solid #aaa; width:650px;}
#info .para {width:300px; margin:0 0 0 75px;}


.csc-textpic-imagewrap	{font-style: italic;font-size: 11px;color:#3B212E}
/********************************/
/* Frames, spacing, link-to-top */
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: normal; }
/************** Headers, plain **/
H6 {font-family: georgia,serif;font-size:20px;font-style:italic}
H1, H2, H3, H4, H5{ font-family: georgia;}
H1{ color: #5E2807; }
H2, H3, H4, H5{color: #333333; }
H1 { font: bold italic 24px Georgia, "Times New Roman", Times, serif }
H2 { font-size: 14px; color: #ffffff; text-decoration:underline; font-weight:bold; }
H3 { font-size: 18px; color: #330000; }
H4 { font-size: 20px; color: #8A0020; }
H1, H2, H3, H4, H5, H6 { margin: 0 0 10px 0; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

/*########### Headers, with link############## */

H1 A, H2 A, H3 A, H4 A, H5 A { color: #5E2807; text-decoration: underline; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }


/*################### RTE / Bodytext:#######################*/

P.bodytext {}
P.bodytext A {}
a.external-link {border: none;}
a.external-link-new-window {border: none;}
a.internal-link {border: none;}
a.internal-link-new-window {border: none;}
a.download {border: none;}
a.mail {border: none;}

/* img- tags*/
img { border:none;}


/* formularfelder*/
fieldset.csc-mailform label {float:left; width:170px;}

/*################Images############## */

P.csc-caption { font-size: 10px; font-style: italic; }


.csc-mailform-submit { 	font-family: Arial, Helvetica, sans-serif;font-size:12px;color: #000000; margin-left: 120px; margin-top:10px;}
.csc-mailform {border:none;}
.csc-frame-rulerBefore	{clear:both;border:1px solid #996600; border-width:1px 0 0;}