/* Thetaris CSS Version 1.0
     Martin Hasieber 
     
     Farben:
     Thetaris Gelb: #F59100
	 Thetaris Schwarz: #192832
     
 */
     

/* =============================== 
*  Grundeinstellungen */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


body, html {
	margin: 0;
	padding: 0;
	font-size: 100%;
	height: 100%;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}

* html body { /* IE 6 braucht das */ 
	height: 100%;
}



/* =============================== 
*  Grundgerüst */

div#stage {
	width: 1040px;
	min-height: 100%;
	text-align: left; /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	padding: 0;
	background: #F5F5F2 url(main_bg.gif) repeat-y;
}

* html div#stage { /* IE 6 braucht das */ 
	height: 100%;
}

div#footer {
	width: 1040px;
	height: 4px;
	text-align: left; /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	margin-top: -20px;
	padding: 0 0 16px 0;
	background: white url(main_bg_footer.gif) no-repeat;
}

* html div#footer { /* IE 6 braucht das */ 
	padding: 0 0 0 0;
	margin-top: -19px;
}

div#logo {
	margin: 0px 0px 0px 798px;
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 0;
	display: block;
	line-height: 0;
}

div#mainnavi {
     margin: 0 0 0 56px;
     padding: 0 0 0 0;
	 display: inline;
	 float: left;
	 position: relative;
}
	
div#subnavi {
   width: 944px;
   height: 232px;
   margin-left: 40px;
   padding: 0;
   border-left: solid 16px #192832;
   position: relative;
   background: #F59100 url(thetaris_subnavi_bg.gif) repeat-x;
}

div#subsubnavi {
/*	border: solid 1px red;*/
	margin: 0px 0 0 532px;
	padding: 3.5em 0 0 0;
}


div#mainheadline {
	 position: absolute;
	 left: 30px;
	 top: 20px;
}

div#subnavitext {
	width: 14.2em;
	 position: absolute;
	 bottom: 15px;
	 left: 95px;
}


div#diagram {
	width: 419px;
	height: 605px;
	position: absolute;
	left: 25px;
	top: 71px;
}

div#mainvisual {
	 position: absolute;
	 right: 0px;
}

div#mainvisual img {
     padding: 0 0 0 0;
	 border-left: solid 2px white;
}

div#uqnavi {
	 float:left;
	 margin: 0 0px 0 0;
     padding: 7px 0 0 683px;
}

div#langselect {
	margin: 7px 40px 0 0;
}

div#content {
     clear: both;
	 padding: 0;
     margin: 30px 40px 20px 152px;
}

div#copy {
	float: left;
	width: 510px;
/*	border: solid 1px red;*/
	padding-bottom: 40px;
}

/* =============================== 
* Float Grundeinstellungen */

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

.floatLeft {float:left;}
.floatRight {float:right;}

/* =============================== 
*  Navigation */

div#mainnavi ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#mainnavi ul li, div#mainnavi ul li#first {
	padding: 6px 12px 10px 12px ;
	margin: 0;
	display: inline;
	border-right: solid 1px #F59100; 
}

* html div#mainnavi ul li, * html div#mainnavi ul li#first { /* IE 6 braucht das */ 
     padding: 6px 10px 10px 12px ;
}

div#mainnavi ul li#first {
	padding-left: 14px;
	 border-left: solid 1px #F59100; 	 
}

div#mainnavi ul li a {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 2em;
	color: #192832;
}

div#mainnavi ul li a:hover,
div#mainnavi ul li a.current:hover, 
div#mainnavi ul li a.current {
     color: #F59100;
     text-decoration: none;
}

div#subnavitext ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

div#subnavitext ul li {
   line-height: 1.0em;
   padding-bottom: 3px;
	margin: 8px 0 0 1px;
	border-bottom: 1px solid white;
}

div#subnavitext ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: white;
}

div#subnavitext ul li a:hover {
     color: #192832;
     text-decoration: none;
}

div#subnavitext ul li a.current:hover {
     color: white;
}

