/*

	Layout-CSS für BvS-TYPO3-Template

	Deutscher Tele Markt

*/



html {

	margin: 0;

	padding: 0;

	overflow-y: scroll;

}



body {

	background-color: #fff;

	margin: 0;

	padding: 0;

}



#page {

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

	text-align: center;

}



#container {

	width: 1000px;

	margin: 0 auto 0 auto;

	background-color: #ffffff;

	text-align: left;

}



#header {

	width: 1000px;

	height: 425px;

	background-color: #fff;

}



#header_left {

	width: 290px;

	height: 425px;

	background-image: url(images/logo.png);

	float: left;

}



#header_left img { display: block; border: 0; }



#header_menu img { float: left; }



#header_right {

	width: 710px;

	height: 425px;

	float: left;
  position: relative;
	background: url(images/header_start.png) right 0;    

}

#navi_lang {
  position: absolute;
  top: 10px;
}

#navi_lang img {
  padding-left: 10px;
  
}

#submenu_verband { float: left; width: 254px; padding: 192px 0 0 1px; }
#header_right #submenu_verband a { padding: 2px 0px 0px 22px; clear: left; float: left; width: 232px; height: 20px; color: #000; background: transparent; text-decoration: none; font-weight: bold; font-family: Verdana; }
#header_right #submenu_verband a.aktiv, #header_right #submenu_verband a:hover {color: #fff; background-color: #500006; filter:alpha(opacity=80);  -moz-opacity:0.8; opacity: 0.8;}

#submenu_berufsbild { float: left; width: 254px; padding: 236px 0 0 1px; }
#header_right #submenu_berufsbild a { padding: 2px 0px 0px 22px; clear: left; float: left; width: 232px; height: 20px; color: #000; background: transparent; text-decoration: none; font-weight: bold; font-family: Verdana; }
#header_right #submenu_berufsbild a.aktiv, #header_right #submenu_berufsbild a:hover {color: #fff; background-color: #500006; filter:alpha(opacity=80);  -moz-opacity:0.8; opacity: 0.8;}

#submenu_berufsbild img, #submenu_verband img { margin: 0; padding: 0; display: block; border: 0; }



#header_right img.headline { width: 421px; display: block; position: relative; top: 380px; left: -1px; }

* html #header_right img.headline { top: 380px; } /* für IE6 */



#header_right img.sub_headline { position: relative; top: 380px; width: 421px; left: -257px; }

* html #header_right img.sub_headline { display: block; position: relative; top: 260px; left: -260px; } /* für IE6 */

*+html #header_right img.sub_headline { top: 260px; } /* für IE7 */

html>/**/body #header_right img.sub_headline { top: 55px; left: -3px; width: 421px; margin-right: 100px; } /* Only FireFox 3 */



/** FE-Login **/

#login {

	float: right;

	padding: 10px 10px 0 0;

	text-align: right;

	width: 230px;

	height: 110px;

}

#login_contents { width: 230px; float: right; }



.login_field { width: 150px; border: 1px solid #ddd; padding: 2px; margin-top: 0.55em; font-size: 8pt; }

.login_button { width: 156px; border: 1px solid #cc0000; padding: 2px; margin: 0.5em 0 0.5em 0; background-color: #cc0000; color: white; font-size: 8pt;}

* html .login_button { padding: 0; }

#login label { display: inline; }

#login_links {float: right; width: 156px; text-align: left; }



#content {

	background-color: #ffffff;

}



#content_head {

	background-color: #d0cccd;

	padding: 3px 10px 0.5em 10px;

}



#content_head_middle {

	margin-left: 302px;

	width: 360px;

}



#content_left  {

	position: relative;

	float: left;

	margin: 15px 0 0 308px;

	width: 370px;

}



#content_right {

	position: relative;

	float: right;

	width: 315px;

	text-align: right;

	margin-top: 15px;

}





#content_right img { margin-top: 55px; }



#content_left_content,

#content_head_left_content {

	margin: 10px;

}



#footer {

	padding: 10px;

	height: 40px;

	clear: both;

	z-index: 1;

}



#footer_content {

	float: right;

	margin: 15px 10px 0 0;

}



.clear { clear: both; }



table { border-collapse: collapse; margin-left: 5px; width: 100%; margin-bottom: 10px;}

tr { vertical-align: top; }

td { border: 1px solid #d0cccd; padding: 5px; }


/* neu hinzugefuegt wegen Typo3 Update auf 6.2 Tobias Loeschner */
#content_head  .csc-textpic-imagewrap ul {
	float:left;
	padding: 0px;
}
#content_head_middle_content .csc-textpic-imagewrap ul  li.csc-textpic-image {
 float:none;
}
#content_left DIV.csc-textpic DIV.csc-textpic-single-image IMG {
 margin-bottom: 0px;
}
ul.filelist {
 list-style: none;
}
#content_left ul.filelist li{
 margin-left: -30px;
}
#content_left li.csc-textpic-image {
 margin-left: 10px;
}
#content_right DIV.csc-textpic DIV.csc-textpic-single-image IMG {
 margin-bottom: 5px;
}

#navi_lang #en {
	padding-left: 0px;
}