html , body , div , h1 , h2 , h3 , h4 , h5 , h6 , ul , ol , span , a , form , img , li , blockquote, textarea, input, select {
margin : 0; 
padding : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; } 




body 				{
background: #ffffff url(../images/start_bg_illu.jpg) no-repeat fixed top left;}

body.startseite {
background: #ffffff url(../images/start_bg_illu.jpg) no-repeat fixed top right; padding: 151px 0 0 0;}

body.ausstieg 	{	
padding: 4.83em 0 0 0; margin: 0; 
background: #ffffff url(../images/start_bg_illu_ausstieg.jpg) no-repeat fixed top right;}

body.ausstiegfolge 	{	
padding: 4.83em 0 0 0px; margin: 0; 
background: #ffffff url(../images/start_bg_illu_ausstieg_folge.gif) fixed repeat-x top right;}

body.informationen 	{	
padding: 4.83em 0 0 0; margin: 0; 
background: #ffffff url(../images/start_bg_illu_informationen.jpg) fixed repeat-x top right;}

body.informationenfolge 	{	
padding: 4.83em 0 0 0; margin: 0; 
background: #ffffff url(../images/start_bg_illu_informationen_folge.gif) fixed repeat-x top right;}

body.weltnichtrauchertag 	{	
padding: 4.83em 0 0 0; margin: 0; 
background: #ffffff url(../images/start_bg_illu_weltnichtrauchertag.jpg) no-repeat fixed top right;}

body.weltnichtrauchertagfolge 	{	
padding: 4.83em 0 0 0px; margin: 0; 
background: #ffffff url(../images/start_bg_illu_weltnichtrauchertag_folge.gif) fixed repeat-x top right;}


p			{  font-size: 0.70em; line-height: 1.4em; color: #000000; text-decoration: none}

a:link, a:visited		{  font-size: 100%; font-weight: bold; color: #000000; text-decoration: underline}
a:hover, a:active		{  font-size: 100%; font-weight: bold; color: #D62104; text-decoration: underline}


h1				{  font-size: 20px; line-height: 26px; color: #000000; font-weight: normal; }
h1.hidden		{  visibility:hidden; }
h2				{  font-size: 17px; line-height: 24px; color: #000000; font-weight: bold; }
h3				{  font-size: 15px; line-height: 22px; color: #000000; font-weight: bold; }
h4				{  font-size: 12px; line-height: 22px; color: #000000; font-weight: bold; }


ul		{ 	 margin:10px 0 10px 0; padding: 0; }
ul li	{ 	 margin: 10px 0 0 20px; padding: 0; font-size: 0.70em; line-height: 1.4em; list-style: disc outside; display: list-item;   }
ol 	{ 	 margin:10px 0 10px 0; padding: 0; }
ol li	{ 	 margin: 10px 0 0 20px; padding: 0; font-size: 0.70em; line-height: 1.4em; list-style: decimal outside; display: list-item;  }



dfn {
font-weight: bold;
font-size:11px; 
color : #000000; } 

.unsichtbar {
/* Es muss display: none sein! */
/*position : absolute; 
left : -1000px; 
top : -1000px; 
width : 0; 
height : 0; 
overflow : hidden; 
display : inline;*/
display: none;
 } 

hr {
position : absolute; 
left : -1000px; 
top : -1000px; 
width : 0; 
height : 0; 
overflow : hidden; 
display : inline; } 


input.diag-short{
font-size: 100%;
font-weight: bold;
width: 30px;
text-align: center;}

select.diag-date{
font-size: 100%;
font-weight: bold;}




FIELDSET {
border: 0px solid #9AB731; padding: 0; width: 500px;}
LEGEND {
font-size: 1.0em; font-weight: bold; color: #000000; padding: 3px; }

label.left {
font-size: 0.7em; 
font-weight: bold; 
color: #000000;
float: left; 
text-align: left; 
width: 250px; 
margin: 12px 0 0 0; 
clear:left; }

label.left2 {
font-size: 100%; 
font-weight: normal; 
color: #000000;
float: left; 
text-align: left; 
width: 150px; 
margin: 12px 0 0 0;  }

.left3 {
font-size: 0.7em; 
font-weight: normal; 
color: #000000;
float: left; 
text-align: left; 
width: 50px; 
margin: 0 0 0 0; 
clear:left; }

.left4 {
font-size: 0.7em; 
font-weight: normal; 
color: #000000;
float: left; 
display:inline;
text-align: left; 
width: 50px; 
margin: 12px 0 0 0; 
clear:left; }


label.top {
font-size: 0.7em; 
font-weight: bold; 
color: #000000;
margin: 15px 0 0 0;
padding: 0; 
float:left; }

label.right3 {
font-size: 0.7em; 
vertical-align: top;
font-weight: normal; 
float: right; 
text-align: left;
width: 450px;
}

.formular {
width: 200px; font-size: 0.7em; margin: 10px 0 0 0; padding: 0; vertical-align: top;}

.formular2 {
width: 250px; font-size: 100%; margin: 10px 0 0 0; padding: 0; vertical-align: top;}

.large {
width: 400px; height: 50px;font-size: 0.7em; margin: 10px 0 0 0; padding: 0; vertical-align: top;}

select.formular-anrede {
font-size: 0.7em; margin: 10px 0 0 0; padding: 0; vertical-align: top;  }

select.formular-anrede2 {
font-size: 0.7em; margin: 10px 0 0 0; padding: 0; vertical-align: top; }

.punkt {
font-size: 0.7em; margin: 0 2px 0 5px; vertical-align: bottom;}

input.formsubmit {
font-size: 0.7em; margin: 10px 0 0 250px; padding: 0; vertical-align: top;}

button {
font-size: 0.7em; 
margin: 10px 0 0 250px;
font-family : Verdana, Arial, Helvetica, sans-serif; 
}

button.left {
font-size: 100%; 
margin: 10px 0 0 0px;
font-family : Verdana, Arial, Helvetica, sans-serif; 
}

button.left2 {
font-size: 0.7em; 
margin: 10px 0 0 20px;
font-family : Verdana, Arial, Helvetica, sans-serif; 
}

button.buttonleft {
font-size: 0.7em; 
margin: 10px 0 0 0;
font-family : Verdana, Arial, Helvetica, sans-serif; 
}

.fehler {
font-weight: bold; 
color : #CC0000; } 


/* ---------------------------------------------------------------- */

/* Startseite */
div.startlinkcontainer 	{ 
position:absolute;
top:0;
left:0;
width:100%;
padding: 28px 0 0 0;
margin: 0;
font-size: 100%;
z-index: 1;}

DIV#header{
left: 0px; 
right: 0px; 
top: 0px; 
width: 100%; 
position: absolute; 
height: 4.83em;
z-index: 1;
background-color: #9AB731;}

/* NEWSTICKER */
.newsticker 		{ padding:0px; margin:8px 0px 20px 20px;}
p.newsticker-text	{ padding:0 0 1px 0; margin:0; font-weight:bold;}

#stagecontainer {top:225px; width:560px; height:25px; margin:0px 0px 75px 40px; overflow:hidden; z-index:100; border:0px solid lightblue;}
	
#stage {position:relative; white-space:nowrap; padding:0; margin:0; }
#stage a:link, #stage a:visited {font-size: 12px; color: #000000; font-weight:normal; text-decoration: none; padding:0 10px 0 0 ; margin:0; }
#stage a:hover, #stage a:active {font-size: 12px; color: #ffffff; font-weight:normal; text-decoration: none; padding:0 10px 0 0; margin:0; }


p.startlink 	{  margin: 0 0 0 40px; padding: 0 0 56px 0;font-size: 1.05em; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 1.2em; letter-spacing: 1px;  }
/*p.startlink2 	{  margin: 54px 0 0 40px; font-size: 1.05em; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 1.2em;  letter-spacing: 1px;  }*/

a.startlink:link, a.startlink:visited		{  font-size: 1.05em; font-weight: bold; color: #000000; text-decoration: none; line-height: 1.2em;}
a.startlink:hover, a.startlink:active		{  font-size: 1.05em; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 1.2em;}


div.startcontent 	{ 
overflow:auto; 
border:0px solid red;
height:100%;
padding: 0;
margin: 0;
z-index:1000;
}

div.startcontenttext 	{

border:0px solid green;
padding: 0 0 20px 0;
margin: 105px 0 0 0;
}

.startcontenttext p { 
border:0px solid blue;
padding: 0 0 0 40px; 
margin:0;
awidth: 380px;
}

/* ---------------------------------------------------------------- */

/* Pseudo-Frameset Startseite Ausstieg... + Informationen... */
DIV#header{
left: 0px; 
right: 0px; 
top: 0px; 
width: 100%; 
position: absolute; 
height: 4.83em;
z-index: 1;
background-color: #9AB731;}

DIV#headerstart{
left: 0px; 
right: 0px; 
top: 0px; 
width: 100%; 
position: absolute; 
height: 4.83em;
z-index: 1;}

DIV#header2{
left: 0px; 
right: 0px; 
top: 0px; 
width: 100%; 
position: absolute; 
height: 4.83em;
z-index: 1;
background-color: #CD9558;}

DIV#header3{
left: 0px; 
right: 0px; 
top: 0px; 
width: 100%; 
position: absolute; 
height: 4.83em;
z-index: 1;
background-color: #FDC500;}

DIV#headerstart2{
left: 0px; 
right: 0px; 
top: 0px; 
width: 100%; 
position: absolute; 
height: 4.83em;
z-index: 1;}

div.logo{
float: right;}



BODY{ 
overflow: hidden;
}

DIV#content{
margin: 0 0 0 190px;
overflow: auto; 
height: 100%;}

DIV#contentstart{
margin: 0 0 0 0px;
overflow: auto; 
height: 100%}



/* Navigation oben */
div.navcontainer {
width: 99%;
margin: 0;
padding: 0 0 0 0;}

/* Navigation 1. Ebene */
div.nav01container {
padding: 7px 0 0 10px;
width: 100%;}

div.nav01 {
margin: 0 13px 0 0;
float: left;}

.nav01											{  font-family: Arial, Helvetica, sans-serif; font-size: 85%; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 1.2em; margin-right: 4px;}
a.nav01aus:link, a.nav01aus:visited		{  font-size: 80%; font-weight: bold; color: #000000; text-decoration: none; line-height: 1.2em;}
a.nav01aus:hover, a.nav01aus:active		{  font-size: 80%; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 1.2em;}
a.nav01an:link, a.nav01an:visited		{  font-size: 80%; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 1.2em;}
a.nav01an:hover, a.nav01an:active		{  font-size: 80%; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 1.2em;}





/* Navigation 2. Ebene */
div.nav02container {
padding: 0 0 0 10px;
position: absolute;
bottom: 0.3em;
left: 0px;
width: 100%;
font-size: 100%; }



a.nav02aus:link, a.nav02aus:visited		{	font-size: 95%; font-weight: normal; color: #ffffff; text-decoration: none; margin:0; padding:0 6px 0 6px; border-left:1px solid #ffffff;}
a.nav02aus:hover, a.nav02aus:active		{  font-size: 95%; font-weight: normal; color: #ffffff; text-decoration: underline; margin:0; padding:0 6px 0 6px; border-left:1px solid #ffffff;}
a.nav02an:link, a.nav02an:visited		{  font-size: 95%; font-weight: bold; color: #ffffff; text-decoration: none; margin:0; padding:0 6px 0 6px; border-left:1px solid #ffffff;}
a.nav02an:hover, a.nav02an:active		{  font-size: 95%; font-weight: bold; color: #ffffff; text-decoration: none; margin:0; padding:0 6px 0 6px; border-left:1px solid #ffffff;}

a.nav02bold:link, a.nav02bold:visited		{	font-size: 95%; font-weight: bold; color: #ffffff; text-decoration: none; margin:0; padding:0 6px 0 0; }
a.nav02bold:hover, a.nav02bold:active		{  font-size: 95%; font-weight: bold; color: #ffffff; text-decoration: underline; margin:0; padding:0 6px 0 0; }

.nav02container ul	{list-style-type:none; margin:0;	padding:0;}
.nav02container li	{display:inline; margin:0;	padding:0;}
	
	





/* Content auf Startseite Ausstieg... + Informationen... */
div.startcontent2head {
width: 350px;
margin: 0 0 40px 40px;
padding: 20px 0 0 0;}

.startcontent2head h1{ font-size: 1.2em; font-weight: bold; color: #000000; text-decoration: none; line-height: 1.2em;}

div.startcontent2 {
width: 350px;
margin: 0 0 0 40px;
padding: 0 0 50px 0;}

.weltnichtrauchertagfolge div.startcontent2head {
    width: 350px;
    margin: 0 0 40px;
    padding: 20px 0 0 0;
}

.weltnichtrauchertagfolge div.startcontent2 {
    width: auto;
    margin: 0 10px 0 0;
    padding: 0 0 0 2px;
}


/* Linke Seite auf Fogeseiten */
div#left-sidebar {
left: 0px; 
width: 175px; 
position: absolute; 
top: 4.83em; 
height: 100%;
background-color: #97B730;}

div#left-sidebar2 {
left: 0px; 
width: 175px; 
position: absolute; 
top: 4.83em; 
height: 100%;
background-color: #CD9558;}

div#left-sidebar3 {
left: 0px; 
width: 175px; 
position: absolute; 
top: 4.83em; 
height: 100%;
background-color: #FDC500;}



/* Content auf Folgeseiten */
div.folgecontentcontainer {
width: 600px;
margin: 0;
padding: 0;
float: left;}

div.folgecontenthead {
width: 430px;
margin: 0 0 44px 0;
padding: 9px 0 0 0;}

.folgecontenthead h1	{ font-size: 1.2em; font-weight: bold; color: #000000; text-decoration: none; line-height: 1.2em;}

div.folgecontentsubhead {
width: 430px;
margin: 0 0 19px 0;
padding: 9px 0 0 0;}

.folgecontentsubhead h3	{ font-size: 0.7em; font-weight: bold; color: #000000; text-decoration: none; line-height: 1.4em;}

div.folgecontent { 
width: 480px;
margin: 0 0 0 0;
padding: 0 0 50px 0;}

div.folgecontent2 {
width: 444px;
margin: 0 0 0 0;
padding: 0 0 15px 0;
text-align: right;}

div.folgecontent3 { 
width: 480px;
margin: 0 0 0 0;
padding: 0 0 20px 0;}



/* Formular Motivitation */
div.auswahlcontainer {
width: 550px;
margin: 0;
padding: 0;
float: left;}

div.auswahltextlinks {
width: 97px;
margin: 0;
padding: 0;
float: left;}

div.auswahltextrechts {
width: 100px;
margin: 0 0 0 10px;
padding: 0;
float: left;}

div.wahlcontainer {
text-align: center;
margin: 0 2px 0 0;
padding: 0;
float:left;}

div.wahlnummer {
width: 20px;
margin: 0;
padding: 0;}

div.wahlbox {
width: 20px;
margin: 0;
padding: 0;}

input.wahlbox {
margin: 0;
padding: 0;}

.rot {
color: #DE1800;
font-size: 2em;}










/* Bild Links */
div.bildlinks {
width: 175px;
margin: 0;
padding: 0;}


/* Navigation Links */
div#subnav {
width: 175px; margin: 7px 0 0 0; padding: 0; }


#subnav ul {
list-style:none; padding:0; margin:0 5px 0 10px; }
#subnav ul ul{
list-style:none; padding:0; margin:0 5px 0 10px; }
#subnav ul ul ul{
list-style:none; padding:0; margin:0 5px 0 10px; }


#subnav li {
margin:0; padding:0; font-size: 100%; display:inline;}
#subnav li li { 
margin:0; padding:0; font-size: 100%; display:inline;}
#subnav li li li{
margin:0; padding:0; font-size: 100%; display:inline;}


a.subnav01aus:link, a.subnav01aus:visited {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #000000; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }
a.subnav01aus:active, a.subnav01aus:hover {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }
a.subnav01an:link, a.subnav01an:visited {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }
a.subnav01an:active, a.subnav01an:hover {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }

a.subnav02aus:link, a.subnav02aus:visited {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #000000; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }
a.subnav02aus:active, a.subnav02aus:hover {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }
a.subnav02an:link, a.subnav02an:visited {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }
a.subnav02an:active, a.subnav02an:hover {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }

a.subnav03aus:link, a.subnav03aus:visited {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #000000; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }
a.subnav03aus:active, a.subnav03aus:hover {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }
a.subnav03an:link, a.subnav03an:visited {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }
a.subnav03an:active, a.subnav03an:hover {
display: block; font-size: 0.7em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-decoration:none; padding: 0 0 0 10px; margin: 5px 0 0 0; background: url(../images/subnav_bullet.gif) no-repeat top left; }





/* Navigation Links */
div.left-sidebar-text {
width: 175px; 
padding: 5px 0 0 0; }

.left-sidebar-text p{
padding: 0 10px 0 13px; }


div.left-sidebar-head {
width: 175px; 
padding: 7px 0 0px 0; }

.left-sidebar-head p{
padding: 0 10px 5px 13px; margin: 0; font-size: 1.2em; font-weight: bold; color: #CC0000;}



/* Tabelle bei "Woran lags?"*/
div.tabellencontainer{
width:430px; padding: 0; margin: 0; border-top: 2px solid #9AB731;}

div.tabelle-links{
width:150px; padding: 5px 10px 5px 0; margin: 0; float: left;}
div.tabelle-rechts{
width:280px; padding: 5px 0 5px 0; margin: 0; float: left;}


/* Tipp-Kasten */
.tipp{
width:430px; padding: 10px 10px 13px 10px; margin: 0; background-color: #FFCB65;}








/* Austiegs-bersicht */
div.kalendercontainer{
width: 470px; padding: 1px; margin: 0 0 10px 0;}

div.kalenderrahmen{
width: 29.90em; padding: 1px ; margin: 0; background-color: #cccccc; float: left;}

div.kalendertag{
width:4em; height: 4.54em; padding: 0; margin: 2px; background-color: #ffffff; float: left; display: inline; font-size: 100%;}

div.kalendertag-grau{
width:4em; height: 4.54em; padding: 0; margin: 2px; background-color: #999999; float: left; display: inline; font-size: 100%;}

div.kalendertag-rot{
width:4em; height: 4.54em; padding: 0; margin: 2px; background-color: #CC0001; float: left; display: inline; font-size: 100%;}

div.kalendertag-gruen{
width:4em; height: 4.54em; padding: 0; margin: 2px; background-color: #98B632; float: left; display: inline; font-size: 100%;}

p.kalenderdatum{
width:100%; height: 23px; margin: 0;  padding: 2px 0 0 7px; display: block;}

.kalenderdatum strong{
font-size: 125%; }

a.kalenderlink:link, a.kalenderlink:visited		{  display: block; padding: 10px 0 0 0; font-size: 80%; line-height: 1.2em; color: #000000; font-weight: bold; text-decoration: none;}
a.kalenderlink:hover, a.kalenderlink:active		{  display: block; padding: 10px 0 0 0; font-size: 80%; line-height: 1.2em; color: #000000; font-weight: bold; text-decoration: underline}

div.kalenderlegende{
width: 100%; padding: 0; margin: 0 0 20px 0; display: block; float: left;}

.kalenderlegende p{
padding: 7px 0 0 0; margin: 0; font-weight: bold;}

textarea.content {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  width: 400px;
  font-size: 12px;
  color: #000000;
}







/* Infomaterial */
div.infocontainer{
width: 480px;
padding: 0 0 50px 0; 
margin: 0; 
float: left;}

div.infobild{
width: 160px;
padding: 0; 
margin: 0; 
float: left;}

div.infotext{
max-width: 300px;
padding: 0 0 0 0; 
margin: 0; 
float: left;}

div.infobild2{
width: 200px;
padding: 0; 
margin: 0; 
float: left;}

div.infotext2{
max-width: 260px;
padding: 0 0 0 0; 
margin: 0; 
float: left;}



.rot2{
color: #DD1900;}