/*
-----------------------------------------------------------------------------------------------
INHALT
-----------------------------------------------------------------------------------------------
=NORMALISIERUNG DES BROWSERS
*/

/*
--------------------------------------------------------------------------------
=NORMALISIERUNG DES BROWSERS
--------------------------------------------------------------------------------
*/

html {
  color: #796358;
  font-family: Lucida Sans,Arial,Helvetica,Garuda,sans-serif;
  font-size: 12px;
  line-height: normal;  
}

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, img {
  margin: 0;
  padding: 0;
  text-align: left;
}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;  
}

/* Removes list-style from lists */
ol,ul,dl {
  list-style: none;
}

/* Removes list-style from lists */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Removes border from fieldset and img */
fieldset,img {
  border: 0;
}

/* Left-aligns text in caption and th */
caption,th {
  text-align : left;
}

/* Removes quotation marks from q */
q:before, q:after {
  content:'';
}




h1 {
  font-size: 2.9em;
  font-weight: bold;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.4em;
}



a.button {
  color: #fff;
  display: inline-block;
  font-size: 1.6em;
  font-weight: bold;
  height: 24px;
  padding: 5px 0 5px 10px;
  position: relative;
  text-align: left;
  text-decoration: none;
}




/*
--------------------------------------------------------------------------------
=SEITENAUFBAU
--------------------------------------------------------------------------------
*/

/* Left-aligns text in caption and th */

html {
  background: transparent url(../images/intro/background.jpg) center top repeat-x;
}

div.background_bottom {
  background: transparent url(../images/intro/background_bottom.jpg) repeat-x;
  height: 127px;
  position: relative;
  width:100%;
}

div.wrapper {
  margin: auto;
  position: relative;
  width: 980px;
}

div.content_top {
  background: transparent url(../images/intro/content_top.gif) no-repeat;
  height: 7px;
  width: 980px; 
}

div.content_middle {
  background: transparent url(../images/intro/content_middle.gif) repeat-y;
}

div.statusbar {
  background: transparent url(../images/intro/statusbar.jpg) no-repeat; 
  height: 45px;
  left: 300px;
  position: absolute; 
  width: 648px;
}





div.branding {
  background: transparent url(../images/intro/branding.gif) no-repeat; 
	height: 142px;
	position: absolute;
  width: 245px;
}

a.logo img {
  left: 10px;
  float: left;
  position: relative;
  top: 9px;
	z-index: 200;
}


/* FOOTER
--------------------------------------------------------------------------------*/
div.footer {
  background: transparent url(../images/intro/footer.jpg) no-repeat;
  height: 87px;
  margin: auto;
  padding: 40px 0 0 0;
  width: 980px 
}

ul.siteinfo {
	margin: -24px 0 0 344px;
	width: 600px;
}

ul.siteinfo li {
	float: right;
	margin: 5px 0 0 10px;
}

ul.bookmarks {
	margin-left: 30px;  
	width: 292px;
}

ul.bookmarks li {
	position: relative;
}

ul.bookmarks li a {
	margin-left: 0px !important;
	margin-right: 5px;
	padding-left: 0px !important;
}

ul.bookmarks li img {
	padding: 1px;
  border: #a6a6a6 1px solid;	
}

ul.bookmarks li img:hover {
	padding: 1px;	
  border: #3f2010 1px solid;
}


/*
--------------------------------------------------------------------------------
=INTRO
--------------------------------------------------------------------------------
*/
div.intro {
  width: 980px;
  height: 426px; 
}




/*
=INTROGRAFIK
*/

div.intro_application {
  background: url(../images/intro/intro_application.jpg) no-repeat; 
  height: 470px;
  margin-left: 10px;
  position: absolute;
  text-align: right;
  width: 960px;
}

div.intro_application div.register{
  margin: 200px 20px 0 450px;
  text-align: right;
}

div.intro_application h1 {
  text-align: right;
}

div.intro_application span.subtitle1 {
  font-size: 1.8em;
  font-weight: bold;
  width: 292px;
}

div.intro_application span.subtitle2 {
  font-size: 1.2em;
  width: 292px;
}



div.intro_application a.button.register {
  background: url(../images/intro/button_register.gif) no-repeat;   
  position: relative;
  top: 20px;
  width: 282px;
}

div.intro_application a.button.register:hover {
  background: url(../images/intro/button_register_hover.gif) no-repeat;
  color: #fff;
}



ul.area {
  background: #fff url(../images/intro/background_area.gif) repeat-x;
  height: 100%;
  margin-left: 10px;
  width: 960px;  
}

ul.area li {
  background: #fff url(../images/intro/background_column.gif) repeat-x; 
  display: block;
  float: left;
  margin-left: 22px;
  padding: 40px 10px 0px 10px;
  text-align: justify;
  width: 272px;
}

ul.area li a.button_corner {
  background: #fff url(../images/intro/button_corner.jpg) repeat-x;   
  display: block;
  left: 230px;
  height: 56px;
  position: relative;
  width: 52px;
}

ul.area li.column1 {
  margin-left: 20px;
}

ul.area li h2 {
  border-bottom: 1px solid #E8F6FD;
  margin-bottom: 10px;
}

ul.area li h3 {
  margin: 0 0 2px 0;  
}

ul.area li p {
  margin-bottom: 0px;  
}

ul.area.intro_navigation li p {
  font-size: 1.1em;
}


ul.area.intro_description li div {
  display: block;
  width: 456px;
}

ul.area.intro_description li.columns1.column1 {
  width: 900px;
}

ul.area.intro_description li h2 {
  margin-bottom: 30px;
}

ul.area.intro_description li h3 {
  border-left: 3px solid #F7AF2F;
  display: block;
  margin-top: 25px;
  padding-left: 5px;
}

ul.area.intro_description li p {
  padding-left: 8px;
  text-align: justify;  
}

ul.area.intro_description li ul li {
  background: #fff;
  float: none;
  margin: 5px 0 5px 20px;
  padding: 0;
  text-align: justify;  
  width: 440px;
}

ul.area.intro_description img {
  left: 538px;
  position: absolute;
  margin-top: 36px;
}

div.separator {
  background: url(../images/intro/separator.jpg) repeat-x;
  height: 12px;
  margin-left: 10px;
  width: 960px;   
}

.clearit {
clear: both;
height: 0;
line-height: 0;
font-size: px; /*for IE*/
}


span.orange {
  color: #F7AF2F;
}


/*
=BEISPIELBUTTON
*/
a.sample_application {
  background: url(../images/buttons/sample_application_xlarge.png) repeat-x;
  height: 95px;
  left: 890px;
  position: absolute;
  width: 95px; 
  top: 394px;
}