/* DATEI: basis.css 

Allgemeine Farben:
dunkelblau: #1A539D;
hellgrau: #C4CFD7;

*/


body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;	
text-align: center;
margin: 0;
padding:10px 5px 20px 5px;
color: #666;
background-color: #fff;
line-height: 140%;
}

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

.s { font-size:11px; }

img {
border: none;
}

a { 
color:#1A539D;
text-decoration:none;
}

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

b, strong { color: #333; }


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

#main { width: 975px; margin: 0 auto; text-align: left; background: url(../img/bg_main.gif) repeat-y top left; }
#headerContainer { margin: 0 0 15px 0; width: 975px; height: 80px; background: url(../img/bg_menu.jpg) no-repeat bottom left;  }
#contentContainer, #contentContainerTemplate1, #contentContainerTemplate2 { width: 975px; margin-bottom: 15px; }
#footer { width: 945px; height: 25px; padding: 0 15px 0 15px; line-height: 25px; font-size: 11px; color: #1A539D; background: url(../img/bg_footer.gif) no-repeat left top; }

#contentContainerTemplate1 .col1 { width: 635px; float:left; }
#contentContainerTemplate1 .col2 { width: 325px; float:right; }

#contentContainerTemplate2 { background: url(../img/bg_content_template2.gif) repeat-y left top;  }
#contentContainerTemplate2 .col1 { width: 144px; line-height: 120%; padding: 15px 10px 10px 10px; float:left; background: url(../img/bg_sidenav_top.gif) no-repeat left top; }
#contentContainerTemplate2 .contentContainer2 { width: 796px; float:right; }
#contentContainerTemplate2 .col2 { width: 618px; float:left; }
#contentContainerTemplate2 .col3 { width: 163px; line-height: 120%; float:right; }


/* ------------- Boxen ------------------- */

.box635 { margin-bottom: 15px; }
.box635 .top { height: 5px; overflow:hidden; background: url(../img/bg_box_635_top.gif) no-repeat left top; }
.box635 .content { padding: 10px 20px 10px 20px; border-left: #C4CFD7 1px solid; border-right: #C4CFD7 1px solid; }
.box635 .bottom { height: 5px; overflow:hidden; background: url(../img/bg_box_635_bottom.gif) no-repeat left top; }

.box618 { margin-bottom: 15px; }
.box618 .top { height: 5px; overflow:hidden; background: url(../img/bg_box_618_top.gif) no-repeat left top; }
.box618 .content { padding: 10px 20px 10px 20px; border-left: #C4CFD7 1px solid; border-right: #C4CFD7 1px solid; }
.box618 .bottom { height: 5px; overflow:hidden; background: url(../img/bg_box_618_bottom.gif) no-repeat left top; }

.box618Img { overflow:hidden; }
.box618Img img { margin-bottom: 15px; }

.box325 { margin-bottom: 15px; }
.box325 .header { height: 25px; line-height: 25px; background: url(../img/bg_box_325_header.jpg) no-repeat left top; padding-left: 15px;}
.box325 .header h1 { margin:0; color: #1A539D; font-size: 12px; font-weight: bold; }
.box325 .content { padding: 10px 15px 5px 15px; border-left: #C4CFD7 1px solid; border-right: #C4CFD7 1px solid; }
.box325 .bottom { height: 15px; overflow:hidden; background: url(../img/bg_box_325_bottom.gif) no-repeat left top; }

.box163 { margin-bottom: 15px; }
.box163 .header { height: 25px; line-height: 25px; background: url(../img/bg_box_163_header.jpg) no-repeat left top; padding-left: 15px;}
.box163 .header h1 { margin:0; color: #1A539D; font-size: 12px; font-weight: bold; }
.box163 .content { padding: 10px 15px 5px 15px; border-left: #C4CFD7 1px solid; border-right: #C4CFD7 1px solid; }
.box163 .bottom { height: 5px; overflow:hidden; background: url(../img/bg_box_163_bottom.gif) no-repeat left top; }



/* ------------- Header ------------------- */

#headerLogo {
float:left;
width: 155px;
height: 80px;
overflow: hidden;
}

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


#menu {
float:right;
margin-top: 58px;
height: 15px;
line-height: 17px;
width: 815px;
padding: 0;
font-size: 13px;
font-weight: bold;
}

#menu table {
height: 0;
padding: 0;
}

#menu td {
width:162px;
text-align:center;

border-right: 1px solid #CCCCCC;
}

#menu table td a {
color: #1A539D;

display:block;
}

#menu table td a:hover {
text-decoration:none;

}

#menu table td a.current {
width:162px;
text-decoration:none;
}

