/* DATEI: basis2.css */


body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;	
margin: 0;
padding:0;
color: #333;
background: #ffffff url(../img/bg_content.gif) repeat-y top left;
}

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

.hr {
display: none;
}

.small {
font-size:11px;
}

img {
border: none;
}

a { 
color: #0048A9;
text-decoration:none;
}

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

ul { list-style-type: square; }

#main {
width: 975px;
}

/* ------------- Headernav ------------------- */

#headerNav { font-size: 11px; color: #fff; width: 945px; padding: 0 15px 0 15px; height: 30px; line-height: 30px; background-color: #0048A9; border-bottom: #fff 2px solid; }

#headerNav ul {margin:0; padding:0; list-style-type: none; }
#headerNav ul li {float:left; margin: 0 20px 0 0; padding: 0 0 0 15px; background: url(../img/dot.gif) no-repeat left; }
#headerNav ul li a{color:#ffffff;text-decoration:none; }
#headerNav ul li a:hover{color:#ffffff;text-decoration:underline; }
/* ------------- Header ------------------- */

#headerContainer {
width: 975px;
height: 130px;
background: #0048A9;
border-bottom: #fff 2px solid; 
}

#headerClaim {
float:left;
width: 788px;
height: 130px;
overflow: hidden;
border-right: #fff 2px solid;
background: url(../img/headerimg1.jpg) no-repeat left;
}

#headerLogo {
float:right;
width: 185px;
height: 130px;
overflow: hidden;
}

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

#menu { color: #fff; width: 765px; padding: 0 15px 0 195px; height: 30px;
line-height: 22px; background-color: #0048A9; border-bottom: #fff 2px solid; font-size: 13px;}

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

#menu table td {
padding: 4px 5px 4px 5px;
}

#menu table td a	{
color: #ffffff;
padding: 0 4px 0 4px;
display:block;
font-weight: bold;
}

#menu table td a:hover	{
text-decoration:none;
background-color: #5988C7;
}

#menu table td a.current	{
text-decoration:none;
background-color: #5988C7;
}

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

.layermenu li {
margin: 0;
padding: 0;
text-align: left;
background-color: #5988C7;
border-bottom: #fff 1px solid;
}

.layermenu li a	{
color: #ffffff;
display:block;
padding: 5px;
}

.layermenu li a:hover	{
color: #ffffff;
text-decoration:none;
background-color: #0048A9;
}


/* ------------- Contentbereich ------------------- */

#contentContainer1 {
width: 975px;
}

#sideNav {
float: left;
width: 156px;
padding: 15px 15px 15px 14px;
color: #fff; 
background: url(../img/bg_side.jpg) repeat-x top left;
}

#sideNav ul {margin:0; padding:0; list-style-type: none; }
#sideNav ul li {margin:10px 0 0 0; padding:0 0 0 15px; background: url(../img/dot_sidenav.gif) no-repeat left top; }
#sideNav ul li.current { font-weight: bold; }
#sideNav ul li a { color:#ffffff; text-decoration:none; }
#sideNav ul li a:hover { color:#ffffff; text-decoration:underline; }
ul#subsidemenu { font-size: 11px; padding: 0; margin: 0 0 5px 0; }
ul#subsidemenu li { margin: 5px 0 0 0; background:none; }
ul#subsidemenu li a {}
ul#subsidemenu li a:hover {}

#contentContainer2 {
float:right;
width: 770px;
padding: 0 0 20px 0;
}



#col1 {
float: left;
width: 565px;
padding-top: 20px;
}

#col1 h1 { font-size: 20px; margin: 0 0 20px 0; font-weight: normal; }

#rightcontent {
float: right;
width: 156px;
padding: 15px 15px 15px 14px;
background: url(../img/bg_side.jpg) repeat-x top left;
}

#col2 {}

