/*
********************************Allgemeine Formatierungen***********************************************
*/
@import url(./sub_style.css);


h1 {
	position:relative;
	top:80px;
	margin-right: 20px;
	height:21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #E23900;
	text-align: right;
	line-height: 21px;
	z-index:4;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    }

h2, h4 {
text-align:center;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    COLOR: #DF4502;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: normal;
    FONT-SIZE: 9pt;
    MARGIN-BOTTOM: 17px;
    MARGIN-TOP: -2px;
    }

h3 {
	margin-top:50px;
	background-color:#FFFFFF;
	padding: 0px;
	margin-left: 60px;
	font-size: 1em;
	color: #666666;
	margin-right: 0px;
	margin-bottom: 0px;
}

h4 {
    FONT-SIZE: 12pt;
    letter-spacing:3px;
    margin-bottom:20px;
    margin-top:20px;
    background-color:#FFFFCC;
    border:1px solid #FF6700;
    width:350px;
    padding:15px 0px;
    text-align:center;
    }

ul {
    list-style-type:none;
	padding-left: 10px;

	}

ul li {
	padding-left: 14px;
	margin-bottom: 4px;
     background-image:url(img/bullet-blau.gif);
     background-repeat:no-repeat;
     background-position: 0px 6px;


}
  p {text-align:left;}
  b {color:#0150B2;}

  /*
********************************Seitenlayout***********************************************
*/

div#title {

	position:relative;
	top:81px;
	margin-right: 20px;
	height:21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #E23900;
	text-align: right;
	line-height: 21px;

      }
div#logo {
	position:absolute;
	top:20px;
	left:0px;
	width:182px;
	height:33px;
	z-index: 2;

      }
div#kontakt {
	position:absolute;
	top:4px;
	left:220px;
	font-size: 7pt;
	z-index: 3;
	color: #FFFFFF;
	font-weight: bold;
}

div#kontakt a{
	  color: #FFFFFF;


	  }
 div#kontakt a:hover{
	  color: #FFFFFF;
}





********************************Seitenstruktur***********************************************
*/

div#struktur {
    position:relative;top:110px;
	margin: 0px 0px 0px 200px;
  	FONT-SIZE: 0.7em;
    padding:0px;
	text-align:center;
	width: 76%;
}
div#struktur a {
color: #008FD0;
}

div#box {
 	font-size: 0.7em;
	position:relative;top:110px;
	margin: 0px auto 0px 200px;
	background-image: url(img/box-back.gif);
	background-repeat: no-repeat;
	background-position:top center;
	width: 76%;

}

div#strukturbox{
	color: #FFFFFF;
	font-weight: bold;
	line-height: 16px;
	background-image: url(img/corner-top-right.gif);
	background-repeat: no-repeat;
	background-position:top right;
}

div#strukturbox a{
	color: #FFFFFF;
	font-weight:bold;
}

div#headbox {
	background-color: #FFC65F;
	background-position:top left;
	background-repeat: repeat-x;
	height: 96px;
	border-right: 1px solid #DF4502;
	text-align: right;
    border-bottom: 1px solid #DF4502;
}

div#contentbox {
	position:relative;
	text-align:left;
	margin-top:0px;
	padding: 10px;
	color: #000;
	font-weight: normal;
	border-left: 0px solid #DF4502;
	border-right: 1px solid #DF4502;
	border-bottom: 1px solid #DF4502;
	min-height: 400px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
 }

div#contentbox a{
	color: #008FD0;
	font-weight: normal;
}


		  /*
********************************spezielle Klassen***********************************************
*/
   .zentrum p {text-align:center;
   font-size:1em;}
   .links {text-align:left;}


.untertitel {
    COLOR: #000000;
    FONT-SIZE: 7pt;
    LINE-HEIGHT: normal;
    TEXT-DECORATION: none;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    }
