body {
background: url(gradient.gif);
background-repeat: repeat-x;
}
/*body { font: 1em "Trebuchet MS", verdana, arial, sans-serif; font-size: 100%; }
input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; }*/

p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #000;
margin: 0 0 15px 0;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 22px;
line-height: 30px;
color: #000;
margin: 0 0 15px 0;
}

h2 {

}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 16px;
color: #000;
margin: 0 0 8px 0;
}

#content {
width: 980px;
height: 650px;
margin-left: auto;
margin-right: auto;
}

#inhalte {
position: relative;
top: 0;
left: 0;
background: #fff;
padding: 30px 60px 60px 40px;
margin: 0;
}

.front_block230 {
float: left;
display: block;
width: 230px;
}

a.textlink {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #000;
text-decoration: underline;
}

a.textlink:hover, a.textlink:active {
color: #000;
text-decoration: none;
}

ol {
list-style: none;
margin: 0;
}

ul {
list-style: none;
margin: 0;
}

li {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #000;
margin: 0 0 15px 0;
}

.bannerblock_medium {
float: left;
display: block;
width: 200px;
padding: 10px;
margin: 0 15px 15px 0;
background: #eee;
}

.bannerblock_long {
float: left;
display: block;
width: 675px;
padding: 10px;
margin: 0 0 15px 0;
background: #eee;
}

/* ----- HEADER ----- */
#header {
width:980px;
height: 170px;
background-color: #fff;
}

#area_logo {
float: left;
display: block;
width: 182px;
height: 91px;
margin: 25px 0 0 30px;
}

#area_sprache {
float: left;
display: block;
width: 450px;
height: 105px;
margin: 10px 0 0 100px;
}

#head_sprachen {
float: right;
display: block;
width: 377px;
height: 59px;
}

#area_videowolke {
float:left;
display:block;
width: 180px;
height: 100px;
margin: 20px 0 0 30px;
}

/*
a.videowolke {
float:left;
display:block;
width: 128px;
height: 100px;
background: url(../images/header/vhs_wolke.jpg) no-repeat 0 0;
}

a.videowolke:hover, a.videowolke:active {
background-position: 0 -100px;
}

a.videowolke_current {
float:left;
display:block;
width: 128px;
height: 100px;
background: url(../images/header/vhs_wolke.jpg) no-repeat 0 -100px;
}
*/

#area_menue {
clear: both;
float: left;
display: block;
width: 709px;
height: 25px;
margin: 17px 0 0 260px;
padding: 0;
}

a.header_menue_home {
float:left;
display:block;
width: 52px;
height: 25px;
margin: 0 15px 0 0;
background: url(../images/header/vhs_menue.jpg) no-repeat -557px 0;
}

a.header_menue_home:hover, a.header_menue_home:active {
background-position: -557px -25px;
}

a.header_menue_home_current {
float:left;
display:block;
width: 52px;
height: 25px;
margin: 0 15px 0 0;
background: url(../images/header/vhs_menue.jpg) no-repeat -557px -25px;
}

a.header_menue_videocontest {
float:left;
display:block;
width: 103px;
height: 25px;
margin: 0 15px 0 0;
background: url(../images/header/vhs_menue.jpg) no-repeat 0 0;
}

a.header_menue_videocontest:hover, a.header_menue_videocontest:active {
background-position: 0 -25px;
}

a.header_menue_videocontest_current {
float:left;
display:block;
width: 103px;
height: 25px;
margin: 0 15px 0 0;
background: url(../images/header/vhs_menue.jpg) no-repeat 0 -25px;
}

/*
a.header_menue_vhsyoutube {
float:left;
display:block;
width: 115px;
height: 25px;
margin: 0 15px 0 0;
background: url(../images/header/vhs_menue.jpg) no-repeat -103px 0;
}

a.header_menue_vhsyoutube:hover, a.header_menue_vhsyoutube:active, a.header_menue_vhsyoutube_current {
background-position: -103px -25px;
}
*/

a.header_menue_sprachkurse {
float:left;
display:block;
width: 132px;
height: 25px;
margin: 0 15px 0 0;
background: url(../images/header/vhs_menue.jpg) no-repeat -218px 0;
}

a.header_menue_sprachkurse:hover, a.header_menue_sprachkurse:active, a.header_menue_sprachkurse_current {
background-position: -218px -25px;
}

a.header_menue_ecard {
float:left;
display:block;
width: 135px;
height: 25px;
margin: 0 15px 0 0;
background: url(../images/header/vhs_menue.jpg) no-repeat -350px 0;
}

a.header_menue_ecard:hover, a.header_menue_ecard:active {
background-position: -350px -25px;
}

a.header_menue_ecard_current {
float:left;
display:block;
width: 135px;
height: 25px;
margin: 0 15px 0 0;
background: url(../images/header/vhs_menue.jpg) no-repeat -350px -25px;
}

a.header_menue_login {
float:left;
display:block;
width: 72px;
height: 25px;
background: url(../images/header/vhs_menue.jpg) no-repeat -485px 0;
}

a.header_menue_login:hover, a.header_menue_login:active {
background-position: -485px -25px;
}

