/* DATEI: basis.css */

html {height: 101%;}

body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:140%;
color: #517177;
margin: 0;
padding: 0;
text-align: left;
background: #fff url(../img/bg_body.gif) repeat-x top left;
}

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

img {
border: none;
}

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

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

li.current a.current { color:#48828D; font-weight:bolder; }

#pageImg { position: absolute; top:0; right:0; width: 150px; height: 630px; overflow:hidden; padding:0; }

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

#headerBox {
height: 210px;
background: url(bg_header.gif) repeat-x top left;
}

#headerBox #logo {
height: 210px;
width: 310px;
overflow:hidden;
}

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

#contentBox { width: 760px; padding-top: 30px; background-color: #fff; }
#nav { float: left; width: 150px; padding-left: 30px; }
#nav ul { margin:0; padding:0; list-style-type: none; }
#nav ul li { margin:0 0 15px 0; padding:0; }
#nav ul li a { color: #517177; }

#content { float: left; width: 550px; padding-left: 30px; }
#content h1 { font-size: 20px; margin: 0 0 30px 0; font-weight: normal; }


dl.csc-textpic-image { padding: 5px; }
#pageImg dl.csc-textpic-image { padding: 0; }

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

form {
margin:0;
}

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

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: #517177;
}



#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;
border:1px solid #ccc;
}


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

#plz_ort input.plz  {
width: 35px;
border:1px solid #ccc;
}

#plz_ort input.ort  {
width: 128px;
margin-left: 5px;
border:1px solid #ccc;
}

.chkbox {
width: 360px;
}

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

.formerror, .error {
color: #FC4F13;
font-size: 11px;
font-weight: bold;
border: #FC4F13 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;
border: #517177 1px solid;
padding:0;
font-weight: bold;
color: #ffffff;
background-color: #517177;
text-decoration: none;
font-size: 11px;
}

p.bodytext-formtext { font-size:10px; }