.orangetext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #DF4502}
.orangelink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FF6700; text-decoration: none; letter-spacing: 1px}
.eyecatcher {border:1px solid #007700;background-color:#EBFFEB;}
 .box {

	margin: 10px 10px 10px 0px;
	background-image: url(img/box-back.gif);
	background-repeat: no-repeat;
	background-position:top center;

  }
  .boxhead {
	background-image: url(img/corner-top-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 16px;
	text-align:left;
	text-indent: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DF4502;
  }

  .boxcontent {
	background-color: #FFF4E1;
	background-image:url(img/box-background.gif);
	background-position: top;
	background-repeat: repeat-x;
	border:1px solid #DF4502;
	padding: 10px;
	vertical-align:top;
	text-align:left;

  }

  .boxcontent img {
	float:left;
	height: 75px;
	width: 75px;

  }


  .inhalt {
	margin-top: 10px;
	background-color: #F5F5F5;
	padding: 6px;
	text-align:left;
 }
   .first {
	margin-left: 160px;
 }

      .neuseeland {
	margin-left: 230px;
 }
 
	 .frankreich {
	margin-left: 230px;
 }

 	 .argentinien {
	margin-left: 230px;
 }
 
   .highschool {
	margin-left: 260px;
	background-color: #F5F5F5;
	padding: 6px;
	text-align:left;
 }

   .highschool-links {
	float:left;
	margin-right:4px;
 }

   .highschool-rechts {
	float:right;
	margin-left:4px;
 }


  .bilder_rechts {
      text-align: right;
      margin: 0px 0px 0px 10px;
      float: right;

  }

  .bilder_links {
      text-align: right;
      margin: 0px 10px 0px 0px;
      float: left;

  }

  .bilder {
      position:absolute; top:0px; left:240px;
  }

  .rand {
      border-bottom: 1px solid #ff6700;
      margin-right:-4px;
  }

/*
********************************E-Card Formatierung***********************************************
*/

  .e-card-versand {
  margin: 0px auto;
  border:2px solid #ADADAD;
  height:460px;
  width: 650px;
}

  .e-card-view {
  margin: 0px auto;
  height:460px;
  width: 650px;
}

  .e-cards {
  text-align: center;
  }

 img.ecards {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  }

a.button {
  background-image: url(img/infobox_background.gif);
	background-repeat:repeat-x;
	background-position: center center;
    color:#FFF;
    padding: 4px 6px;
    text-decoration:none;
	line-height: 16px;
    vertical-align: middle;
    font-weight:normal;
    font-size:1em;
  width: 100px;
  margin: 10px 10px 10px 0px;
  border: 1px solid #008FD0;

}




		  /*
********************************Formularformatierung***********************************************
*/
form {

	margin: 0px auto;
	padding: 10px;
	width: 80%;
	text-align:left;
	font-size:1em;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    }


form table{
    margin: 0px auto;
	background-color: #F5F5F5;
	width: 100%;
	border-collapse:collapse;
    }
form td {

	border-bottom:2px solid #FFFFFF;
	padding: 4px;}

input, select, option, textarea {

font-family:  Verdana, Arial, Helvetica, sans-serif;
border-width: 1px;
font-size: 1em;
    border-color: #999999;
	border-style: solid;

    }


table#form {
    margin: 0px auto;
	background-color: #F5F5F5;
	width: 80%;
	border-collapse:collapse;
    }
table#form td {

	border-bottom:2px solid #FFFFFF;
	padding: 4px;}
input{
width: 99%;}
input#file
{
font-family:  Verdana, Arial, Helvetica, sans-serif;
border-width: 1px;
    border-color: #999999;
	border-style: solid;
    }

input {
    color: #000000;
    font-size: 1em;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-color: #999999;
	border-style: solid;

    }
input#submit {
	margin:4px;
	font-weight: bold;
	font-size: 1em;
	padding: 2px 4px;
	background-image:url(img/infobox_background.gif);
	background-color:#008FD0;
	background-position: center center;
	color:#FFFFFF;
	border: 1px solid #008FD0;
	width:auto;
	line-height:16px;


}
input#radio{
	margin:0 10px 0 10px;
	padding:0;
	width:auto;
	vertical-align:bottom;
	border:0px;}

input#checkbox{
	margin:0px;
	padding:0;
	width:auto;
	vertical-align:bottom;
	border:0px;}


img.start {width:25px; height:14px; border:none; margin-right:5px;}

form#login {
   	background: none;
	padding: 0px;
	text-align:right;
	margin-right: 0px;
	font-weight: normal;
    }

form#logininclude {
	background: none;
	padding: 0px;
	text-align:right;

	padding-top: 6px;
	margin-right: 0px;
	font-weight: normal;


    }
#logininclude input{
	padding:0px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	width: 120px;
	margin-left: auto;
    }
	#logininclude input#submit{
   	 background-image: url(img/infobox_background.gif);
	background-repeat:repeat-x;
	background-position: center center;
    color:#FFF;
    padding: 1px 4px;
    text-decoration:none;

    vertical-align: middle;
    font-weight:normal;
    font-size:0.8em;
  width: auto;
  border: 1px solid #008FD0;

    }
	#logininclude p{
   	padding:0px;
	margin: 0px;
	text-align: right;
    }
/*
********************************Navigations-style***********************************************
*/



.aufklappen{
    border:0;
}