#menu table td .subpages { 
width:162px;
font-size:12px; 
}

#menu_table td {
width:162px; 
}

ul.layermenu  {
margin: 0;
padding: 0;
list-style-type:none;
list-style-image: none;
color: #1A539D; 
font-size: 12px; 
padding: 5px 0 5px 0;
}

.layermenu li {
margin: 0;
padding: 0 5px 0 5px;
}

.layermenu li a	{
color: #1A539D;
display:block;
padding: 3px;
}

.layermenu li a:hover	{
color: #1A539D;
text-decoration:none;
background-color: #EEEEEE;
}


/* ------------- headerImg ------------------- */

#headerImgStartseite { 
margin: 0 0 15px 0;
width: 975px;
height: 200px;
overflow: hidden;
background: url(../img/flash_alt_img.jpg) no-repeat left top;
}

#headerImgTemplate2 { 
margin: 0 0 15px 0;
width: 975px;
height: 200px;
overflow: hidden;
background: url(../img/flash_alt_img.jpg) no-repeat left top;
}

/* ------------- sidemenu ------------------- */

#sidemenu { padding: 0 0 10px 0; }

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

#sidemenu ul li	{ font-size: 12px; margin:0; padding: 5px 10px 5px 10px; background: url(../img/bg_sidemenu_li.gif) no-repeat left bottom; }
#sidemenu ul li a	{ }
#sidemenu ul li a:hover	{ text-decoration: none; }
#sidemenu ul li a.current	{ font-weight: bold; text-decoration: none; }

#sidemenu ul li ul li { font-size: 11px; margin:0;padding: 5px 10px 0 10px; background: none; }
#sidemenu ul li ul li a	{ padding: 0; margin:0; color: #333; }
#sidemenu ul li ul li a:hover	{ text-decoration: none; color: #333;  }
#sidemenu ul li ul li a.current	{ font-weight: bold; text-decoration: none; }

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

