/* 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:20px 5px 20px 5px;
color: #333;
background: #6A95BE url(../img/bg_body.jpg) repeat-x top left; 
}

.breaker {
overflow: hidden;
clear: both;
height: 0px;
}

img {
border: none;
}

a { 
color:#660000;
text-decoration:underline;
}

a:hover {
color:#660000;
text-decoration:none;
}

/* ------------- Container ------------------- */

#main { width: 783px; overflow:hidden; margin: 0 auto; padding-bottom: 10px; text-align: left; background: #fff url(../img/bg_main.gif) no-repeat bottom left; }
#headerContainer { margin: 0; position: relative; width: 783px; height: 135px; background: url(../img/bg_header.gif) no-repeat top left;  }
#contentContainer { width: 765px; padding: 0 10px 0 10px; background: url(../img/bg_content.gif) repeat-y top left;  }
#col1 { width: 160px; padding: 20px 15px 15px 15px; float:left; border-left: #fff 1px solid; }
#contentContainer2 { width: 553px;  float:right; padding-top: 20px; }
#col2 { width: 362px; float:left; }
#col3 { width: 175px; float:right; }
#footer { width: 783px; margin: 0 auto; font-size: 11px; color: #fff; padding-top: 10px; }

/* ------------- Header ------------------- */

#headerNav { position: absolute; right: 21px; top: 15px; }

#headerNav ul {
padding: 0;
margin:0;
list-style-type:none;
}

#headerNav {
float:left;
height: 20px;
line-height: 20px;
font-size: 11px;
}

#headerNav a { color: #013A96; padding:0; text-decoration:none; }

#headerNav a:hover { text-decoration:underline; }

#headerNav a.current {
text-decoration: none;
}

#headerLogo {
position:absolute;
top: 10px;
left: 11px;
width: 140px;
height: 100px;
overflow: hidden;
}

/* ------------- Menu ------------------- */

#menu { position: absolute; right: 16px; top: 85px; }

#menu ul {
padding: 0;
margin:0;
list-style-type:none;
}

#menu li	{
float:left;
height: 20px;
line-height: 20px;
font-size: 12px;
font-weight: bold;
}

#menu li a	{ color: #013A96; margin: 0 9px 0 9px; text-decoration:none; }

#menu li a:hover	{ text-decoration:underline; }

#menu li a.active	{
text-decoration: underline;
}


/* ------------- Startseite ------------------- */

#mainimgStartseite {
width: 763px;
height: 279px;
border: #ffffff 1px solid;
padding: 0 10px 0 10px; 
}

#mainimgFolgeseite {
width: 763px;
height: 202px;
border: #ffffff 1px solid;
padding: 0 10px 0 10px; 
}

.boxes {
width: 764px;
height: 170px;
border-right: #ffffff 1px solid;
border-bottom: #ffffff 1px solid;
background-color: #CC9933;
}

.box {
width: 190px;
height: 170px;
float:left;
margin:0px;
padding:0px;
border-left: #ffffff 1px solid;
text-align: center;
}

.box h3 {
font-weight:bold;
font-size: 12px;
color: #ffffff;
margin: 0px;
height: 20px;
padding-top: 10px;
}

.box h2 {
font-size: 14px;
font-weight:normal;
color: #ffffff;
margin: 0px;
height: 20px;
padding-bottom: 10px;
}

.box a, #box a:hover {
color: #fff;
text-decoration: none;
}

#logoblock { background-color: #fff; padding-top: 10px; text-align: center; height: 60px; overflow:hidden; }


/* ------------- sidemenu ------------------- */

#sidetitle h3 { color: #CC9933; font-weight: bold; font-size: 12px; margin: 0 0 15px 0; }

#sidemenu { margin-bottom: 15px; }

#sidemenu ul {
padding: 0;
margin:0;
list-style-type:none;
background: url(../img/bg_sidemenu_li.gif) repeat-x left bottom;
}

#sidemenu ul li	{ font-size: 12px; margin:0; padding: 5px 5px 5px 12px; background: url(../img/bg_sidemenu_li.gif) repeat-x left top; }
#sidemenu ul li.current	{ background: url(../img/sidemenu_li_current.gif) no-repeat left top; }
#sidemenu ul li a	{ color: #333; text-decoration:none; }
#sidemenu ul li a:hover	{ text-decoration: none; color: #CC9933; }
#sidemenu ul li a.current	{ font-weight: bold; text-decoration: none; color: #CC9933; }

