/******************************************
	CSS-Anweisungen f�r Content
******************************************/


/***************************/
/* General element styles: */
/***************************/
body, html { boder: 0; margin: 0; padding: 0; width: 100%; height: 100%; background: #ffffff;
	font: normal 100.01% arial,helvetica,sans-serif; }
body, textarea { color: #000; line-height: 16pt; }
a {  color: #000; font-weight: normal; }
a:hover { text-decoration: underline; }
a:visited {}
a:active {}
form { margin: 0;}
p, pre { margin: 0 0; }
p, td, ul, ol { font-size: 10pt; }
ul ul, ul ul ul, ol ol, ol ol ol { font-size: 10pt; }
input, textarea, select { padding: 1px; font-size: 10pt; border: 1px solid #aaaaaa; }
strong, b {font-weight: bold;}
hr { 
	margin: 0; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	margin: 1em 0; }
p { line-height: 16pt; margin-top: 0; margin-bottom: 0; }
li { line-height: 19pt; margin-top: 0; margin-bottom: 0; }
ul, ol { margin-top: 0; margin-bottom: 0;  padding-left: 0; }
ul { list-style-type: disc; }
ol { list-style-typ: decimal; }
img { border: 0; }
fieldset { margin: 0; padding: 0; font-size: 10pt; }
legend { padding: 0; color: #000; font-weight: bold; font-size: 10pt; }

/******************/
/* Headers, plain */
/******************/
h1 { font-size: 12pt; }
h2 { font-size: 110%; }
h3 { font-size: 100%; }
h4 { font-size: 90%; }
h5 { font-size: 90%; }
h1, h2, h3, h4, h5 { margin: 0 0 0 0; }
.csc-header h1, .csc-header h2 { clear: both; }

/* Headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a { color: #000000; text-decoration: none; }
h2 a { color: #000; }
h3 a { color: #000; }
h4 a { color: #000; }
h5 a { color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }

/******************/
/* Tables, plain */
/******************/
/* RTE / Table styling */
table.contenttable { border: 1px #999999 solid; margin: 10px 0px 10px 0px; width: 100%; }
table.contenttable th { text-align: center; font-size: 10pt; padding: 1px 0; }
table.contenttable tr td { padding: 1px; font-size: 10pt; line-height: normal; vertical-align: top; }
table.contenttable tr { background-color: #f3f3f3; }

/*******************************************************
 ----- CSS-Anweisungen fuer das Layout des TYPO3 Projekts ----- 
***********************************************************/

#content-wrapper { position: relative; padding-top: 130px; left: 0px; width: 100%; z-index: 20; }
/* CONTENT */
#center-row { position: relative; top: 0px; left: 0px; width: 100%; padding: 0px; }
#vag-center-row { position: relative; top: 0px; left: 0px; width: 100%; padding: 10px 0 0 0; }
#content { padding-left: 32px; }
#start-right-content { position: relative; top: 0px; left: 480px; width: 420px; float: right; padding: 42px 0 22px; }
/* LINKE SPALTE */
#left-row { display: none; }
#start-left-content { position: relative; top: 0px; left: 106px; width: 374px; padding: 42px 0 22px; }
/* KOPFGRAFIK */
#header1 { position: absolute; top: 0px; left: 0px; width: 1000px; }
#header-img-left, #header-img-right, #vagheader-img-left, #vagheader-img-right  { display: none; }
#header-img-center, #vagheader-img-center { position: absolute; top: 0; left: 0px; }
/* OBERES MENU */
#header2 { display: none; }
#topmenu { display: none; }
/* ANWENDER MENU */
#header-products, #header3 { display: none; }
#subheader3, #subheader-products { padding-left: 330px; }

/*****************************************************
 ---- Stil-Anweisungen f�r Content-Elemente ----
******************************************************/

.hypoA-rot { color: #ff0000; font-weight: normal; font-family: impact, sans-serif; font-size: 16pt; }
.hypoA-schwarz { color: #000000; font-weight: normal; font-family: serif; font-size: 20pt; }
.rot { color: #ff0000; font-weight: bold; }
.schwarz { color: #000000; font-weight: bold; }


#pagetitle h1, #vag-pagetitle h1 { font-weight: bold; font-size: 18pt; padding-bottom: 19px; }

#content {}
#content a, #content-liste a { color: #df1919; text-decoration: none; }
#content ul, #content-liste ul { list-style: none; margin: 0; padding: 0; position: relative; left: -10px; }
#content ul li, #content-liste ul li { vertical-align: middle; margin: 0; padding: 0 0 0 45px; 
	background: url('/fileadmin/templates_hypoA/img/bullet_menu_no.gif') no-repeat; }
#content ol { margin: 0; padding: 0 0 20px 40px; }
#content ol li { vertical-align: middle; margin: 0; padding: 0; }
#content .bodytext, #content p { padding-bottom: 20px; }
#content p.align-right {text-align: right; }
div.hr { padding: 20px 0; background: #ffffff url('/fileadmin/templates_hypoA/img/linie.gif') no-repeat center; 
	border: 0; }
div.hr hr { display: none; }

/* --- Startseite --- */
#start-left-content ul, #start-right-content ul { list-style: none; margin: 0; padding: 0; position: relative; left: -5px; }
#start-left-content li, #start-right-content li { vertical-align: middle; margin: 0; padding: 0 0 0 25px; 
	background: url('/fileadmin/templates_hypoA/img/bullet_menu_no.gif') no-repeat; }
#start-left-content a, #start-right-content a { color: #df1919; text-decoration: none; font-weight: bold; }
#start-left-content .csc-textpic, #start-right-content .csc-textpic { padding-bottom: 10px; }

/* --- Kontakt-Formular --- */
fieldset.csc-mailform { border: 0; }
fieldset.csc-mailform * { color: #000; font-size: 10pt; font-family: arial,helvetica,sans-serif; }
.csc-mailform-field, .csc-mailform div { padding: 0 0 20px; position: relative; }
.csc-mailform-field .mf-label { position: relative; padding-right: 1em; }
.csc-mailform-field .mf-input { position: absolute; left: 150px; width: 170px; }
.csc-mailform-field .mf-select { position: absolute; left: 172px; width: 152px; }
.csc-mailform-field fieldset { border: 0; }
.csc-mailform-field .mf-radio { margin: 0 1em 0 0; border: 0; }
.csc-mailform-field .mf-text { display: block; width: 400px; }
.csc-mailform-field .mf-submit { color: #000; background-color: #fff; font-size: 10pt; 
	position: relative; left: 280px; }
	
/* --- Extension newloginbox --- */
.tx-newloginbox-pi1 { font-size: 10pt; }
.tx-newloginbox-pi1 h3 { font-size: 12pt; }
.tx-newloginbox-pi1 th { text-align: left; }
.tx-newloginbox-pi1 input[type=submit] { margin-bottom: 20px; }
.tx-newloginbox-pi1 p { padding-bottom: 20px; }
* html .login_form { width: 220px; float: left; }

/* Fachbereich f�r Wiederverk�ufer */
#fachbereich {
  width: 130px;
  height: 36px;
  margin: 0px;
  padding-left: 22px;
  padding-top: 13px;
  border: 1px solid #aec1c7;
  font-size: 10pt;
  font-weight: bold;
  color: #D91253;
}
#fachbereich A {
  font-size: 10pt;
  font-weight: bold;
  color: #D91253;
  text-decoration: none;
}


/*************************************************
* --- Styles der Extension ve_guestbook
*************************************************/

.tx-veguestbook-pi1, .tx-veguestbook-pi1 * { color: #0d4494; font-size: 10pt; font-family: arial,helvetica,sans-serif; }
.tx-veguestbook-pi1 br { line-height: 0; }
.tx-veguestbook-pi1 input { padding: 0 2px; }
.tx-veguestbook-pi1 textarea { width: 360px;  padding: 0 2px; height: 80px; }
.tx-veguestbook-pi1 table td { padding: 5px 0; } 
.tx-guestbook-form-inputfield-med, .tx-guestbook-form-inputfield-big { width: 240px; }
.tx-guestbook-form-obligationfield { color: #df1919; }

.tx-guestbook-list-table { padding: 0; margin: 5px 0; width: 100%; border: 1px solid #bbb; }
.tx-guestbook-list-table tr td { font-size: 1em; padding: 3px; }
.tx-veguestbook-pi1 .tx-guestbook-list-header { background-color: #e4e4e4; font-weight: bold; font-size: 14px; 
	border-bottom: 1px solid #bbbbbb; }
.tx-guestbook-list-rowleft { background-color: #f6f6f6; font-weight: bold; }
.tx-guestbook-list-rowleft p { margin: 0; }
.tx-guestbook-list-row { background-color: #ffffff; }
.tx-guestbook-list-small { color: #666666; }

.tx-srfreecap-pi2-cant-read  { color: #0d4494; display: block; font-size: 1em; }
img.tx-srfreecap-pi2-image { border: 1px solid #aaaaaa; margin: 3px 0 6px 0; }