/* DATEI: basis.css
--------------------------------------------------------------------------------------- 
*/

/* Allgemeine Neutralisation
--------------------------------------------------------------------------------------- */

* { background-color: transparent; }

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 15px; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Allgemeine Angaben
--------------------------------------------------------------------------------------- */

/* Für Browserprobleme mit relativen Schriftgrößen und permanenten Scrollbalken rechts: */
html { font-size: 100.01%; height: 101%; }

body { background: #fff; color: #481D11; text-align: center; }

/* Zum Auflösen von float: */
.breaker { clear: both; height: 0; overflow: hidden;  }

hr { background: #ccc; border: none; color: #ccc; height: 1px; }
img { border: none; }
p { line-height: 140%; }
input, textarea, option { padding-left: 2px; }
/*table { border-collapse:collapse; }*/
td { vertical-align : top; font-size: 12px; }
pre { font-family: monospace;  }
strong { font-weight: bold; color:#fff; }

a { color:#F78106; text-decoration:none; }
a:hover { color:#F78106; text-decoration:underline; }
a:visited {}
a:active {}
a:focus { outline: 0; }

/* Headers */
h1 { font-size: 24px; font-weight: normal; color: #F78106; margin: 0; padding:0; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 18px; font-weight: bold; }
h4 { font-size: 14px;  font-weight: bold; }
h5 { font-size: 13px; font-weight: bold; }

/* Headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a { color: #000; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }

/* Seitenstruktur / Container
--------------------------------------------------------------------------------------- */

#main { position:relative; width: 990px; margin: 0 auto; text-align: left; }

/* HeaderContainer
--------------------------------------------------------------------------------------- */
#headerLogo { position: absolute; top: 20px; left: 0; width: 400px; height: 50px; overflow:hidden; }
#headerNav { position: absolute; top: 50px; right: 0; height: 20px; line-height: 20px; font-size: 11px; }
#headerNav a { text-decoration:none; }
#headerNav a:hover { text-decoration:underline; }
#contentImg { position: absolute; top: 80px; left:0; width: 990px; height: 450px; overflow:hidden; }
#contentInfo { position: absolute; top: 550px; left: 30px; width: 430px; text-align: right; }

/* Inhalte 
--------------------------------------------------------------------------------------- */

#contentContainerBox { width: 465px; position:absolute; top: 110px; left: 485px; }
#contentContainer { width: 445px; min-height: 645px; padding: 10px; background: url(../img/bg_content3.png) no-repeat top left;}

#mainNav { width: 415px; padding-left: 30px; height: 35px; line-height: 35px; background: url(../img/bg_nav.jpg) no-repeat top left; }
#mainNav ul { margin: 0; padding: 0; list-style-type:none;  }
#mainNav li { float: left; margin:0 12px 0 0; padding:0; }
#mainNav li.act { }
#mainNav li a	{ color: #fff; font-size: 14px; text-decoration:none;  }
#mainNav li a:hover	{ text-decoration: underline; }
#mainNav li a.act	{ font-weight: bold; }
#mainNav li a.act:hover	{ font-weight: bold; }


#subNav { width: 415px; padding-left: 30px; height: 25px; line-height: 25px; }
#subNav ul { margin: 0; padding: 0; list-style-type:none; }
#subNav li { float: left; margin:0 15px 0 0; padding:0; }
#subNav li.act { }
#subNav li a	{ color: #481D11;  text-decoration:none; }
#subNav li a:hover	{ text-decoration: underline; }
#subNav li a.act	{ font-weight: bold; }
#subNav li a.act:hover	{ font-weight: bold; }


#content { padding: 15px 30px 30px 30px; }

.teaserBox { padding:10px; width: 375px; overflow:hidden; background: #F78106; font-size: 14px; }
.teaserBoxImg { display:none; float: left; padding: 0 10px 5px 0; }
.teaserBoxText { }
.teaserBoxText p { margin:0; }
.teaserBoxText  a { color: #fff; }






/* TYPO3:Content
--------------------------------------------------------------------------------------- */
/* First Header */
h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader, h4.csc-firstHeader, h5.csc-firstHeader {  margin-top: 0px; }

/* Header date */
p.csc-header-date { font-size: 90%; color: #186900; }

/* Subheader, general */
p.csc-subheader { font-style: italic; background-color: #EDEBF1; }

/* Subheader, specific */
p.csc-subheader-0 { font-style: normal; }
p.csc-subheader-1 { color: #186900; }
p.csc-subheader-2 { color: #10007B; }
p.csc-subheader-3 { color: #8A0020;}

/**********/
/* Images */
/**********/

/* Images / Captions */
.csc-textpic-caption { 
	font-size: 90%; 
}
/**********/
/* Images, Version 3.9.0 */
/**********/
/* Images / Tables / Floating text */
table.imgtext-table { 
	border: 0px;
}

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
table.imgtext-nowrap {
	border: 0px;
}
table.imgtext-nowrap h1, table.imgtext-nowrap h2, 
table.imgtext-nowrap h3, table.imgtext-nowrap h4, 
table.imgtext-nowrap h5 {
	margin-top: 0px; 
}



/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
ul.csc-bulletlist li {}

/* Bulletlists, specifically */
ul.csc-bulletlist-0 { }
ul.csc-bulletlist-1 { 
	color: #186900; 
	list-style-type : decimal; 
}
ul.csc-bulletlist-2 { 
	color: #10007B; 
	list-style-position : inside;
}
ul.csc-bulletlist-3 { 
	color: #8A0020; 
	list-style-image: url(img/red_arrow_bullet.gif); 
}



/*********************/
/* Tables, generally */
/*********************/

table.contenttable { 
	border: none; 
	margin: 0; 
	width: 100%;
	border-collapse:separate;
        border-spacing:0; 
}
table.contenttable tr td, table.contenttable tr th { 
	padding: 1px 3px;
	background-color: none;
}
table.contenttable tr td p { }
table.contenttable tr {  }


table.contenttable p { }

/* Tables, specifically */
table.contenttable-0 p { }

table.contenttable-1 p { 
	color: #186900; 
}
table.contenttable-1 tr.tr-0 td p { 
	font-weight: bold; 
}
table.contenttable-1 tr.tr-0 td { 
	background-color: #D1D2E4;
}

table.contenttable-2 p { 
	color: #10007B; 
}
table.contenttable-2 tr td.td-0 { 
	background-color: #F5FFAA;
}
table.contenttable-2 tr td.td-0 p { 
	font-weight: bold; 
}

table.contenttable-3 p { 
	color: #8A0020; 
}
table.contenttable-3 tr td.td-0, 
table.contenttable-3 tr.tr-0 td { 
	background-color: #D1D2E4;
}
table.contenttable-3 tr td.td-0 p, 
table.contenttable-3 tr.tr-0 td p { 
	font-weight: bold; 
}



/************************/
/* Filelinks, generally */
/************************/
table.csc-uploads { 
	border: 0px; 
}
table.csc-uploads tr td p { }
table.csc-uploads tr.tr-even td { 
	background-color: #EDEBF1; 
}
table.csc-uploads tr.tr-odd td { 
	background-color: #D8D7DC; 
}
table.csc-uploads tr td.csc-uploads-icon { 
	padding: 0 6px;  
	width: 1%; 
	text-align: center; 
	vertical-align: middle; 
}
table.csc-uploads tr td.csc-uploads-fileName { 
	width: 80%; 
	padding-left: 5px; 
}
table.csc-uploads tr td.csc-uploads-fileName p a { 
	font-weight: bold; 
}
table.csc-uploads tr td.csc-uploads-fileName p.csc-uploads-description { 
	font-style: italic; 
}
table.csc-uploads tr td.csc-uploads-fileSize { 
	white-space: nowrap; 
	padding: 0 6px; 
}

/* Filelinks, specifically */
table.csc-uploads-1 { 
	border-color: #186900; 
}
table.csc-uploads-2 { 
	border-color: #10007B;
}
table.csc-uploads-3 { 
	border-color: #8A0020; 
}
table.csc-uploads-3 tr td { 
	vertical-align: middle; 
}
table.csc-uploads-3 tr.tr-even td.csc-uploads-icon img { 
	border: 2px solid #333333; 
	}
table.csc-uploads-3 tr.tr-odd td.csc-uploads-icon img { 
	border: 2px solid #333333; 
}


/*****************/
/* Various Forms, Version 3.9.0 */
/*****************/

/* Email, Login and Search forms generally: */
form table tr td { padding-left: 5px; padding-right: 20px; }
form table tr td.csc-form-labelcell, form table tr td.csc-form-commentcell { background-color: #D8D7DC; }
form table tr td.csc-form-fieldcell { background-color: #EDEBF1; }
form table tr td.csc-form-fieldcell input, form table tr td.csc-form-fieldcell select, form table tr td.csc-form-fieldcell textarea { border: 1px solid #333333; }
form table tr td.csc-form-labelcell p.csc-form-label-req { font-weight: bold; }

/* Email form, specifically */
form table.csc-mailform tr td.csc-form-labelcell  { }

/* Search form, specifically */
form table.csc-searchform { width: 100%; }
form table.csc-searchform tr td { padding: 5px 5px 5px 5px; }
form table.csc-searchform tr td.csc-form-labelcell, form table.csc-searchform tr td.csc-form-commentcell { font-weight: bold; }
form table.csc-searchform tr td.csc-form-fieldcell input, form table.csc-searchform tr td.csc-form-fieldcell select { width: 100%; }

/* Login form, specifically */
form table.csc-loginform { width: 70%; }

/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */

fieldset {
	border:0px;
}
.csc-mailform-field {
	margin: 5px 0;
	clear:both;
}
.csc-mailform-field label { 
	float:left;
	text-align:right;
	margin-right: 5%;
	width:30%;
}
.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select,
.csc-mailform-radio fieldset {
	width:50%;
	background-color:#fff;
}
input.csc-mailform-submit,
input.csc-mailform-check,
.csc-mailform-radio input {
	width:auto;
}
input.csc-mailform-submit {
        margin-left: 35% !important;/* see label width + margin*/
}
.csc-mailform-radio legend {
	display:none;
}

.csc-mailform-radio fieldset input {
	float:none;
}
.csc-mailform-radio fieldset label {
        text-align:left;
        float:none;
        width:auto;
        margin: 0;
}

.csc-loginform {
	padding: 5px;
	background-color: #EDEBF1;
}
.csc-loginform-field {
	margin: 5px 0;
}
.csc-loginform-field label { 
	float:left;
	text-align:right;
	margin-right: 5%;
	width:30%;
}
.csc-loginform-field input {
	width:50%;
	background-color:#fff;
}
input.csc-loginform-submit {
	width:auto;
        margin-left: 35% !important;/* see label width + margin*/
}



/*****************/
/* Search result */
/*****************/

/* Search Result, result information box: */
table.csc-searchResultInfo {  
	margin-top: 10px; 
	width: 100%;
}
table.csc-searchResultInfo tr { 
	background-color: #EDEBF1; 
}
table.csc-searchResultInfo tr td p { 
	padding: 0px 5px 0px 5px;
}
table.csc-searchResultInfo tr td.csc-searchResultRange p { 
	font-weight: bold; 
}
table.csc-searchResultInfo tr td.csc-searchResultPrevNext { 
	text-align: right; 
}

/* Search Result, header + abstract: */
h3.csc-searchResultHeader a { 
	color: #186900; 
}
h3.csc-searchResultHeader { 
	background-color: #EDEBF1; 
	font-size: 14px; 
	padding-left: 5px; 
}
p.csc-searchResult { 
	font-style: italic; 
	margin-left: 20px;
}

/* Search word markup */
span.csc-sword { 
	font-weight: bold; 
	color: red; 
}


/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
div.csc-menu { 
	margin-left: 10px; 
}
div.csc-menu p { 
	font-weight: bold;
	margin: 1px 0px 0px 0px; 
	padding: 2px 2px 2px 10px; 
	background-color: #EDEBF1; 
}
div.csc-menu p a { 
	color: #000000; 
	text-decoration: none; 
}
div.csc-menu p a:hover { 
	color: #660000; 
	text-decoration: underline; 
}
div.csc-menu p.csc-section { 
	font-weight: normal; 
	margin-left: 20px; 
	font-style: italic; 
}

/* Menu / Sitemap, "Menu of these pages" */
div.csc-menu-def p {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
div.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
div.csc-menu-2 { }
div.csc-menu-2 p.csc-sitemap { }
div.csc-menu-2 p.csc-sitemap-level1 { 
	margin-left: 20px; 
}
div.csc-menu-2 p.csc-sitemap-level2 { 
	margin-left: 40px; 
}
div.csc-menu-2 p.csc-sitemap-level3 { 
	margin-left: 60px; 
}
div.csc-menu-2 p.csc-sitemap-level4 { 
	margin-left: 80px; 
}
div.csc-menu-2 p.csc-sitemap-level1 a { 
	color: #000000; 
}
div.csc-menu-2 p.csc-sitemap-level2 a { 
	color: #186900; 
}
div.csc-menu-2 p.csc-sitemap-level3 a { 
	color: #10007B; 
}
div.csc-menu-2 p.csc-sitemap-level4 a { 
	color: #8A0020; 
}

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
div.csc-menu-3 { }
div.csc-menu-3 p.csc-section { 
	margin-left: 0px; 
}
div.csc-menu-3 p.csc-section a { 
	color: #186900; 
}

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
div.csc-menu-4 { }
div.csc-menu-4 p { 
	margin-top: 2px; 
}
div.csc-menu-4 p.csc-abstract { 
	font-weight: normal; 
	font-style: italic; 
	margin-top: 0px; 
	padding: 0px 2px 2px 20px; 
}

/* Menu / Sitemap, "Recently updated pages" */
div.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
div.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
div.csc-menu-7 { }
div.csc-menu-7 p { 
	font-weight: bold; 
}
div.csc-menu-7 p.csc-section a { 
	color: #186900; 
}

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
p.csc-linkToTop { 
	text-align: right; 
}
p.csc-linkToTop a { 
	font-weight: bold; 
}

div.csc-frame { 
	border: 0px; 
}
div.csc-frame-invisible {}
div.csc-frame-rulerBefore { 
	border-top: 1px solid #333333; 
	margin: 20px 0 10px 0;
}
div.csc-frame-rulerAfter { 
	border-bottom: 1px solid #333333; 
	margin: 10px 0 20px 0;
}
div.csc-frame-indent { 
	padding-left: 100px; 
}
div.csc-frame-indent3366 { 
	padding-left: 33%; 
}
div.csc-frame-indent6633 { 
	padding-right: 33%; 
}
div.csc-frame-frame1 { 
	background-color: #EDEBF1; 
	padding: 2px 4px 2px 4px; 
	border: 1px solid #333; 
	margin-bottom: 20px;
}
div.csc-frame-frame2 { 
	background-color: #F5FFAA; 
	padding: 2px 4px 2px 4px; 
	border: 1px solid #333; 
	margin-bottom: 20px;
}

div.csc-frame-frame1 h1, 
div.csc-frame-frame1 h2, 
div.csc-frame-frame1 h3, 
div.csc-frame-frame1 h4, 
div.csc-frame-frame1 h5 { 
	margin-top: 2px; 
}
div.csc-frame-frame2 h1, 
div.csc-frame-frame2 h2, 
div.csc-frame-frame2 h3, 
div.csc-frame-frame2 h4, 
div.csc-frame-frame2 h5 {
	margin-top: 2px; 
}


/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
img.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; }

/* Default styles for the Admin Panel */
table.typo3-adminPanel { 
	border: 1px solid black; 
	background-color: #F6F2E6; 
}
table.typo3-adminPanel tr.typo3-adminPanel-hRow td { 
	background-color: #9BA1A8; 
}
table.typo3-adminPanel tr.typo3-adminPanel-itemHRow td { 
	background-color: #ABBBB4; 
}
table.typo3-adminPanel table, table.typo3-adminPanel td { 
	border: 0px; 
}
table.typo3-adminPanel td font { 
	font-family: verdana; font-size: 10px; color: black; 
}
table.typo3-adminPanel td a font { 
	font-family: verdana; 
	font-size: 10px; 
	color: black; 
}
table.typo3-editPanel { 
	border: 1px solid black; 
	background-color: #F6F2E6; 
}
table.typo3-editPanel td { 
border: 0px; 
}


/* TYPO3:Ext mailformplus
--------------------------------------------------------------------------------------- */


form {
margin:0;
font-size: 11px;
}

.required {
font-size: 11px;
}

input, textarea, select, .chkbox {
font-size: 11px;
color: #481D11;
border: #F78106 1px solid;
background: #fff;
}

#interest {
margin-bottom:15px;
}

#name, #vorname, #strasse, #plz_ort,  #tel, #email, #www, #bemerkungen, #referer, #handelspotionen, #submit, #firstname, #lastname, #birthday, #zip_city,  #gender, #size, #weight, #address, #telephone, #subject, #experiences, #notice {
margin-top: 2px;
}

.title {
width: 100px;
float: left;
font-weight: bold;
font-size: 11px;
color: #481D11;
}



#vorname input, #name input, #strasse input, #tel input, #email input, select, #firstname input, #lastname input, #birthday input, #size input, #weight input, #address input, #zip_city input, #telephone input, #subject input, #notice textarea, #experiences textarea {
width: 190px;
font-family: Arial, sans-serif;
}

#veranstaltung input {
width:290px;
}

#bemerkungen textarea {
width: 270px;
height: 150px;
font-family: Arial, sans-serif;
}

#plz_ort input.plz  {
width: 35px;
}

#plz_ort input.ort  {
width: 145px;
margin-left: 5px;
}

.chkbox {
border:none;
}

#back {
position: relative;
top: -27px;
left: 100px;
}

.formerror, .error {
color: #cc0000;
font-size: 11px;
font-weight: bold;
border: #cc0000 1px solid;
padding: 5px;
margin-bottom: 10px;
}

.formerror ul, .error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
}


input.submit, #submit input, input.newsletterSubcription {
margin: 5px 0 0 100px;
border: #F78106 1px solid;
padding: 2px 5px 2px 5px;
font-weight: bold;
color: #ffffff;
background-color: #F78106;
text-decoration: none;
font-size: 11px;
}


/* iepngfix
--------------------------------------------------------------------------------------- */

img, div, a { behavior: url(/fileadmin/templates/iepngfix/iepngfix.htc) }


/* Debugging
--------------------------------------------------------------------------------------- */

/*
h1, h2, h3, h4, h5, p, 
ul, ol, li, blockquote, pre{ 
	border: 1px dotted #999999;
}
td table { 
	border: 1px dotted #000099;
}
div { 
	border: 1px dotted #990000;
}
img.spacer-gif { 
	border: 1px solid black; 
}
*/