#sidemenu ul li ul  {  background: 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: #000; }
#sidemenu ul li ul li a:hover	{ text-decoration: none; color: #000;  }
#sidemenu ul li ul li a.current	{ font-weight: normal; text-decoration: none; }

#logoblockSide { padding-top: 10px; text-align: center; }

/* ------------- maincontent ------------------- */

#col2 h1 { margin:0 0 15px 0; font-size: 24px; font-weight: normal; color: #660000; }
#col2 h2 { margin:10px 0 10px 0; font-size: 14px; font-weight: bold; color: #660000; }
#col2 ul { list-style-image: url(../img/list_dot.gif); }

#col3 .boxRight { background-color: #FDEDBF;  font-size: 11px; padding: 10px; margin-bottom: 10px; }
#col3 .boxRight h1 { margin:0 0 10px 0; font-size: 11px; font-weight: bold; color: #333;  }
#col3 .boxRight ul { padding-left: 12px; margin-left: 0; list-style-image: url(../img/list_dot.gif); }

/*--- bilder beschreibungen ---*/
.csc-textpic-caption, p.csc-caption { font-size:11px; margin: 3px 0 3px 0; }



/* ------------- Formulare ------------------- */

.tx-thmailformplus-pi1 { margin-top:0px; }

form {
margin:0;
}

.required {
font-size: 11px;
color:#660000;
}

.red { color:#660000; }

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: 220px;
font-family: Arial, sans-serif;
}

#veranstaltung input {
width:290px;
}

#bemerkungen textarea {
width: 330px;
height: 150px;
font-family: Arial, sans-serif;
}

#plz_ort input.plz  {
width: 40px;
}

#plz_ort input.ort  {
width: 170px;
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;
}

#submit {
text-align: right; }

input.submit, #submit input, input.btn {
margin: 5px 0 0 0;
border: #D1993C 1px solid;
padding: 2px 5px 2px 5px;
font-weight: bold;
color: #ffffff;
background-color: #D1993C;
text-decoration: none;
font-size: 11px;
}


/* --- raumplanungsform --- */

#ra .plz { width:40px; }
#ra .termin { width:210px; }
#ra .auto_termin { width: 180px; }
#ra .bemerkungen { width:210px; height:150px; }


/* --- angebotsform --- */

#angebot .plz { width:40px; }
#angebot .termin { width:210px; }
#angebot .auto_termin { width: 180px; }
#angebot .bemerkungen { width:210px; height:150px; }
#angebot .sonstiges { width:120px; }
#angebot .ort { margin-left: 2px; width: 162px; }
#angebot .bewirtung { width: 210px; }

#prospekt { float:left; width:330px; margin-top:10px; margin-bottom:10px; }
.prospekt { float:left; width:220px; font-size:10px; margin-left:5px; }
.checkbox { float:left; width:105px; height:30px; text-align:right; }



fieldset { padding: 10px; border: #D1993C 2px solid; }



/* ------------------------------download----------------------------------- */

.csc-uploads {
width:100%;
font-size: 11px;
margin: 10px 0 20px 0;
}

.csc-uploads td {
background-color: #FDEDBF;
padding: 5px;
}

.csc-uploads p {
margin:0px;
 }

.csc-uploads-icon {
width: 40px;
text-align: center;
}

.csc-uploads-fileSize {
width: 40px;
}

/* Tabellen */

.contenttable td {
margin:0;
padding: 5px;
font-size: 11px;
background-color:#FDEDBF;
}

.contenttable td p {
margin:0;
}

.td-0 {
font-weight: bold;
}


/* ------------- footer ------------------- */

#footer a { color: #fff; text-decoration:none; }
#footer a:hover { color: #fff; text-decoration:underline; }


/* image lists */
.csc-textpic { margin:0; padding:0; }
.csc-textpic-image  { margin:0; padding:0px; overflow:hidden; }
dd.csc-textpic-caption { margin:0; padding:0; overflow:hidden; }
.csc-textpic-image dt { margin:0; padding:0; overflow:hidden; }

.csc-textpic-imagewrap { margin:0; padding:0; }
.csc-textpic-imagerow { margin:0; padding:0; }

