/* DATEI: basis.css */

html { height: 101%; }

body { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;	
text-align: center;
margin: 0;
padding:25px 0 50px 0;
color: #666;
}

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

img {
border: none;
}

a { 
color:#CF121B;
text-decoration:none;
}

a:hover {
color:#CF121B;
text-decoration:underline;
}

.important { 
font-weight: bold;
color:#CF121B;
}

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

#mainHeader { position: relative; width: 742px; height: 50px; margin: 0 auto; padding: 0 10px 0 10px;  }
#main { width: 742px; margin: 0 auto; padding: 10px; text-align: left; border: #ccc 1px solid; }
#headerContainer { width: 742px; height: 156px; border-bottom: #ccc 1px solid;  }

#contentContainer1 { width: 742px; padding: 5px 0 10px 0;  }
#contentContainer1 #col1 { width: 531px; float:left; padding: 10px 9px 20px 0; border-right: #ccc 1px solid;  line-height: 180%;}
#contentContainer1 #col2 { width: 193px;  float:right; padding-top: 10px; line-height: 140%;}

#footerImg { padding: 10px 0 5px 0; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; }
/*#footerNav { padding: 15px 0 5px 40px; }*/
#footerNav { padding: 5pt; }

#footer { width: 762px; margin: 0 auto; height: 25px; line-height: 25px; text-align: right; font-size: 10px; color: #999; }

/* ------------- mainHeader ------------------- */

#headerNav { position:absolute; top: 15px; right:250px; height: 25px; text-align: right; line-height: 25px; color: #999;  }
#headerNav a { color: #999; padding:0; }
#headerNav a:hover { }
#headerNav select.sales_regions { width: auto; padding: 4px; margin-right: 30px; border: #ccc 1px solid; font-size: 11px; }
#headerNav input.sales_region_button { position:absolute; top: 0; right:0; width: 24px; margin:0; height: 24px; background: url(../img/input_searchbutton.gif) no-repeat left; border: none; }

#headerNav { position:absolute; top: 15px; right:250px; height: 25px; text-align: right; line-height: 25px; color: #999;  }
#headerNav a	{ color: #999; padding:0; }
#headerNav a:hover	{ }

#headerSearch { position:absolute; top: 15px; right:5px; width: 210px; height: 25px; }
#headerSearch input.searchfield { position:absolute; top: 0; left:0; width: 170px; margin:0; padding: 5px; height: 14px; overflow:hidden; border: #ccc 1px solid; font-size: 11px; color: #ccc; }
#headerSearch input.searchbutton { position:absolute; top: 0; right:0; width: 24px; margin:0; height: 24px; background: url(../img/input_searchbutton.gif) no-repeat left; border: none; }


/* ------------- Logo ------------------- */

#headerLogo {
float: left;
width: 109px;
height: 138px;
overflow: hidden;
}

#headerContact {
float: right;
margin-top: 40px;
width: 193px;
height: 50px;
overflow: hidden;
}

#menu {
  clear:right;
  float: right;
  margin-top: 30px;
  padding: 0;
}
#menu table {
  margin: 0;
  padding: 0;
  height: 25px;
}
#menu table td {
  padding: 0 5px 0 5px;
}
#menu table td a {}
#menu table td a:hover {}
#menu table td a.current {}


ul.layermenu {
  margin: 0;
  padding: 15px 0 15px 0;
  list-style-type: none;
  color: #ffffff;
  font-size: 11px;
}
ul.layermenu li {
  margin: 0;
  padding: 0 5px;
}
ul.layermenu li a {
  padding: 3px 5px 3px 15px;
  color: #ffffff;
  display: block;
  font-weight: bold;
}

ul.layermenu li a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #CD3333;
}

ul.layermenu ul {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: none;
  color: #ffffff;
  font-size: 11px;
}

ul.layermenu li ul li {
  margin: 0;
  padding: 0;
}

ul.layermenu li ul li a {
  padding: 3px 5px 3px 30px;
  color: #ffffff;
  display: block;
  font-weight: normal;
}

