/*--- Intro ---------------------------------*/

.intro_body {
  color:rgb(231,198,191);
  background-image:url(../img/intro_back.gif); 
  background-repeat:repeat-x;
}

.intro_body_third_party {
  color:rgb(231,198,191);
  background-image:url(../img/intro_third_party_back.gif); 
  background-repeat:repeat-x;
}

.intro_body_third_party h1,
.intro_body h1
{
	font-family:Arial,Helvetica,sans-serif;
    font-size: 1.0em;
    font-weight:bold;
    color:rgb(231,198,191);
    background-color:Transparent;
}

#div_intro_information_text_third_party
{
 position:absolute;
 top:600px;
 left:50%;
 margin-left:-280px;
 width:560px;
 height:20px;
 /*color:rgb(156,171,86);*/
 color:rgb(231,198,191);
 text-align:center;
}

#div_intro_information_text
{
 position:absolute;
 top:480px;
 left:50%;
 margin-left:-280px;
 width:560px;
 height:20px;
 /*color:rgb(156,171,86);*/
 color:rgb(231,198,191);
 text-align:center;
}


#div_intro_link
{
  position:absolute;
  top:440px;
  left:50%;
  width:220px;
  margin-left:50px;
  text-align:left;	
}

#div_intro_link_third_party
{
  position:relative;
  top:80px;
  left:50%;
  width:240px; 
  margin-left:50px;
  text-align:left;	
}

#div_intro_link_ex
{
  position:relative;
  top:560px;
  left:50%;
  width:240px; 
  margin-left:90px;
  text-align:left;	
}



#div_intro_link_beginner
{
    padding-top:10px;
}

.intro_body a:link, .intro_body a:visited, .intro_body_third_party a:link, .intro_body_third_party a:visited
{
  color:rgb(231,198,191);
  text-decoration:none;
}

.intro_body a:hover, .intro_body a:active, .intro_body_third_party a:hover, .intro_body_third_party a:active  
{
  color:rgb(231,198,191);
  text-decoration:underline;
}



#div_intro_link a:link, #div_intro_link a:visited, #div_intro_link_third_party a:link, #div_intro_link_third_party a:visited, #div_intro_link_ex a:link, #div_intro_link_ex a:visited 
{
  color:rgb(231,198,191);
  text-decoration:underline;
  font-weight:bold;
}

#div_intro_link a:hover, #div_intro_link a:active, #div_intro_link_third_party a:hover, #div_intro_link_third_party a:active, #div_intro_link_ex a:hover, #div_intro_link_ex a:active  
{
  color:rgb(156,171,86);
  text-decoration: none;
  font-weight:bold;
}

#div_intro_image
{
  margin-top:123px;
  display:block;
  margin-right:auto;
  margin-left:auto;
  width:600px; 
  height:177px;
}

#div_third_party
{
  margin-top:90px;
  display:block;
  margin-right:auto;
  margin-left:auto;
  width:450px; 
  height:300px;
}

#div_third_party_860
{
  position:absolute;
  top:90px;
  left:50%;
  margin-left:-430px;
  width:860px; 
  height:300px;
}


#div_ex
{
  position:absolute;
  top:110px;
  left:50%;
  margin-left:-300px;
  width:600px; 
  height:200px;
}

#div_intro_text 
{
  display:block;
  margin-left: auto;
  margin-right: auto;
  width:600px; 
  text-align:center;
  margin-top:20px;  
  text-align:center;	
}

#div_intro_text_third_party 
{
  display:block;
  margin-left: auto;
  margin-right: auto;
  width:600px; 
  text-align:center;
  margin-top:20px;  
}

#div_intro_text_ex
{
  position:absolute;
  top:540px;
  left:50%;
  width:600px; 
  margin-left:-300px;
  text-align:center;	
}


/*--- End Intro ----------------------------*/


@media (min-width:661px) {

    .mobile_menu_img, .hr_mobile_menu
	{
	    display:none;
	}
	
}

@media (max-width:660px) {

/* ---------------------- Startseite ----------------------*/
	
	 	
	.intro_body {
       background-color:rgb(255,255,255);
       background-image:none; 
    }

    .intro_body_third_party {
      background-color:rgb(255,255,255);
      background-image:none; 
    }
	
	#div_intro_image,
	#div_third_party
       {
       margin-top:5px;
	   width:auto; 
       height:auto;
	   width:80%;
    }
	
	#div_intro_text,
	#div_intro_text_third_party
	{
	    display:block;
	    margin-top: 5px;
       	margin-left: auto;
        margin-right: auto;
        width:70%;
	}
	
	#div_intro_text h1,
	#div_intro_text_third_party h1
	{
	   font-size:0.8em;
	}
	
	.img_top_add
	{
	    width:80%;
		display: block;
        margin-left: auto;
        margin-right: auto;
	}
	
	.img_top
	{
	    width:60%;
		display: block;
        margin-left: auto;
        margin-right: auto;
	}
		
	.top_navigation_element
	{
	   display:block;
	   margin-top:10px;
	   font-size:1.2em;
	   font-weight:bold;
       text-align:left;
    }
	
    .top_navigation_element a:link, .top_navigation_element a:visited
        { 
      color:rgb(233,122,15);
    }
	
	.top_navigation_element a:active, .top_navigation_element a:hover
        {   
      text-decoration:none;
	  color:rgb(156,171,86);
    }
	
	.mobile_menu_img
	{
	   right:0px;
	}
	
	.mobile_menu_img img
	{
	   width: 5%;
	}

   .hr_mobile_menu
        {

    }
	
}