/******************************************
	CSS-Anweisungen fuer Content
******************************************/

/* --- Farb-Definitionen ---- */
#BEISPIEL-FARBE .weiss-bkgr { background-color: #ffffff; }
#BEISPIEL-FARBE .blau-text { color: #0d4494; /*#0950a0;*/ }
#BEISPIEL-FARBE .rot-text { color: #df1919; }


/***************************/
/* General element styles: */
/***************************/
body, html { border: 0; margin: 0; padding: 0; width: 100%; height: 100%; background: #ffffff;
	font: normal 100.01% arial,helvetica,sans-serif; }
body, textarea { color: #0d4494; line-height: 20px; }
a { color: #0d4494; font-weight: normal; }
a:hover { text-decoration: underline; }
a:visited {}
a:active {}
form { margin: 0px;}
p, pre { margin: 0px 0px; }
p, td, ul, ol { font-size: 12px; }
ul ul, ul ul ul, ol ol, ol ol ol { font-size: 12px; }
input, textarea, select { padding: 1px; font-size: 12px; border: 1px solid #aaaaaa; color: #0d4494; }
strong, b {font-weight: bold;}
hr { 
	margin: 0px; /* 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: 20px; margin-top: 0; margin-bottom: 0; }
li { line-height: 20px; 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-type: decimal; }
img { border: 0; }
fieldset { margin: 0; padding: 0; font-size: 12px; }
legend { padding: 0; color: #0d4494; font-weight: bold; font-size: 12px; }
blockquote { margin: 0; padding-left: 6em; }

/******************/
/* Headers, plain */
/******************/
h1 { font-size: 14px; }
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: #535c2e; }
h3 a { color: #000; }
h4 a { color: #333399; }
h5 a { color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }

/******************/
/* Tables, plain */
/******************/

/* --- Tablelle allgemein --- */
table { border: 1px #999999 solid; margin: 10px 0px 10px 0px; width: 100%; }
table th { text-align: center; padding: 1px 2px; line-height: normal; font-size: 11px; border: 1px solid #fff; }
table tr td { padding: 1px 3px; line-height: normal; font-size: 11px; vertical-align: top; border: 1px solid #fff; }
table tr { background-color: #f3f3f3; }
#content table p, #content table .bodytext { padding: 0; font-size: 11px; }

/* -- Therapeutenlisten --- */
.therapeutenliste { border: 1px #999999 solid; margin: 10px 0px 10px 0px; width: 100%; }
.therapeutenliste th { text-align: center; padding: 1px; border: 1px solid #fff; }
.therapeutenliste tr td { padding: 1px; border: 1px solid #fff;}
.therapeutenliste tr { background-color: #f3f3f3; }
#content .therapeutenliste p.bodytext { padding: 0; font-size: 11px; line-height: normal; }
#content .therapeutenliste td.subheader p { font-size: 12px; padding-left: 1em; font-weight: bold; }

/* Tabelle unsichtbar */
.unsichtbar { border: 0; width: 60%; margin-bottom: 40px; }
.unsichtbar tr { background-color: #fff; }
.unsichtbar td a { background: url('/fileadmin/templates_hypoA/img/bullet_menu_no.gif') no-repeat left -3px; padding-left: 25px; }

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

#content-wrapper { position: absolute; top: 160px; left: 0px; width: 1000px; z-index: 20; }
/* CONTENT */
#center-row { position: absolute; top: 0px; left: 220px; width: 560px; padding: 22px; }
#vag-center-row { position: absolute; top: 0px; left: 228px; width: 480px; padding: 22px; }
#pagetitle { padding-left: 32px; }
#content { padding-left: 32px; }
#start-right-content { position: absolute; top: 0px; left: 520px; width: 370px; padding: 42px 0 22px; }


/* LINKE SPALTE */
#left-row { position: absolute; top: 0px; left: 0px; width: 220px; padding: 12px 0; }
#start-left-content { position: absolute; top: 0px; left: 156px; width: 350px; padding: 42px 0 22px; }

/* KOPFGRAFIK */
#header1 { position: absolute; top: 0px; left: 0px; width: 1000px; }
#header-img-left, #vagheader-img-left { position: absolute; top: 0; left: 0; }
#header-img-center,#vagheader-img-center  { position: absolute; top: 0; left: 160px; z-index: 11; }
#header-img-right, #vagheader-img-right { position: absolute; top: 0; right: 0; z-index: 0; }
#vagheader-img-add { position: absolute; top: 110px; left: 700px; z-index: 10; }

/* OBERES MENU */
#header2 { position: absolute; top: 10px; left: 0px; width: 1000px; z-index: 20; text-align: right; }
#langmenu { text-align: right; padding-left: 314px; float: left; }
#topmenu { text-align: right; padding-right: 36px; padding-top: 2px; }
/* ANWENDER MENU */
#header-products, #header3 { position: absolute; top: 106px; left: 0px; width: 1000px; z-index: 16; }
#subheader-products { padding-left: 308px; }
#subheader3 { padding-left: 308px; }

/* RECHTE SPALTE */
#right-row { position: absolute; top: 134px; left: 833px; width: 167px; }
/*****************************************************
 ---- Stil-Anweisungen f�uer Content-Elemente ----
******************************************************/

.hypoA-rot { color: #ff0000; font-weight: normal; font-family: impact, sans-serif; font-size: 18px; }
.hypoA-schwarz { color: #000000; font-weight: normal; font-family: serif; font-size: 22px; }
.rot { color: #ff0000; font-weight: bold; }
.schwarz { color: #000000; font-weight: bold; }


/* --- META-Menu --- */
#topmenu ul {  text-align: right; margin: 0; padding: 0; list-style: none; }
#topmenu li { display: inline; }
#topmenu a { text-decoration: none; color: #555; font-weight: bold; font-size: 11px; padding-left: 9px; }
#topmenu .cur a { color: #df1919; }

/* --- ANWENDER-Menu --- */
#extramenu ul, #header-products ul { margin: 0; padding: 0; color: #555; list-style: none; }
#extramenu li, #header-products li { background: url('/fileadmin/templates_hypoA/img/list-bullet-grau.gif') left 3px no-repeat; 
	padding: 0 7px 0 11px; float: left; }
#extramenu a, #header-products a { text-decoration: none; color: #555; font-weight: bold; font-size: 11px; }
#extramenu .cur a { color: #df1919; }

/* --- MAIN-Menu --- */
#leftmenu h2 { background: url(../img/linie_ProdKat.gif) no-repeat bottom; font-size: 12px;
	padding: 0 0 0 22px; }
#leftmenu ul { margin: 0; padding: 0 0 19px 0; list-style: none; }
#leftmenu li { vertical-align: middle; margin: 0; padding: 0 0 0 25px; line-height: 16px; }
#leftmenu li.level1 { background: url('/fileadmin/templates_hypoA/img/menu-bkgr.gif') no-repeat; 
	padding: 2px 0 3px 12px; margin-top: 10px; line-height: 20px; }
#leftmenu li.level2 { margin-left: 0px; }
#leftmenu li.level3 { margin-left: 16px; }
#leftmenu .no { color: #0d4494; background: url('/fileadmin/templates_hypoA/img/bullet_menu_no.gif') no-repeat; }
#leftmenu .act { color: #0d4494; background: url('/fileadmin/templates_hypoA/img/bullet_menu_act.gif') no-repeat;}
#leftmenu .cur { color: #df1919; background: url('/fileadmin/templates_hypoA/img/bullet_menu_act.gif') no-repeat; }
#leftmenu a { text-decoration: none; font-weight: bold; font-size: 11px; color: #555; }
#leftmenu .cur a { color: #df1919; }
#leftmenu .level1 a { color: #0d4494; font-size: 12px; }
#leftmenu .level3 a { font-weight: normal; }

#langmenu a { padding: 0 5px; }

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

#content {}
#content a, #content-liste a, #vag-content a { color: #df1919; text-decoration: none; }
#content strong a, #content-liste strong a, #vag-content strong a { font-weight: bold; }
#content ul, #content-liste ul, #vag-content ul { list-style: none; margin: 0; padding: 0; position: relative; left: -10px; }
#content ul li, #content-liste ul li, #vag-content 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, #bag-content ol { margin: 0; padding: 0 0 20px 40px; }
#content ol li, #vag-content ol li { vertical-align: middle; margin: 0; padding: 0; }
#content .bodytext, #content p, #vag-content p { padding-bottom: 25px; }
#content p.align-right, #vag-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; }
.csc-textpic-caption { font-size: 12px; }

/* --- 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: #0d4494; font-size: 12px; 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: #df1919; background-color: #fff; font-size: 12px; 
	position: relative; left: 280px; }
	
/* --- Extension newloginbox --- */
.tx-newloginbox-pi1 { font-size: 12px; }
.tx-newloginbox-pi1 table {border: 0; margin: 0; width: auto; }
.tx-newloginbox-pi1 table tr { background-color: #fff; }
.tx-newloginbox-pi1 h3 { font-size: 14px; }
.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 fuer Wiederverkaeufer */
#fachbereich {
  width: 130px;
  height: 36px;
  margin: 0px;
  padding-left: 22px;
  padding-top: 13px;
  border: 1px solid #aec1c7;
  font-size: 12px;
  font-weight: bold;
  color: #D91253;
}
#fachbereich A {
  font-size: 12px;
  font-weight: bold;
  color: #D91253;
  text-decoration: none;
}


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

.tx-veguestbook-pi1, .tx-veguestbook-pi1 * { color: #0d4494; font-size: 12px; font-family: arial,helvetica,sans-serif; }
.tx-veguestbook-pi1 br { line-height: 0; }
.tx-veguestbook-pi1 fieldset { padding: 1em; }
.tx-veguestbook-pi1 input { padding: 0 2px; }
.tx-veguestbook-pi1 textarea { position: relative; width: 360px;  padding: 0 2px; height: 80px; left: 20px; }
.tx-veguestbook-pi1 table td { padding: 5px 0; } 
.tx-veguestbook-pi1 .tx-guestbook-field { position: relative; padding: 0 0 5px 0; }
.tx-guestbook-form-inputfield-med, .tx-guestbook-form-inputfield-big { width: 240px; position: absolute; left: 83px; }
.tx-guestbook-form-obligationfield { color: #df1919; }
.tx-guestbook-submit { font-weight: bold; }

.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-guestbook-field img { display: block; position: relative; left: 83px; }

.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; }
#freecap { display: block; position: relative; left: 83px; }

/*********************************************
* --- Styles der Extension sr_emailsubscribe
*********************************************/

.tx-sremailsubscribe-pi1 fieldset { padding: 10px; }
#content .tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-notice { margin: 0; padding: 0; }
.tx-sremailsubscribe-pi1 dt { width: 36%; }
.tx-sremailsubscribe-pi1 dl.tx-sremailsubscribe-pi1-multiple-checkboxes { padding: 0; }
#content .tx-sremailsubscribe-pi1-error { padding: 0; }
.tx-sremailsubscribe-pi1 input { padding: 1px; }

/*********************************************
* --- Styles zu den News
**********************************************/

.news-list-item hr.clearer { display: none; }

/* --- Startseite --- */
#start-left-content .news-list-container, #start-right-content .news-list-container { padding: 0 1em; }
#start-left-content .news-list-item, #start-right-content .news-list-item { padding-bottom: 20px; }
#start-left-content .news-list-title { background: url('/fileadmin/templates_hypoA/img/start-menu-bkgr-blau.gif') 6px 0 no-repeat; }
#start-right-content .news-list-title { background: url('/fileadmin/templates_hypoA/img/start-menu-bkgr-rot.gif') 6px 0 no-repeat; }
#start-left-content .news-list-title h3, #start-right-content .news-list-title h3 { padding: 1px 0 0 25px; font-size: 14px; }
#start-left-content .news-list-title h3 a, #start-right-content .news-list-title h3 a { color: #0D4494; }
#start-left-content .news-list-title h3 a:hover, #start-right-content .news-list-title h3 a:hover { color: #df1919; }
#start-left-content .news-list-subtitle p, #start-right-content .news-list-subtitle p { padding-left: 26px;
	background: url('/fileadmin/templates_hypoA/img/bullet_menu_no.gif') no-repeat; }
#start-left-content .news-list-subtitle a, #start-right-content .news-list-subtitle a { 
	margin-left: 22px; padding-left: 12px; color: #555; font-size: 12px; 
	background: url('/fileadmin/templates_hypoA/img/list-bullet-grau.gif') no-repeat; }
#start-left-content .news-list-subtitle p a, #start-right-content .news-list-subtitle p a { margin-left: -4px; }
#start-left-content .news-list-subtitle a:hover, #start-right-content .news-list-subtitle a:hover { color: #df1919; }
#start-left-content .news-item-ohne-shoplink p a, #start-right-content .news-item-ohne-shoplink p a { 
	margin-left: 0; background-image: none; padding: 0; color: #df1919; } 

/* --- Textseiten --- */
#right-row .news-list-item { height: 65px; background: url('/fileadmin/templates_hypoA/img/news-bkgr.gif') no-repeat;
	padding: 10px 0 10px 24px; margin-bottom: 14px; position: relative; }
#right-row .news-list-title { padding-bottom: 3px; }
#right-row .news-list-subtitle { padding-right: 45px; }
#right-row p { line-height: normal; font-weight: bold; color: #555; font-size: 11px; }
#right-row .news-item-links { position: absolute; bottom: 0px; right: 0; padding: 2px 0; width: 43px; }
#right-row .news-item-shopLink { width: 43px; height: 20px; margin: 6px 0; 
	background: url('/fileadmin/templates_hypoA/img/news-bkgr-link.gif') no-repeat; }	
#right-row .news-item-shopLink a { font-size: 11px; color: #555; font-weight: bold; text-decoration: none;
	padding-left: 10px; }
#right-row .news-item-shopLink a:hover { color: #df1919; }
#right-row .news-item-weiterLink { width: 43px; height: 16px; margin: 6px 0; padding-left: 10px; padding-top: 4px; 
	background: url('/fileadmin/templates_hypoA/img/news-bkgr-link.gif') no-repeat; }