ul.layermenu li ul li a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #CD3333;
}

ul.layermenu li ul li ul {
  margin: 0;
  padding: 0 0 5x 0;
  list-style-type: none;
  color: #ffffff;
  font-size: 11px;
}

ul.layermenu li ul li ul li a {
  padding: 3px 5px 3px 45px;
  color: #ffffff;
  display: block;
  font-weight: normal;  
}

ul.layermenu li ul li ul li ul {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: none;
  color: #ffffff;
  font-size: 11px;
}

ul.layermenu li ul li ul li ul li a {
  padding: 3px 5px 3px 60px;
  color: #ffffff;
  display: block;
  font-weight: normal;
  font-style: italic; 
}

li.hiddenItem {
display: none;
}

}
/* ------------- maincontent ------------------- */

#navPath { padding-bottom: 10px; font-size: 10px; color: #999; width: 742px;}
.shareThis {position: relative; right: 0px; width: 192px; float: right; overflow: hidden;}

#navPath a { color: #999; }

#flashintro { }

#col1 { color: #666; margin-top:10px; }
#col1 p { padding: 0 5px 15px 15px; margin:0;}
#col1 ul { list-style:square; }
#col1 ul, #col1 ol { margin:0; padding: 0px 5px 10px 35px; }

#col1 h1 { margin:0; padding:0px 15px 15px 15px; font-size: 21px; line-height: 28px; font-weight: normal; font-family: Georgia;}
#col1 h1.csc-firstHeader { margin:0; padding:0px 5px 15px 15px; }
#col1 h2 { margin:0; padding:0px 5px 15px 15px; font-size: 16px; font-weight: normal; font-family: Georgia;}
#col1 h3 { margin:0; padding:0px 5px 15px 15px; font-size: 14px; }
#col1 h3.separatortitle {border-top: 1px solid #CCCCCC; margin-top: 30pt;}
#col1 h4 { margin:0; padding:0px 5px 15px 15px; font-size: 12px; }
#col1 h5 {  margin:0; padding:15px 5px 15px 15px; font-size: 16px; font-weight: normal; font-family: Georgia; }

#col2 { color: #999; margin-top:10px; }
#col2 h1 { margin:0; padding:15px 0 5px 0; font-size: 14px; }
#col2 h2 { margin:0; padding:15px 0 5px 0; font-size: 12px; }
#col2 h3 { margin:0; padding:15px 0 5px 0; font-size: 11px; }
#col2 h4 { margin:0; padding:15px 0 5px 0; font-size: 11px; }
#col2 p { padding: 0 5px 15px 0; margin:0;}

