/* DATEI: basis.css
--------------------------------------------------------------------------------------- 
*/

/* Allgemeine Neutralisation
--------------------------------------------------------------------------------------- */

* { background-color: transparent; }

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 15px; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Allgemeine Angaben
--------------------------------------------------------------------------------------- */

/* Für Browserprobleme mit relativen Schriftgrößen und permanenten Scrollbalken rechts: */
html { font-size: 100.01%; height: 101%; }

body { background: #050C26 url(../img/bg_body.jpg) repeat-x top left; color: #000; text-align: center; }

/* Zum Auflösen von float: */
.breaker { clear: both; height: 0; overflow: hidden;  }

hr { background: #ccc; border: none; color: #ccc; height: 1px; }
img { border: none; }
p { line-height: 140%; margin: 0 0 10px 0; }
input, textarea, option { padding-left: 2px; }
table { border-collapse:collapse; }
td { vertical-align : top; }
pre { font-family: monospace;  }

a { color:#ff0000; text-decoration:none; }
a:hover { color:#ff0000; text-decoration:underline; }
a:visited {}
a:active {}
a:focus { outline: 0; }

/* Headers */
h1 { font-size: 24px; font-weight: bold; color: #ff0000; margin: 0; padding:0; text-transform: uppercase; }
h2 { font-size: 16px; color: #ff0000; }
h3 { font-size: 14px; color: #ff0000; }
h4 { font-size: 13px;  color: #ff0000; }
h5 { font-size: 12px; color: #ff0000; }
h6 { font-size: 11px; color: #ff0000; }

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

/* Seitenstruktur / Container
--------------------------------------------------------------------------------------- */

#main { width: 940px; padding: 0 15px 15px 15px; margin: 0 auto; background: #fff url(../img/bg_main.jpg) no-repeat top left; text-align:left; }
#headerContainerStart, #headerContainer { position: relative; width: 940px; height: 90px; border-bottom: #FF0000 5px solid; }
#contentContainerStart { width: 940px; background: #fff url(../img/bg_content.gif) repeat-y top left; border-bottom: #fff 1px solid;}
#contentContainer { width: 940px; background: #fff url(../img/bg_content2.gif) repeat-y top left; border-bottom: #fff 1px solid;}
#col1 { float: left; width: 190px; }
#contentContainer2 { width: 749px; float:right; border-top: #fff 1px solid; }
#col2 { float: left; width: 558px; }
#col3 { float: right; width: 160px; padding: 16px 15px 0 15px; }
#teaserContainer { width: 900px; position:relative; border-bottom: #fff 1px solid; background: #E5E5FF; padding: 20px; font-size: 11px; }
#footerContainer { width: 940px; padding: 5px 0 0 0; border-top: #FF0000 5px solid; font-size: 11px; }


/* HeaderContainer
--------------------------------------------------------------------------------------- */
#headerLogo { position: absolute; top: 10px; left: 0px; width: 270px; height: 70px; overflow:hidden; }
#headerAdress { position: absolute; top: 10px; right: 0px; width: 365px; height: 70px; overflow:hidden; text-align:right; font-size: 11px; background: url(../img/logo_hza.gif) no-repeat top left;}


/* Inhalte col1
--------------------------------------------------------------------------------------- */

#sideNav { width: 190px; }
#sideNav ul { margin: 0; padding: 0; list-style-type:none; border-bottom: #fff 1px solid; }
#contentContainerStart #sideNav ul { border-bottom: none; }
#sideNav li { margin:0; padding:0 0 0 10px; background: #ff0000 url(../img/bg_nav.jpg) no-repeat top left; }
#sideNav li.act { background: #B30000 url(../img/bg_nav_act.jpg) no-repeat top left; }
#sideNav li a	{ color: #fff;  font-weight: bold; font-size: 14px; text-decoration:none; line-height: 40px; display: block; width: 180px; }
#sideNav li a:hover	{ text-decoration: none; }
#sideNav li a.act	{ color: #fff; font-weight: bold;  }
#sideNav li a.act:hover	{ color: #fff; font-weight: bold; }

#sideNav ul li ul { margin: 0; padding: 5px 0; list-style-type:none; background: none; border:none; }
#sideNav ul li ul li { margin:0; padding:0; background: none; }
#sideNav ul li ul li.act { background: none; }
#sideNav ul li ul li a	{ font-size: 12px; line-height: 20px; font-weight: normal; }
#sideNav ul li ul li a:hover	{ color: #fff; text-decoration: none;  }
#sideNav ul li ul li a.act	{ color: #fff; font-weight: bold;  }
#sideNav ul li ul li a.act:hover	{ color: #fff; font-weight: bold; }

/* Inhalte col2
--------------------------------------------------------------------------------------- */

.headerbox_start { position: relative; width: 558px; height: 320px; overflow:hidden; background: #fff url(../flash/img01.jpg) no-repeat top left;}
.headerbox_start_img { width: 558px; height: 320px; overflow:hidden; }

.headerbox { position: relative; width: 558px; height: 150px; overflow:hidden; }
.headerbox_img { width: 558px; height: 150px; overflow:hidden; }
.headerbox_box { position: absolute; left:0; top: 90px; width: 370px; height: 40px; background: #fff; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; }
.headerbox_title { position: absolute; left:0; top: 90px; width: 350px; height: 30px; padding: 5px 5px 5px 15px; overflow:hidden; }

#pathContainer { padding: 5px 20px; overflow:hidden; text-align:left; font-size: 11px; }
#path { float: left; width: 400px; }
#path a { color: #000000; }
#printLink { float: right; width: 118px; text-align: right; } 
#printLink a { color: #000000; }

.contentbox { padding: 10px 20px 20px 20px; }
.line {height: 1px; background-color: #ff0000; overflow:hidden; margin: 15px 0; }

#teaserContainer #box1 { width: 290px; margin-right: 15px; float:left; }
#teaserContainer #box2 { width: 290px; margin-right: 15px; float:left; }
#teaserContainer #box3 { width: 290px; float:left; }

/* Inhalte col3
--------------------------------------------------------------------------------------- */
.banner { margin-bottom: 17px; height: 135px; width: 160px; overflow:hidden; }

/* Inhalte col3
--------------------------------------------------------------------------------------- */

/* Footer
--------------------------------------------------------------------------------------- */
#footerLeft { float: left; width: 400px;   }
#footerRight { float: right; width: 400px; text-align: right; }
#footerContainer a { color:#000; text-decoration: none; }
#footerContainer a:hover { color:#000; text-decoration: underline; }






/* TYPO3:Ext mailformplus
--------------------------------------------------------------------------------------- */


.tx-thmailformplus-pi1 {}

.tx-thmailformplus-pi1 fieldset { border: #ccc 1px solid; padding: 10px;}

.tx-thmailformplus-pi1 form {
padding: 0;
margin: 10px 0 0 0;
font-size: 11px;
}

.tx-thmailformplus-pi1 input, .tx-thmailformplus-pi1 textarea, .tx-thmailformplus-pi1 select {
font-size: 11px;
padding: 2px;
border: #ccc 1px solid;
background: #fff;
}

#name, #vorname, #date, #time, #level, #anzahl, #organisation, #precognition, #strasse, #geb, #tel, #email, #plz_ort, #land, #tel, #tel2, #tel_priv, #tel_buis, #fax, #geb, #beruf, #email, #language, #place_detail, #bemerkungen, #submit, #nation {
margin-top: 3px;
}

.title {
width: 120px;
float: left;
font-weight: bold;

}

#vorname input, #name input, #date input, #anzahl input, #time input, #level input, #organisation input, #strasse input, #land input, #geb input, #beruf input, #fax input, #tel input, #tel_priv input, #tel_buis input, #tel2 input, #email input, #place_detail input, #nation input, select {
width: 170px;
}

#bemerkungen textarea {
width: 290px;
height: 150px;
}

#plz_ort .plz {
width: 35px;
}

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

.chkbox {
border:none;
}

.formtext {
line-height: 120%;
font-size: 11px;
}


.tx-thmailformplus-pi1 #submit input {
margin-left: 120px;
color: #fff;	
font-size: 11px;
font-weight:bold;
background-color: #ff0000;
border: #ff0000 1px solid;
padding: 3px;
}

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

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


/* TYPO3:Ext tx-exinitmultiplechoice-pi1
--------------------------------------------------------------------------------------- */

.tx-exinitmultiplechoice-pi1 form { 
padding: 0; 
margin: 10px 0 0 0;
font-size: 11px;
}

.contenttable { width: 100%; border:none; background-color:#E5E5FF;}

.contenttable tr { background-color:#E5E5FF; border-bottom: #fff 1px solid; }

.contenttable th {
margin:0;
padding: 3px 7px 3px 7px;
font-size: 11px;
font-weight: bold;
background-color:#999;
color: #fff;
}

.contenttable td {
margin:0;
padding: 3px 7px 3px 7px;
font-size: 11px;
background:none;
}

.contenttable td p, .contenttable th p {
margin:0;
}

.contenttable tr.tr-even { background-color:#F2F2FC; }

.contenttable tr.tr-odd {background-color:#E5E5FF;}

.contenttable tr.tr-0 {
font-weight: bold;
background-color:#999;
color: #fff;
}

.tx-exinitmultiplechoice-pi1 input.submit_next {
color: #fff;	
font-size: 11px;
font-weight:bold;
background-color: #ff0000;
border: #ff0000 1px solid;
padding: 3px;
float:right;
}

.tx-exinitmultiplechoice-pi1 input.submit_cancel {
color: #fff;	
font-size: 11px;
font-weight:bold;
background-color: #ff0000;
border: #ff0000 1px solid;
padding: 3px;
}

.tx-exinitmultiplechoice-pi1 .rating {
border: #ff0000 2px solid;
padding: 10px;
font-size: 14px; }


/* Debugging
--------------------------------------------------------------------------------------- */

/*
h1, h2, h3, h4, h5, p, 
ul, ol, li, blockquote, pre{ 
	border: 1px dotted #999999;
}
td table { 
	border: 1px dotted #000099;
}
div { 
	border: 1px dotted #990000;
}
img.spacer-gif { 
	border: 1px solid black; 
}
*/