h1 { margin:10px 0 30px 0; font-size: 24px; font-weight: normal; color: #1F579F; }
h2 { margin:20px 0 10px 0; font-size: 14px; font-weight: normal; color: #1F579F; }

ul {list-style-image: url(../img/li_icon.gif); }


/* ---- news ----*/


.news-start-list-container { }
.news-start-list-item { width:130px; height: 100px; overflow:hidden; padding: 5px; float:left; }

.news-list-container { color:#000000; }
.news-list-item { width:265px; height: 100px; padding:5px; margin: 0 10px 10px 0; border: #C4CFD7 1px dotted; float:left; }
.news-list-small-image { float:left; width:120px; }
.news-list-title { float:right; width: 135px; font-size:12px; font-weight:bold; }

.news-single-item { }
.news-single-item h2 { }
.news-single-backlink  { }

.news-list-container_ref {color:#000000; }
.news-list-item_ref { float:left; width:170px; height:175px; padding:5px; margin:0 10px 10px 0; border: #C4CFD7 1px dotted; text-align:center; }
.news-list-small-image_ref { width:170px; text-align:center; }
.news-list-title_ref { text-align:center; font-size:12px; font-weight:bold; }


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

.tx-thmailformplus-pi1 { margin-top:0px; }

form {
margin:0;
}

.required {
font-size: 11px;
color:#666;
}

.red { color:#CC0000; }

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;
}

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


input.submit, #submit input {
margin: 5px 0 0 110px;
}



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

#footer div.left { width: 326px; float: left; }
#footer div.right { width: 326px; float: right; text-align: right; }


#footer a { color: #1A539D; }
#footer a:hover { color: #1A539D; }



/*-------- huellen infos ------- */

#container_info2 { position:relative; left:0px; top:0px; width:453px; visibility: visible; z-index:15;}
#container_info2 DIV { color:#ffffff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height:14px;}

#container_info2 #mouseover1 { position:absolute; left:-21px; top:-7px; width:425px; height:350px; visibility: hidden; z-index:1; background-image:url(/fileadmin/img/huellen_01/img_mouseover_1.gif); background-repeat:no-repeat; }
#container_info2 #mouseover1 #linkDiv { position:absolute; left:250px; top:170px; visibility: inherit; }
#container_info2 #mouseover1 #textDiv { position:absolute; left:13px; top:13px; width:210px; height:330px; visibility: inherit; Overflow: hidden;}

#container_info2 #mouseover2 { position:absolute; left:29px; top:-21px; width:455px; height:280px; visibility: hidden; z-index:2; background-image:url(/fileadmin/img/huellen_01/img_mouseover_2.gif); background-repeat:no-repeat; }
#container_info2 #mouseover2 #linkDiv { position:absolute; left:0px; top:95px; visibility: inherit; }
#container_info2 #mouseover2 #textDiv { position:absolute; left:210px; top:13px; width:200px; height:200px; visibility: inherit; Overflow: hidden;}

#container_info2 #mouseover3 { position:absolute; left:15px; top:36px; width:406px; height:144px; visibility: hidden; z-index:3; background-image:url(/fileadmin/img/huellen_01/img_mouseover_3.gif); background-repeat:no-repeat; }
#container_info2 #mouseover3 #linkDiv { position:absolute; left:280px; top:25px; visibility: inherit; }
#container_info2 #mouseover3 #textDiv { position:absolute; left:15px; top:13px; width:230px; height:120px; visibility: inherit; Overflow: hidden;}

#container_info2 #mouseover4 { position:absolute; left:-18px; top:149px; width:450px; height: 150px; visibility: hidden; z-index:4; background-image:url(/fileadmin/img/huellen_01/img_mouseover_4.gif); background-repeat:no-repeat; }
#container_info2 #mouseover4 #linkDiv { position:absolute; left:280px; top:85px; visibility: inherit; }
#container_info2 #mouseover4 #textDiv { position:absolute; left:13px; top:8px; width:190px; height:70px; visibility: inherit; Overflow: hidden;}

#info {
height:auto;
}

#container_info { position:relative; left:0px; top:0px; width:349px; height:292px; visibility: visible; z-index:15;}
#container_info DIV { color:#ffffff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height:14px;}

div#linkDiv a:hover {background-color:transparent; padding:0; margin:0; border:0;}

#container_info #mouseover1 { position:absolute; left:48px; top:-7px; width:365px; height:355px; visibility: hidden; z-index:1; background-image:url(/fileadmin/img/huellen_02/img_mouseover_1.gif); background-repeat:no-repeat; }
#container_info #mouseover1 #linkDiv { position:absolute; left:-20px; top:139px; visibility: inherit; background:transparent; border:0; padding:0; margin:0;}
#container_info #mouseover1 #textDiv { position:absolute; left:145px; top:13px; width:210px; height:320px; visibility: inherit; Overflow: hidden;}

#container_info #mouseover2 { position:absolute; left:25px; top:15px; width:388px; height:227px; visibility: hidden; z-index:2; background-image:url(/fileadmin/img/huellen_02/img_mouseover_2.gif); background-repeat:no-repeat; }
#container_info #mouseover2 #linkDiv { position:absolute; left:-5px; top:30px; visibility: inherit; background:transparent; border:0;padding:0; margin:0;}
#container_info #mouseover2 #textDiv { position:absolute; left:183px; top:12px; width:190px; height:200px; visibility: inherit; Overflow: hidden;}

#container_info #mouseover3 { position:absolute; left:-54px; top:13px; width:369px; height:144px; visibility: hidden; z-index:3; background-image:url(/fileadmin/img/huellen_02/img_mouseover_3.gif); background-repeat:no-repeat; }
#container_info #mouseover3 #linkDiv { position:absolute; left:275px; top:38px; visibility: inherit; background:transparent; border:0;padding:0; margin:0;}
#container_info #mouseover3 #textDiv { position:absolute; left:15px; top:13px; width:235px; height:120px; visibility: inherit; Overflow: hidden;}

#container_info #mouseover4 { position:absolute; left:-89px; top:164px; width:410px; height: 150px; visibility: hidden; z-index:4; background-image:url(/fileadmin/img/huellen_02/img_mouseover_4.gif); background-repeat:no-repeat; }
#container_info #mouseover4 #linkDiv { position:absolute; left:260px; top:67px; visibility: inherit; background:transparent; border:0;padding:0; margin:0;}
#container_info #mouseover4 #textDiv { position:absolute; left:15px; top:10px; width:190px; height:70px; visibility: inherit; Overflow: hidden;}


/*--------- online Anfrage ----------*/

div#content form#OAF .hinweis {
	font-size:11px;
}

div#content form#OAF .hidden {
	visibility:hidden;
}

div#content form#OAF .visible {
	visibility:visible;
}

div#content form#OAF .hinweis2 {
	font-size:11px;
	 margin-left: 160px; /* Breite.*/
}