div#subnavitext ul li a.current {
     color: White;
     text-decoration: none;
     padding-left: 12px;
     background: url(subnavi_pfeil.gif) no-repeat 0px 5px;     
}

div#uqnavi p, div#langselect p {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.0em;
	text-align: right;
	padding: 0 0 0 0;
	margin: 0;
}

div#uqnavi p a, div#langselect p a{
   color: #192832;
}

div#uqnavi p a:hover, 
div#uqnavi p a.current, 
div#langselect p a:hover, div#langselect p a.current {
     text-decoration: none;
     color: #F59100;
}

div#subsubnavi li  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.3em;
	color: #192832;
	padding: 0px 10px 1.3em 17px;
	margin: 0 0 0 4px;	
	background: url(orange_arrowbullet.gif) no-repeat 0px 2px;
}


/* =============================== 
*  Formatierung Content */
     

h1, h2, h3, h4, h5, h6 {

 }

#mainheadline h1 {
	font-family: Georgia, "Trebuchet MS", Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 1.7em;
	color: white;
}

h1 {
     font-size: 1.7em;
     line-height: 1.4em;
     color: #F59100;
     font-weight: normal;
     margin: 0 0 0.7em 0;
}

h2 {
     font-size: 1.25em;
     line-height: 1.4em;
	 letter-spacing: 0.02em;
     color: #192832;
     font-weight: normal;
     margin: 1.5em 0 0.3em 0;
}

h1 + h2 {
     margin: 0 0 0.3em 0;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.5em;
	margin: 0 0 0.8em 0;
	color: #192832;
}

ul {
     list-style: none;
     padding: 0 0 0 0;
     margin: 0 0 1.3em 0;
}

div#copy li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;	
	line-height: 1.5em;
	padding: 0 0 0 15px;
	background: url(li_bullet.gif) no-repeat 0px 8px;
	color: #3d3d3d;
}

a {
     text-decoration: none;
}

div#copy a, div#subsubnavi a, div#copystart a {
     color: #F59100;
     text-decoration: none;
     padding: 0 12px 0 0;          
     background: url(a_pfeil.gif) no-repeat right 7px;	 
}

*+html div#copy a, *+html div#subsubnavi a, *+html div#copystart a { /* IE 6 und 7 braucht das, weil die Icondarstellung bei Links mit Zeilenumbruch falsch ist */ 
	/*background: none;*/
	zoom:1;
}

div#copy a:hover, div#subsubnavi a:hover, div#copystart a:hover {
    color: #16759e;
    text-decoration: none;
}

div#copy a.img_link {
     background-image: none; 
     padding: 0 0 20px 0;
}

a img {
	 border: none;
    background-image: none;	
	 display: block; 
	 padding-bottom: 20px;
}

div#copy a.backbutton {
	padding: 0 0 0 17px;
	margin: 0 0 0 1px;	
	background: url(orange_arrowbullet_back.gif) no-repeat 0px 2px;
}

div#copy a.backbutton:hover {
	background: url(orange_arrowbullet_back_over.gif) no-repeat 0px 2px;
}



b, strong {
	color: #192832;
}


/* =============================== 
*  Formatierung Demo-Download-Form */

form#downloadDemo, form#enterPrizeDrawing {
	padding: 5px;
	border: 2px solid #D8D3CA;
}

form#downloadDemo td, form#enterPrizeDrawing td {
	font-weight: normal;
	margin-bottom:20px;
}

form#downloadDemo input select textarea, form#enterPrizeDrawing input select textarea {
	border: 1px solid #D8D3CA;
}

form#downloadDemo input.formField_normal, form#enterPrizeDrawing input.formField_normal {
	width: 220px;
}

form#downloadDemo textarea.formField_normal, form#enterPrizeDrawing textarea.formField_normal {
	width: 220px;
}

form#downloadDemo select.formField_normal, form#enterPrizeDrawing select.formField_normal {
	width: 220px;
}

form#downloadDemo p, form#enterPrizeDrawing p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.5em;
	margin: 0 0 0.1em 0;
	color: #192832;
}