a.header_menue_login_current {
float:left;
display:block;
width: 72px;
height: 25px;
background: url(../images/header/vhs_menue.jpg) no-repeat -485px 0;
background-position: -485px -25px;
}

#area_linie {
float: left;
display: block;
width: 980px;
height: 7px;
background: url(../images/header/header_linie.jpg) no-repeat 0 0;
}

/* ----- FOOTER ----- */

#footer {
z-index: 999;
position: relative;
float: left;
display: block;
width: 100%;
height: 65px;
background: #fff;
}

#footer p {
font-size: 10px;
line-height: 50px;
color: #000;
}

#footer a {
color: #000;
text-decoration: underline;
}

#footer a:hover, a:active {
color: #000;
text-decoration: none;
}

#footer_linie {
float: left;
display: block;
width: 980px;
height: 7px;
margin: -10px 0 10px 0;
}

#vogerl {
width: 62px;
height: 51px;
margin: -43px 0 0 790px;
}

#footer_links {
float: left;
display: block;
width: 490px;
height: 40px;
}

#footer_rechts {
float: right;
display: block;
width: 450px;
height: 40px;
margin: 0 10px 0 0;
}

.footer_rechts_element {
float: right;
display: block;
}

.col_230 {
width: 230px;
height: 430px;
float: left;
display: block;
/*background: yellow;  ---------- ORIENTIERUNGSHINTERGRUND */
}

.col_345 {
width: 345px;
height: 430px;
float: left;
display: block;
/*background: yellow;  ---------- ORIENTIERUNGSHINTERGRUND */
}

.col_460 {
width: 460px;
height: 430px;
float: left;
display: block;
/*background: yellow;  ---------- ORIENTIERUNGSHINTERGRUND */
}

.col_575 {
width: 575px;
height: 430px;
float: left;
display: block;
/*background: yellow;  ---------- ORIENTIERUNGSHINTERGRUND */
}

.col_690 {
width: 690px;
height: 430px;
float: left;
display: block;
/*background: yellow;  ---------- ORIENTIERUNGSHINTERGRUND */
}

.preview105 {
padding: 5px;
float: left;
display: block;
width: 105px;
height: 60px;
/*background: red;  ---------- ORIENTIERUNGSHINTERGRUND */
}

.preview220 {
padding: 5px;
float: left;
display: block;
width: 220px;
height: 130px;
/*background: red;  ---------- ORIENTIERUNGSHINTERGRUND */
}

.preview450 {
padding: 5px;
float: left;
display: block;
width: 450px;
height: 270px;
/*background: red;  ---------- ORIENTIERUNGSHINTERGRUND */
}

.schatten {
-moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
-webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}

.v001 {
width: 920px;
height: 430px;
background: url(../images/bg/bg_001.jpg);
}

.v002 {
width: 920px;
height: 430px;
background: url(../images/bg/bg_002.jpg);
}

.v003 {
width: 920px;
height: 430px;
background: url(../images/bg/bg_003.jpg);
}

.v004 {
width: 920px;
height: 430px;
background: url(../images/bg/bg_004.jpg);
}

.v005 {
width: 920px;
height: 430px;
background: url(../images/bg/bg_005.jpg);
}

.infiniteCarousel {
z-index: 333;
  width: 980px;
  height: 430px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  /*background: black;  ---------- ORIENTIERUNGSHINTERGRUND */
}

.infiniteCarousel .wrapper {
  width: 920px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  height: 430px;
  overflow: auto;
  min-height: 10em;
  margin: 0;
  padding: 0 30px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 0;
  /*border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding: 0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding:0;
  width: 920px;
  height: 430px;
  /*background: fuchsia;  ---------- ORIENTIERUNGSHINTERGRUND */
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 30px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 160px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

/* ---------- CAPTIONS */
.caption-top450, .caption-bottom450 {
	color: #ffffff;	
	max-width:420px;
	padding: 15px 15px 15px 15px;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;	
	font-family: Arial, Helvetica, sans-serif;	
	text-align: right;
	cursor: default;
	border: 0px solid /*#334143*/;
	background: #000000;
	/*text-shadow: 1px 1px 0 #202020;*/
}
.caption-top220, .caption-bottom220 {
	color: #ffffff;
	max-width:200px;	
	padding: 10px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;	
	font-family: Arial, Helvetica, sans-serif;	
	text-align: right;
	cursor: default;
	border: 0px solid /*#334143*/;
	background: #000000;
	/*text-shadow: 1px 1px 0 #202020;*/
}
.caption-top105, .caption-bottom105 {
	color: #ffffff;	
	max-width:95px;
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	font-family: Arial, Helvetica, sans-serif;	
	text-align: right;
	cursor: default;
	border: 0px solid /*#334143*/;
	background: #000000;
	/*text-shadow: 1px 1px 0 #202020;*/
}
/*
.caption-top {
   border-width: 0px 0px 8px 0px;
}

.caption-bottom {
   border-width: 0px 0px 0px 0px;
}
*/
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
	-moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}
br.c { clear: both; }

a, a:hover, a:active {
text-decoration: none;
}