form#OAF label { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 165px; /* Breite.*/
  font-weight: bold;
  font-size:11px;
  color:#1A539D;
  margin-left:5px;
}


form#OAF fieldset {
 background:#E0E9F3 url(../img/list_bg.gif) left top repeat;
 border: 1px solid #C5D4E6;
 margin-bottom:5px;
 padding-top:15px;
 font-size:11px; 
}

form#OAF legend {
border:0;
}

form#OAF h2 { font-size:12px; font-weight:bold; color:#1A539D; }


form#OAF input#field_17, form#OAF input#field_18, form#OAF input#field_23, form#OAF input#field_24 { 
  display: inline;
  width: 70px; /* Breite.*/
}


.input_file { width: 370px; color:#1A539D; }

form#OAF textarea { font-family:Arial, sans-sarif; font-size:11.5px; color:#1A539D; font-weight:normal; }





div#content form#OAF input, div#content form#OAF select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 320px; /* Breite.*/
  background:#ffffff;
  color:#19559D;
  font-weight:normal;

}


div#content form#OAF textarea { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
 
  background:#ffffff;
  color:#19559D;
  font-weight:normal;
}


div#content form#OAF input#field_27,div#content form#OAF input#field_28 {  /* Alle Labels UND Formularelemente auswählen */
  display: inline;
  float: none;
  width: 273px; /* Breite.*/
}

div#content form#OAF input#field_42 {
  display: inline;
  float: none;
  width: auto; /* Breite.*/
}



div#content form#OAF input#delete_file{ /* Alle Labels UND Formularelemente auswählen */
  display: inline;
  float: none;
  vertical-align:bottom;
  width: auto; 
  color:#19559D;
}



div#content form#OAF input#back,div#content form#OAF input#weiter ,div#content form#OAF input#abschicken { /* den Submit-Button */
  display:inline;
  float: none;
  width: auto;
  padding: 0 15px 0 15px;
  color:#ffffff;
  background:#19559D;
}


div#content form#OAF input#sendTo_customer{ /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: auto; /* Breite.*/
  background:#ffffff;
  color:#19559D;
  font-weight:normal;
}

.error{
	font-size: 10px;
	color: #e50000;
}


/* ------ gewichtsrechner -----*/

#hgr_hoehe { width:100px; }
#hgr_breite { width:100px; }
#hgr_gewicht { width:100px; }


/* ------- linkliste ------*/

.tx_ablinklist_listView_link { width:125px; height:100px; padding:5px; float:left; margin-right:6px; margin-bottom:6px; border: #C4CFD7 1px dotted; text-align:center; font-weight: bold; }
.tx_ablinklist_listView_link_bild { height:85px; width:125px; }



/* ------- buttons ------*/

input.btn, input.f_submit, input.submit, #submit input { border: #1A539D 1px solid; font-size: 12px; font-weight: bold; color: #fff; padding: 5px 10px 5px 10px; background-color: #1A539D; }


/* ------------------------------download----------------------------------- */

.csc-uploads {
width:100%;
font-size: 11px;
margin: 10px 0 20px 0;
}

.csc-uploads td {
background-color: #E0E9F3;
padding: 5px;
}

.csc-uploads p {
margin:0px;
 }

.csc-uploads-icon {
width: 40px;
text-align: center;
}

.csc-uploads-fileSize {
width: 40px;
}

/* ------------------------------tabellen----------------------------------- */

table.contenttable { width: 100%; }

.contenttable td {
margin:0;
padding: 5px;
font-size: 11px;
background-color:#E0E9F3;
color: #333;
text-align: center;
}

.contenttable td.td-0 { text-align: left; }

.contenttable td p {
margin:0;
}

.td-0, .tr-0 {
font-weight: bold;
}