span.important { font-size: 11px; color: #E20949; }

h1 { font-size: 20px; color:#0048A9; }
h2 { font-size: 16px; color:#0048A9; }
h3 { font-size: 14px; color:#0048A9; }

p.csc-linkToTop { font-size: 11px; text-align: right; border-top: #ccc 1px solid; }
p.csc-linkToTop a { color: #999; }
p.csc-linkToTop a:hover { color: #666; }


ul.csc-menu { margin: 15px 0 15px 0; padding:10px 0 5px 15px; list-style-type: none; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; }
ul.csc-menu ul { margin: 0; padding:10px 0 5px 15px; list-style-type: none; }

ul.csc-menu li {margin:0 0 5px 0; padding:0 0 0 15px; background: url(../img/dot_sidenav.gif) no-repeat left top; }
ul.csc-menu li a { }
ul.csc-menu li a:hover { }

div#suchbox { margin: 30px 0 30px 0; padding: 5px 0 4px 0; border-top: #fff 1px solid; border-bottom: #fff 1px solid; }
input.sword { font-size: 11px; border: #0048A9 1px solid; width: 80px; height: 11px; line-height: 11px; padding: 3px 5px 3px 5px; color: #666; }

div#impressum { font-size: 10px; }
div#impressum a { color: #fff; }
div#impressum a:hover { color: #fff; }

.csc-textpic-caption {font-size: 11px; color: #666; }
table.contenttable { font-size: 11px; width: 100%; }
table.contenttable td { padding: 2px 4px 2px 4px; }
table.contenttable tr.tr-0 td { background-color: #0048A9; color: #fff; font-weight: bold; }
table.contenttable tr.tr-even { background-color: #f3f3f3; }
table.contenttable tr.tr-odd { background-color: #DEDEDE; }
table.contenttable p.bodytext { margin:0; }

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

form {
margin:0;
background-color: #f3f3f3;
padding: 10px;
}

div#suchbox form {
margin:0;
background: none;
padding: 0;
}

.required {
font-size: 11px;
}

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

#anrede select { width: 65px; }

#vorname_nachname, #datenschutz, #kunde, #betreff, #strasse, #land, #plz_ort,  #tel, #email, #www, #bemerkungen, #referer, #handelspotionen, #submit, #firstname, #lastname, #birthday, #zip_city,  #gender, #size, #weight, #address, #telephone, #subject, #experiences, #notice {
margin-top: 5px;
}

#eingabe_dynamic, #eingabe_rhytmus {
margin-top: 5px;
}

#eingabe_ebetrag, #eingabe_rdauer, #eingabe_zinsen, #eingabe_aufschlag {
margin-top: 10px;
}

#eingabe_mbetrag, #eingabe_edauer {
margin-top: 20px;
}


.title {
width: 150px;
float: left;
font-weight: bold;
font-size: 11px;
color: #333333;
}

.label {
width: 200px;
float: left;
font-weight: bold;
font-size: 11px;
color: #333333;
}



#strasse input, #betreff select, #tel input, #land 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: 200px;
font-family: Arial, sans-serif;
}

#eingabe_rhytmus select {
width: 100px;
font-family: Arial, sans-serif;
}

#eingabe_ebetrag input, #eingabe_mbetrag input, #eingabe_dynamic input, #eingabe_edauer input, #eingabe_rdauer input, #eingabe_zinsen input, #eingabe_aufschlag input {
width: 60px;
font-family: Arial, sans-serif;
}


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

#vorname_nachname input.firstname { width: 80px; }
#vorname_nachname input.lastname { width: 110px; margin-left: 5px; }

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

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

.chkbox {
width: 360px;
}

#datenschutz, #kunde { padding-left: 150px; font-size: 11px; }

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

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

div.fehler {
color: #cc0000;
font-size: 11px;
border: #cc0000 1px solid;
padding: 5px;
margin-bottom: 10px;
}

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


#submit input {
margin: 5px 0 0 150px;
border: #0048A9 1px solid;
padding: 2px 5px 2px 5px;
font-weight: bold;
color: #ffffff;
background-color: #0048A9;
text-decoration: none;
font-size: 11px;
}

#submit_rechner input {
margin: 20px 0 0 200px;
border: #0048A9 1px solid;
padding: 2px 5px 2px 5px;
font-weight: bold;
color: #ffffff;
background-color: #0048A9;
text-decoration: none;
font-size: 11px;
}

#submit input.newsletterSubscription, input.loginButton, .tx-indexedsearch input.tx-indexedsearch-searchbox-button {
margin: 5px 0 0 0;
border: #0048A9 1px solid;
padding: 2px 5px 2px 5px;
font-weight: bold;
color: #ffffff;
background-color: #0048A9;
text-decoration: none;
font-size: 11px;
}

.tx-indexedsearch input.tx-indexedsearch-searchbox-sword { border: #ccc 1px solid; }



/* ------------- Uploads ------------------- */

table.csc-uploads { width: 100%; font-size: 11px; }

table.csc-uploads tr  {
background-color: #f3f3f3;
}

table.csc-uploads p  {
margin: 3px 5px 3px 5px;
}

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

table.csc-uploads .csc-uploads-fileSize {
width: 100px;
}




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

div.news-latest-container { margin:30px 0 0 0; padding:5px; background:none; border:none; background-color: #5988C7; }
div.news-latest-container h2 { border:none; background:none; font-size: 12px; padding:0; }
div.news-latest-item { margin:0; padding:0; background:none; border:none; }
div.news-latest-item h3 { font-size: 11px; }
div.news-latest-item p.bodytext { font-size: 11px; }

div.news-list-container { margin:0; padding:0; background:none; border:none; }
div.news-list-item { margin:0; padding:0; background:none; border:none; }
div.news-list-item h3 { background-color: #0048A9; border: none; }
span.news-list-date {}
div.news-list-browse {}

div.news-single-item { margin:0; padding:0; background:none; border:none; }
div.news-single-timedata {}
div.news-single-item h2 { font-size: 20px; color:#0048A9; font-weight:normal; }
div.news-single-item h3 { font-size: 14px; color:#333; }
div.news-single-backlink {}