/* DATEI: basis.css */

html {height: 101%;}

body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin:0;	
padding: 30px;
background: #EAEAEA url(../bg/bg_neu22.jpg) no-repeat top left;
color: #666;
}

.breaker {
clear: both;
height: 0px;
overflow: hidden;
}

img {
border: none;
}

a { 
color:#0082D1;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

hr {
color: #ccc;
background-color: #ccc;
height: 1px;
border:none;
margin: 20px 0 20px 0;
}

#main { width: 932px; text-align: left; }
#col1 { float: left; width: 708px; line-height: 140%;}
#col2 { float: right; width: 215px; margin-top: 40px; }


/* ------------- col1 -------------------- */

/* ------------- Menu ------------------- */

#menu { height:30px;  margin-bottom: 10px; }

#menu ul {
list-style-type: none;
padding: 0;
margin:0;
}

#menu ul li {
float: left;
width: 235px;
height: 30px;
line-height: 30px;
text-align: center;
margin-right: 1px;
background-color: #fff;
/*opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;*/
}

#menu ul li a {
display: block;
font-size: 15px;
font-weight: bold;
color: #000;
text-decoration:none;
}

#menu ul li a:hover {
display: block;
font-size: 15px;
font-weight: bold;
color: #0082D1;
background-color: #fff;
}

#menu ul li.current {
/*opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;*/
}

#menu ul li a.current {
text-decoration:none;
color: #0082D1;
}


/* ------------- pageIMG ------------------- */