.besucht {
	background-image: url(img/navi_background.gif);
	background-repeat: no-repeat;
	background-position: center center;
      color:white;
      padding-left:10px;
      padding-top:1px;
      text-decoration:none;
      display:block;
line-height: 17px;
vertical-align: middle;
      font-weight:bold;
      font-size:11px;

      }
div#navitext a:hover {

	color:white;
	background-image: url(img/navi_background.gif);
	background-repeat: no-repeat;
	background-position: center center;

}

div#navitext a.subnavi:hover {

	color:white;
	background-image: url(img/subnavi_background.gif);
	background-repeat: no-repeat;
	background-position: center center;



}
div#navitext a.subnavi:active {

	color:white;
	background-image: url(img/subnavi_background.gif);
	background-repeat: no-repeat;
	background-position: center center;



}
div#navitext a.subnavibesucht:hover {

	color:white;
	background-image: url(img/subnavi_background.gif);
	background-repeat: no-repeat;
	background-position: center center;


}

.home {
    border-top:1px solid white;
    border-bottom:1px solid white;
    }

a.top {
  float: left;
  }



/* ------------------------------button----------------------------------- */

/*a.button {
      background-color:#D4D0C8;
      color:black;
      border:2px outset #D4D0C8;
      padding-left:5px;
      padding-top:5px;
      padding-right:5px;
      padding-bottom:5px;
      display:block;
      width: 130px;
      FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
      font-weight:normal;
      font-size:11px;
      text-decoration:none;
      text-align:center;
      }

a.button:hover {
      /* background-color:#F5DA00; */
  /*   {  color:#0150B2;
      border:2px inset #D4D0C8;
      }
*/

/* ------------------------------infobox----------------------------------- */
div#infobox {
	position:absolute;
	top: 24px;
	margin: 0px;
	background-image: url(img/box-back.gif);
	background-repeat: no-repeat;
	background-position:top center;

  }
div#infoboxhead {
	background-image: url(img/corner-top-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 16px;
	text-align:left;
	padding-left:4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DF4502;
  }

div#infoboxcontent {
	background-color: #FFF4E1;
	background-image:url(img/box-background.gif);
	background-position: top;
	background-repeat: repeat-x;
	border:1px solid #DF4502;
	text-align:left;


  }

div#infobox a {
      color:#006AA8;
      FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
	  line-height: 18px;
      text-decoration:underline;
      text-align:left;
      display:block;
      padding:3px;
	  border:0;
	  margin:0;

	  font-weight:normal;
      }

div#infobox a:hover {
	background-image: url(img/infobox_background.gif);

	background-position: center center;
      color:#FFFFFF;
	  font-weight:normal;
	  border:0;
	  margin:0;


      }
div#infobox a.besucht {
    background-image: url(img/infobox_background.gif);
	background-repeat:repeat-x;
	background-position: center center;
      color:#FFFFFF;
	  font-weight:normal;
	  border:0;
	  margin:0;
      }

div#infobox img {
	border:0;
	margin:0;
	padding:0;
	}
/*
********************************Communitybox***********************************************
*/

div#communitybox {

	margin: 10px 40px 40px;

	text-align: left;

  }
div#communityboxhead {
	background-image: url(img/corner-top-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 16px;
	text-align:left;
	padding-left:4px;
border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DF4502;
  }

div#communityboxcontent {



  }
div#communitybox a {
      color:#006AA8;
      FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
      font-size:1em;
	  text-decoration:none;



	  font-weight:normal;
      }

div#communitybox a:hover {

  text-decoration:underline;

      }
div#communitybox img {
	border:0px;
	padding-right:2px;
	float: left;
	vertical-align: middle;
	}
<!-- bestellen Katalog -->

#form_katalog{
width:100%;}

#form_katalog table{
width:100%;}

#form_katalog td{
padding:0 20px 0 0;}

#form_katalog input, select{
width:100%;
align:center;}

#form_katalog option{
width:100%;
align:center;
border:0px;}

#form_katalog #submit{
align:center;
width:auto;}

/* Community */
.pagination {
font-size: 1.1em;
}
.right {
margin-top:10px;
margin-left: 39%;
}
.pagination a{
	padding:1px 5px 1px 5px;
	border:1px solid #ffffff;
	color:#008fD0;
	text-decoration: none;
}
.pagination a:hover{
	text-decoration:none;
	border:1px solid #008fD0;
	background-color:#efefef;
	color:#FFFFFF;
}
.current  a{
	padding:1px 5px 1px 5px;
	text-decoration:none;
	font-weight:700;
	border:1px solid #EF5110;
	color:#EF5110;
	background-color:#FFF4E1;
}