.boxRight { margin-bottom: 10px; background-color: #F7F7F7; padding: 1px; border: #ccc 1px solid;}
.boxRight .box_header { height: 20px; line-height: 20px; padding: 1px 3px 3px 5px; background: url(../img/bg_boxright_title.gif) no-repeat left top; }
.boxRight .box_header h1 { font-size: 11px; font-weight: bold; color: #fff; margin:0; }

.boxRight .box_img { padding-top: 1px; }
.boxRight .box_text { font-size: 11px; padding: 0 5px 5px 5px; }
.boxRight .box_footer { height: 16px; line-height: 16px; padding: 3px 3px 3px 22px; background: url(../img/bg_boxright_footer.gif) no-repeat left top;  }
.boxRight .box_footer a { font-size: 11px; }

#col2 .bluebox { padding: 10px; margin: 10px 0 10px 0; color: #fff; background-color: #12679B; text-align: center; }
#col2 .bluebox a { color: #fff; }
#col2 .bluebox ul { list-style-type:none; margin-left: 0; padding-left: 0; }
#col2 .bluebox ul li { text-align: center; font-style: italic; }


#col1 table.contenttable { margin-left: 15px; width: 511px; }
#col1 table.contenttable td { vertical-align:top; padding: 0 10px 10px 0; }
#col1 table.contenttable td p.bodytext { padding:0; margin:0; }

ul.csc-menu {  margin: 0 0 10px 0; padding: 10px 0 5px 0; list-style-type: none; font-size: 11px; }
ul.csc-menu li { margin-bottom: 5px; }
#col2 ul.csc-menu { padding: 10px 0 5px 0; }
#col2 ul.csc-menu a { color: #CD3333; font-weight: bold; }

#col2 ul.shop-menu {  margin: 0 0 10px 0; padding: 10px 0 5px 0; list-style-type: none; font-size: 11px; }
#col2 ul.shop-menu li { margin-bottom: 5px; }
#col2 ul.shop-menu { background-color: #CD3333; padding: 10px 10px 5px 10px; }
#col2 ul.shop-menu a { color: #fff; }

fieldset legend { color: #999; }

.csc-textpic-intext-left .csc-textpic-imagewrap { padding-left: 15px; }
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { padding-left: 15px; }

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

#footerNav a { color: #999; }

#footerNav_row1 { text-align: center; color: #999; }
#footerNav_row1 a { left; padding-left: 5pt; padding-right: 5pt; }

/*
#footerNav ul { padding: 0; margin:0; list-style-type:none; }
#footerNav ul li { padding-left: 15px; line-height: 20px; background: url(../img/footernav_dot.gif) no-repeat left; }
*/

/*
#footerNav_col1 { width: 135px; float: left; }
#footerNav_col2 { width: 175px; float: left; }
#footerNav_col3 { width: 225px; float: left; }
#footerNav_col4 { width: 135px; float: left; }
*/
#footerNav_col1,
#footerNav_col2,
#footerNav_col3,
#footerNav_col4 { display: none; }


/* ------------- footer ------------------- */

#footer a { color: #999; }
#footer a:hover { color: #999; }


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

form {
margin:0;
}

fieldset { border: #ccc 1px solid; padding: 14px; color: #666; }

.required { }

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

#name, #vorname, #card, #card_nr, #card_cvv, #card_datum, #firma, #strasse, #plz_ort, #state, #land, #os,#option,#product, #tel, #fax, #email, #www, #unr, #bemerkungen, #referer, #handelspotionen, #submit, #firstname, #lastname, #birthday, #zip_city,  #gender, #size, #weight, #address, #telephone, #subject, #experiences, #notice, #question, #subject, #refnr, #participant_name, #participant_surname{
margin-top: 2px;
}

.title {
width: 130px;
float: left;
font-size: 11px;
color: #666;
}

#option select {
margin-top: 60px;
}

#option select, #vorname input, #card input, #card_nr input, #name input, #firma input, #strasse input, #state input, #tel input, #fax input, #email input, #unr input, select, #land input, #os input, #firstname input, #lastname input, #birthday input, #size input, #weight input, #address input, #zip_city input, #telephone input, #subject input, #refnr input, #participant_name input, #participant_surname input, #notice textarea, #experiences textarea {
width: 170px;
font-family: Verdana, sans-serif;
border:1px solid #ccc;
padding: 2px 3px 2px 3px;
}

#lizenz {padding-left: 130px; margin-: 5px 0 5px 0;}

#bemerkungen textarea, #question textarea {
width: 290px;
height: 150px;
font-family: Verdana, sans-serif;
border:1px solid #ccc;
padding: 2px 3px 2px 3px;
}

#product select {
width:290px;
}

#plz_ort input.plz  {
width: 37px;
border:1px solid #ccc;
padding: 2px 3px 2px 3px;
}

#plz_ort input.ort  {
width: 120px;
margin-left: 5px;
border:1px solid #ccc;
padding: 2px 3px 2px 3px;
}

#card_cvv input  {
width: 50px;
border:1px solid #ccc;
padding: 2px 3px 2px 3px;
}

#card_datum select.month  {
width: 50px;
border:1px solid #ccc;
padding: 2px 3px 2px 3px;
}