form#downloadDemo div.formError, form#enterPrizeDrawing div.formError {
	color: #F00;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 0.6em;
	margin: 0 0 0.2em 0;
}

form#downloadDemo div.mandatory, form#enterPrizeDrawing div.mandatory {
	color: #F59100;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-size: 0.6em;
	margin-right: 0px;
       margin-top: 5px;
}

form#downloadDemo div.disclaimer, form#enterPrizeDrawing div.disclaimer {
	color: #F59100;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-size: 0.6em;
	margin-right: 0px;
       margin-top: 5px;
}


form#downloadDemo div.required, form#enterPrizeDrawing div.required {
	color: #F59100;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-size: 0.6em;
	margin-right: 0px;
	margin-top: 0px;
       margin-bottom: 5px;
}

form#downloadDemo .formButton, form#enterPrizeDrawing .formButton {
	background-color: #F59100;
	font-family: Arial, Helvetica, sans-serif;
}

p#contestDisclaimer {
	text-align: justify;
	font-size: 0.6em;
}

/* ===============================================
 * Ausnahmen Startseite */

div#content_start {
	clear: both;
	padding: 0;
	margin: 20px 28px 20px 58px;
}

div#copy_left {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0 0 20px 0;
}

div#copy_right {
	margin-left: 615px;
	padding: 0 0 20px 0;
}

div#content_start h1 {
	padding: 0 0 4px 7px;
	margin: 0 10px 22px 0;
	border-bottom: solid 1px #8c9398;
}

div#content_start a {
	color: #F59100;
	text-decoration: none;
	padding: 0 12px 0 0;          
	background: url(a_pfeil.gif) no-repeat right 7px;	
}

*+html div#content_start a { /* IE 6 und 7 braucht das, weil die Icondarstellung bei Links mit Zeilenumbruch falsch ist */ 
	/*background: none;*/
	zoom:1;
}

div#content_start a:hover {
    color: #16759e;
}

div#content_start div#copy_left p {
	padding: 0 10px 0 95px;	
}

div#copy_left li, div#copy_right li  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.3em;
	color: #192832;
}

div#copy_left li {
	padding: 0px 10px 1em 40px;
	margin: 0 0 0 93px;	
	background: url(orange_bullet_off.gif) no-repeat 0 3px;
}

div#copy_right li  {
	padding: 0px 10px 1.3em 17px;
	margin: 0 0 0 10px;	
	background: url(orange_arrowbullet.gif) no-repeat 0px 2px;
}


div#content_start div#copy_right p {
	padding: 0 10px 0 10px;	
}

div#subnavistart_left, div#subnavistart_right {
	position: absolute;
	bottom: 15px;
	left: 95px;
}

div#subnavistart_right {
	position: absolute;
	bottom: 15px;
	left: 365px;
}

div#subnavistart_left a, div#subnavistart_right a{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 2em;
	padding: 0px 0px 0px 40px;
	margin-top:  7px;
	display: block;
}

a.blackbullet_01 { background: url(black_bullet_01_off.gif) no-repeat 0px; color: #192832; }
a.blackbullet_01:hover { background: url(black_bullet_01_over.gif) no-repeat 0px; color: white; }
a.blackbullet_02 { background: url(black_bullet_02_off.gif) no-repeat 0px; color: #192832; }
a.blackbullet_02:hover { background: url(black_bullet_02_over.gif) no-repeat 0px; color: white; }
a.blackbullet_03 { background: url(black_bullet_03_off.gif) no-repeat 0px; color: #192832; }
a.blackbullet_03:hover { background: url(black_bullet_03_over.gif) no-repeat 0px; color: white; }
a.blackbullet_04 { background: url(black_bullet_04_off.gif) no-repeat 0px; color: #192832; }
a.blackbullet_04:hover { background: url(black_bullet_04_over.gif) no-repeat 0px; color: white;}

div#copy_right div#tagcloud {
	margin: 0 10px 0 10px;
}

div#copy_right div#tagcloud a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #192832;
	background: none;
	margin: 0;
	padding: 0 5px 0 0;
}

div#copy_right div#tagcloud a:hover{
     color: #F59100;
}