/*General styles*/
* {
  margin:0; padding:0;
}

a img {
  border: 0;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

/*Body styles*/
body {
  margin:0;
  padding:0;
  
  font-family: Verdana;
  font-size: 12px;
  color: #3c4238;
  
  background-color: #e8e8e8;
  background-image: url(../images/design/bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  
  text-align: center;
}

/*wrapper with banner bg*/
#wrapper {
  text-align: left;
  margin: 0px auto 0px auto;
  width: 1000px;
}

/*menu at top right*/
#topmenu {
  position: absolute;
  top:4px;
  padding: 0px 0px 0px 616px;
  
  font-family: Arial;
  color: #ffffff;
  
  z-index: 3;
}

#topmenu a:link, #topmenu a:visited {
  color: #ffffff;
}

#topmenu a.active:link, #topmenu a.active:visited {
  color: #c2c2c2;
}

#topmenu .search {
}

#topmenu .search form {
  display:inline;
}

input#searchinput {
  width: 88px; height: 14px;
  margin:0px 0px 0px 10px;
  vertical-align: top;
  font-size: 10px;
  padding-left:3px;
  
  background-image: url(../images/design/search_input_bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  border:0;
}

#topmenu ul, #topmenu ul li {
  display: inline;
  list-style-type: none;
  padding-left: 20px;
}

/*big top banner*/
#top_banner {
  position: absolute;
  top: 0px;
  z-index: 1;
}

/*ipod+logo*/
h5#logo {
  position:absolute;
  top:80px;
  text-indent: -1000;
  display:block;
  width: 403px; height: 357px;
  
  background-image: url(../images/design/ipod_logo.png);
  background-position: top-left;
  background-repeat: no-repeat;
  *background-image: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/images/design/ipod_logo.png',sizingMethod='scale');
  
  margin-left:-50px;
  z-index: 2;
}

/*subwrapper - contains all contents in centered main area*/ 
#subwrapper {
  position:absolute;
  top: 205px;
  width:1000px;
  
  z-index: 3; 
}


/*main menu under the top banner*/

ul#mainmenu {
  padding-left: 200px;
}

ul#mainmenu, ul#mainmenu li {
  list-style-type: none;
  font-weight: bold;
  font-size: 12px;   
}

ul#mainmenu li {
  display: inline;
  padding-right: 30px;
}

ul#mainmenu a:link, ul#mainmenu a:visited {
  color: #ffffff;
}

ul#mainmenu a.active:link, ul#mainmenu a.active:visited {
  color: #c2c2c2;
}

/*sub menu under the main menu*/
ul#submenu {
  padding-left: 189px;
  padding-top: 3px;
  height: 13px;
}

ul#submenu, ul#submenu li {
   font-size: 12px;
   list-style-type: none;
}

ul#submenu li {
  display: inline;
  padding: 0px 11px 0px 12px;
  /*background-image: url(../images/design/submenu_bullet.jpg);
  background-position: 0px 6px;
  background-repeat: no-repeat;*/
}

ul#submenu a:link, ul#submenu a:visited {
  color: #ffffff;
}

ul#submenu a.active:link, ul#submenu a.active:visited {
  color: #c2c2c2;
}


/*banners+menus left and right*/
#left_column {
  position:absolute;
  top: 255px;
  width: 171px;
  
  /*border: 1px solid red;*/
  z-index: 4;
}

#right_column {
  position:absolute;
  top: 255px;
  width: 171px;
  margin-left: 816px;
  
  z-index: 4;
}

#left_column h3, #right_column h3 {
  display:block;
  width:151px; height:19px;
  *width:176px; *height: 33px;
  
  margin-top: 15px;
  padding: 14px 0px 0px 26px;
  *padding: 16px 0px 0px 26px;
  font-size: 9px;
  font-family: Arial;
  color: #f3f3f3;
  text-transform: uppercase;
  text-align: center;
  
  background-position: left top;
  background-repeat: no-repeat;
}

#left_column h3.podcast, #right_column h3.podcast {
  background-image: url(../images/design/podcast_header.png);
  *background-image: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/images/design/podcast_header.png',sizingMethod='scale');
}

#left_column h3.create, #right_column h3.create {
  background-image: url(../images/design/create_header.png);
  *background-image: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/images/design/create_header.png',sizingMethod='scale');
}