#pageImgContainer { height: 235px; width: 707px; overflow:hidden; margin-bottom: 10px; }
.tx-pictext-pi1 .pageimg { position: relative; }
.tx-pictext-pi1 .pageimg .text { position: absolute; top: 10px; left: 10px; width: 205px; height: 87px; overflow:hidden; padding: 10px; color: #666; font-weight: normal; font-size: 11px; line-height: 14px; opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.90; background-color: #fff; }
.tx-pictext-pi1 .pageimg .text h5 { padding: 5px 0 5px 0; margin:0; font-size: 12px; font-weight: bold; color: #000; opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}


/* ------------- pageIMG ------------------- */

#navPath { color: #ccc; background-color: #fff; width: 667px; font-size: 11px; padding: 5px 20px 5px 20px;}
#navPath a { color:#ccc; }
#navPath a:hover { color: #0082D1; text-decoration: none; }

/* ------------- Content ------------------- */

#pageContent { padding: 15px 20px 20px 20px; width: 667px; background-color: #fff; }

h1 { margin: 0 0 20px 0; font-weight: normal; font-size: 30px; line-height: 30px; color: #0082D1;  }
h2 { margin: 20px 0 10px 0; font-weight: bold; font-size: 14px; color: #000; }
h3 { margin: 0 0 20px 0; font-weight: bold; font-size: 13px; color: #333; }
h4 { margin: 0 0 5px 0; font-weight: normal; font-size: 13px; color: #0082D1; }

#pageContent ul { list-style-image: url(../img/dot_01.gif); }
#pageContent ul ul { list-style-image:none; list-style-type: square; }

table.contenttable p.bodytext { margin:0; }
table.contenttable td { text-valign: top; font-size: 11px; }

.tx-lumogooglemaps-pi1 { }

#partner {
width: 667px; 
padding: 10px 20px 10px 20px;
height: 40px;
overflow:hidden;
margin: 10px 0 0 0;
background-color: #fff;
}


#footer {
width: 667px; 
font-size: 11px;
padding: 5px 20px 5px 20px;
margin: 10px 0 20px 0;
background-color: #fff;
}
#footer a { color: #666; text-decoration:none; } 
#footer a:hover { color:#0082D1; text-decoration:none; }

#footerLeft { float:left; width:353px; }
#footerRight {  float:right; width:253px; text-align: right; }


/* ------------- footerNav ------------------- */

#footerNav { width: 687px; padding: 0 0 0 20px; margin-bottom: 10px; font-size: 11px; }
#footerNav ul { padding: 0; margin:0; list-style-type:none; }
#footerNav ul li { padding: 0; padding: 0; font-weight: bold; color: #A3A586; }
#footerNav ul li a { font-weight: bold; }
#footerNav ul li ul li a { font-weight: normal; }
#footerNav a { color: #666; text-decoration:none; padding: 1px; }
#footerNav a:hover { color:#0082D1; text-decoration:none; background-color: #fff; }
.footerNav_col { padding-right: 60px; float: left; }


/* ------------- col2 ------------------- */

#col2 { }

#col2 #logo { height: 117px; overflow: hidden; margin-bottom: 1px; }
#col2 #adress { margin-bottom: 10px; height: 95px; padding: 22px 27px 0 0; background-color: #666; color: #fff; text-align: right; font-size: 11px; line-height: 14px; overflow:hidden; }
#col2 #adress a { color: #fff; }
#col2 #adress a:hover {  color:#0082D1; text-decoration:none; background-color: #fff; }



#col2 #sidenav { /*position:fixed; top: 315px; left: 748px;*/ margin-bottom: 10px; color: #333; }
#col2 #sidenav ul { list-style-type: none; margin: 0; padding: 0; }
#col2 #sidenav ul li { padding: 5px 10px 5px 10px; background-color: #fff; margin-bottom: 1px; /*opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;*/}
#col2 #sidenav ul li.current { /*opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;*/}
#col2 #sidenav ul li a { color: #333; text-decoration:none; display: block;  }
#col2 #sidenav ul li a:hover { color:#0082D1; text-decoration:none; background-color: #fff; /*opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;*/}
#col2 #sidenav ul li a.current { color:#0082D1; text-decoration:none; }


#col2 #sidenav li li	{ font-size: 11px; padding: 0 0 0 10px; } 


#col2 #boxes { }
#col2 #boxes div.box { margin-bottom: 10px; padding: 10px; background-color: #fff; color: #333; }

#col2 #functions { font-size: 11px; margin-top: 20px; padding: 0 0 0 10px; }
#col2 #functions ul { list-style-type: none; margin: 0; padding: 0; }
#col2 #functions ul li { padding: 0 0 0 25px; height: 20px; line-height: 20px; }
#col2 #functions ul li.print { background: url(../img/icon_print.gif) no-repeat left; }
#col2 #functions ul li.print_pdf { background: url(../img/icon_print_pdf.gif) no-repeat left; }
#col2 #functions ul li.totop { background: url(../img/icon_totop.gif) no-repeat left; }
#col2 #functions ul li.login { background: url(../img/icon_login.gif) no-repeat left; }
#col2 #functions ul li a { color: #666; text-decoration:none; padding: 1px;}
#col2 #functions ul li a:hover { color:#0082D1; text-decoration:none; background-color: #fff; }

/* ------------- Formulare ------------------- */

form {
margin:0;
}

.required {
font-size: 11px;
}

input, textarea, select, .chkbox {
font-size: 11px;
color: #454545;

}

#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: 110px;
float: left;
font-weight: bold;
font-size: 11px;
color: #333333;
}



#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: 170px;
font-family: Arial, sans-serif;
}

#veranstaltung input {
width:290px;
}

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

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

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

.chkbox {
width: 360px;
}

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

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

#pageContent .formerror ul, #pageContent .error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
list-style-image:none; 
list-style-type: square;
}

input.submit, #submit input {
margin: 5px 0 0 110px;
border: #0082D1 1px solid;
padding: 2px 5px 2px 5px;
font-weight: normal;
color: #ffffff;
background-color: #0082D1;
text-decoration: none;
font-size: 12px;
text-transform:uppercase;
}



/* ------------- News ------------------- */