#card_datum select.year  {
width: 80px;
margin-left: 5px;
border:1px solid #ccc;
padding: 2px 3px 2px 3px;
}

.chkbox {
width: 360px;
}

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

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

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

input.submit, #submit input {
margin: 5px 0 0 130px;
border: #CC3333 0px solid;
padding: 3px 2px 3px 2px;
font-weight: bold;
color: #fff;
background-color: #CC3333;
text-decoration: none;
font-size: 12px;
}

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

.news-latest-list { }
.news-latest-item { }
.news-latest-category { font-weight: bold; }
.news-latest-title { font-weight: bold; }
.news-latest-subheader { }

#col1 .news-list-item { margin-left: 15px; margin-right: 5px; margin-bottom: 20px; }
#col1 .news-list-category { font-weight: bold; }
#col1 .news-list-item-title { font-weight: bold; }
#col1 .news-list-item-subheader {}
#col1 .news-list-item p { padding-left: 0; }

#col1 .news-single-item { margin-left: 15px; margin-right: 5px; }
#col1 .news-single-item h1 {  margin: 0 0 15px 0; padding: 0;}
#col1 .news-single-item h2 {  padding-left: 0; font-family:Verdana; font-size: 12px; }
#col1 .news-single-item h3 {  padding-left: 0; }
#col1 .news-single-item p { padding-left: 0; font-size: 12px; }

#col2 .news-amenu-container {}
#col2 .news-amenu-container h2 { font-size: 12px; }
#col2 .news-amenu-container ul { margin-left: 0; padding-left: 0; list-style-type: none;}
#col2 .news-amenu-container li { margin-left: 0; }

/* ------------- Try & Buy ------------------- */
table.downloadtable { width: 521px; margin-left: 10px; line-height: 130%; color: #666;}
#col1 .tx-lurashop-pi1 p.bodytext { padding:10px 5px 5px 15px; margin:0; }
#col1 table.downloadtable td p.bodytext { padding:0; margin:0; }
table.downloadtable td { padding: 3px 5px 3px 5px; }
table.downloadtable_links td { padding: 0 0 0 10px; }
table.downloadtable tr.tr-even { background-color: #f3f3f3; }
table.downloadtable span.descr { color:#999; padding:0; margin:0; }
table.downloadtable select { width: 85px; padding: 1px; }

#currency {  margin: 0 0 10px 0; padding: 10px; font-size: 11px; background-color: #CD3333; color: #fff; }
#currency a { color: #fff; }

table.baskettable { width: 521px; margin-left: 10px; line-height: 130%; color: #666;}
table.baskettable td { padding: 3px 5px 3px 5px; }
table.baskettable tr.tr-title td { border-bottom: #ccc 1px solid; }
table.baskettable tr.tr-sum td { font-weight: bold; border-top: #ccc 1px solid; }

table.purchasetable { width: 501px; margin-left: 10px; line-height: 130%; color: #666; }
table.purchasetable td { padding: 3px 5px 3px 5px; }
table.purchasetable tr.tr-title td { border-bottom: #ccc 1px solid; }
table.purchasetable tr.tr-sum td { font-weight: bold; border-top: #ccc 1px solid; }

#submit_shop input {
margin: 5px 0 0 15px;
text-align: right;
border: #CC3333 0px solid;
padding: 3px 2px 3px 2px;
font-weight: bold;
color: #fff;
background-color: #CC3333;
text-decoration: none;
font-size: 12px;
}

.tx-srfreecap-pi2-cant-read {

  color: #000000;
}

#col1 h3.separatortitle {
	border-top: 1px solid #CCCCCC;
	margin-top: 30pt;
}

#col1 .cat_text h2 {
	padding-top: 15pt;
}

/* ------------- Facebook ------------------- */

.fb-like {
margin-left: 20px;
margin-right: 5px;
margin-bottom: 15px;
margin-top: 5px;
}

/* ----------- Twitter ---------------------- */ 

#tw-luratech iframe.twitter-follow-button{
width:80px;
}