#left_column .bannerContent, #right_column .bannerContent {
  padding-left:4px; 
}


#left_column ul.bannerContent, #right_column ul.bannerContent {
  width:151px;
  margin-left:4px;
  background-color:#cccccc;
  padding-left:20px;
  padding-bottom:20px;
  line-height: 19px;
  background-image:url(../images/design/banner_menu_bg.jpg);
  background-repeat:no-repeat;
  background-position:left bottom;
}


#left_column ul.bannerContent a:link, #right_column ul.bannerContent a:link, #left_column ul.bannerContent a:visited, #right_column ul.bannerContent a:visited{
  color: #000000;
}

#left_column ul.bannerContent a:link.active, #right_column ul.bannerContent a:link.active, #left_column ul.bannerContent a:visited.active, #right_column ul.bannerContent a:visited.active {
  font-weight: bold;
}

#left_column ul.bannerContent a:hover, #right_column ul.bannerContent a:hover{

}

#right_column img {
	margin-left:5px;
}

#left_column img {
	margin-left:5px;
}

#content_wrapper {
  margin-top:9px;
  margin-left:149px;
  margin-right: 147px;
    
  background-color: #dedede;
  background-image: url(../images/design/content_wrapper_bg.jpg);
  background-position: 0px 1px;
  background-repeat: no-repeat;
}

* html #content_wrapper {
	width:705px;
}

/*main content*/
#content {
  padding-left: 75px;
  padding-right: 75px;
  padding-bottom: 100px;
  background-image: url(../images/design/content_bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  
    
}

#content h1, #content h2 {
  font-family: Arial;
  color: #5e645b;
  font-weight: bold;
}

#content h1 {  
  font-size: 20px;
  padding: 10px 0px 20px 0px;
  
  text-transform: uppercase;
}

#content #flashheader {      
	margin: 0;
	padding:20px 0px 0px 0px;
}

#content h2 {
  font-size: 16px;
  padding: 0px 0px 10px 0px;
}

#content p {
  padding: 4px 0px 4px 0px;
  
  line-height: 18px;
}

#content a:link, #content a:visited {
  color:#0000ff;
  text-decoration: underline;
}

#content a:hover {
  text-decoration: none;
}

#content ul {
  margin-left: 50px;
  line-height: 18px;
}



/*typo3-css overrides*/

/*search*/
table.csc-searchform p.csc-form-label {
  font-size: 12px;
}

table.csc-searchResultInfo td.csc-searchResultRange p {
  font-size: 12px;
}

h3.csc-searchResultHeader {
  margin-top:10px;
  font-size: 12px;
}

p.csc-searchResult {
  margin-bottom:10px;
}

/* Kontakt formular style */


form.contact {
width: 600px;
margin: 5px auto;
}

.contact label {
display: inline-block;
width: 100px;
text-align:right;
margin: 6px 2px 5px 30px;
}

.contact label span, .captcha-txt>span{
color: #ee3212;
}

.contact input {
	padding: 1px;
}

.con-msg {
 margin: -22px 0 0 135px;
 }
 
 .inp-error {
 	text-align: center;
 	color: #ee3212;
 }
 
.captcha-txt {
	margin: 13px 30px;
}

.captcha-img {
	float: left;
	margin: 0 7px 0 30px;
	width: 97px;
}

.con-submit {
	margin: 8px 0 2px 135px;
	padding: 2px;
	cursor: pointer;
	}
	
/* Programme Back Link */

.prog-top {
padding: 5px 0;
text-align: right;
font-size: 11px;
}

.prog-back-link {
color: #646464 !important;
}

.sample-header {
font-size: 14px;
margin-right: 20px
}

.sample-list {
 list-style:none;
 padding:0;
 margin: 10px 0 10px -10px;
 }
 
 .sample-list >li {
 	margin: 2px 0px;
 	padding: 3px 0;
 	text-align:left;
 }	

.sample-link {
display: inline-block;
background: url(../images/content/hp-icon.png) no-repeat top left;
color: #646464 !important;
text-decoration: none !important;
font-size: 12px;
margin: 0;
padding: 1px 0 2px 21px;
height: 17px;
overflow: hidden;
}

.sample-link:hover {
  color: #61b931 !important;
  background-position: 0px -18px;
}