.news_latest_container1 { width: 667px; overflow: hidden; }
.news_latest_container2 { width: 700px; }
.news_latest_container2 .inhaltbox { background-color: #ccc; width: 194px; height: 85px; padding: 10px; margin-right: 11px; float:left;}
.news_latest_container2 .newsimage {  float:left; width: 70px; overflow: hidden; }
.news_latest_container2 .newsimage img { background-color: #fff; border: #fff 5px solid;}
.news_latest_container2 .newstext { float:right; width: 115px; overflow:hidden; }
.news_latest_container2 .newstext .newsdate { margin:0; padding:0; font-size: 11px; }
.news_latest_container2 .newstext h3 { margin:0; padding:0; font-size: 12px; font-weight: bold; line-height: 14px; }
.news_latest_container2 .newstext p { margin:0; padding:0; font-size: 11px; line-height: 130%; }
.news_latest_container2 .morelink { font-size: 11px; }

.news-list-container .inhaltbox { padding: 10px 0 10px 0; }
.news-list-container .inhaltbox .subheader p { font-size: 12px; color: #0082D1; margin:0; padding:0; }
.news-list-container .inhaltbox h2 { margin:0; padding:0; }
.news-list-container .newstext { float:right; width:450px; padding: 10px 0 0  0; border-top: 1px solid #CCCCCC; }
.news-list-container .newsimage { float:left; width: 200px; margin: 0 15px 15px 0; }
.news-list-container .newsimage img { /*border: #CCC 10px solid; padding:5px;*/ }

.news-single-container .newsimage { float:right; width: 200px; margin: 0 0 15px 15px;}
.news-single-container .newsimage img { /*border: #CCC 10px solid; padding:5px;*/ }
.news-single-container .link { font-size: 11px; }
.news-single-container .link dd, .news-single-container .link dl, .news-single-container .link dd p.bodytext, .news-single-container .link dl p.bodytext { margin:0; padding:0; }



.tx-ttnews-browsebox { float:left; width:707px; text-align:center; }
.klein { font-size:11px; }


.news-list-browse { width: 667px; margin: 5px 0 5px 0; }

div#pagination, .news-list-browse {
	font-size:10px;
}

.news-list-browse .showResultsWrap { float:right; height: 15px; line-height: 15px; padding: 10px 0 10px 0; }
.news-list-browse .browseLinksWrap { float: left; height: 15px; line-height: 15px; padding: 10px 0 10px 0; }

#pagination span, .news-list-browse .browseLinksWrap span {
	float:left;
	margin: 0 6px 0 0;
}

#pagination span a, .news-list-browse span a {
	background-color:#ffffff;
	border:1px solid #ccc;
	color:#666;
	display:block;
	font-weight: normal;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}

#pagination span a:hover, .news-list-browse span a:hover {
	background-color: #ccc;
	border: 1px solid #999;
}

#pagination span.aktuell, .news-list-browse span.activeLinkWrap a {
	background-color: #ccc;
	border:1px solid #999;
	color:#666;
	display:block;
	font-weight: normal;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}

/* ------------- Pagekeywords ------------------- */
.tx-exinitshowkeywords-pi1 { margin: 15px 0 15px 0; font-size: 10px; line-height: 12px; border-top: #ccc 1px solid; padding-top: 10px; }



/* ------------- Angepasste TYPO3-Vorgabe ------------------- */

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid #ccc;

		

	}
	
table.csc-loginform { }
table.csc-loginform p { margin:0; }
.csc-form-fieldcell input { width: 120px; }

.csc-caption, .csc-textpic-caption { margin:3px 0 10px 0; padding:5px 0 0 0; font-size: 11px; line-height: 15px; }

/* ------------- Menü der Unterseiten ------------------- */

ul.csc-menu { list-style-type:none; margin:0; padding:0 0 30px 0; }
ul.csc-menu li { float:left; margin:0; padding:0; margin-right: 20px; }


/* ------------- Google Maps ------------------- */

.tx_lumogooglemaps_pi1_infobox {
width: 255px;
}

.tx_lumogooglemaps_pi1_infobox h1 {
font-size: 14px;
line-height: 14px;
font-weight: bold;
padding: 0;
margin: 0;
}

.infobox-txt {
width: 145px;
float: left
}

.infobox-img {
width: 100px;
float: right;
}

.gmapDir {
margin: 0;
padding: 0;
}



/* ------------- Slider ------------------- */
ul.exinitFXtabs {
	list-style-type: none;
	width: auto;
	float: left;
	font-size: 12px;
	margin: 0;
	padding: 0;
	z-index: 9999; position: absolute; bottom: 0; left: 0;
	background: transparent;
}

ul.exinitFXtabs li { float: left; border:0; margin: 0; padding: 0 10px; height: 32px; line-height: 32px; background: transparent url(../img/black_trans70.png) repeat top left; }
ul.exinitFXtabs li.current { background-image: none; background-color: #0082D1; }
ul.exinitFXtabs li a { font-size: 14px; color: #FFFFFF; }
ul.exinitFXtabs li.current a {  }

.faderContent { width: 627px; height: 245px; padding: 40px; overflow:hidden; }
.faderContent h1 { color: #fff; font-size: 24px; font-weight: normal; }
.faderContent p { color: #fff; font-size: 14px; }
.faderContent ul { list-style-type: none; margin:0; padding:0; color: #fff; font-size: 12px; }
.faderContent li { margin:0; padding:0; }
.faderContent a, .faderContent a:hover { color: #fff; }