/* -----------------------------------------------------------------

CSS Document: global.css (Dokumentweite Style-Definition)

client:		Brüchert + Kärner | Profiltüren
website:	www.profiltüren.de
edited: 	21.11.2006
author: 	thorsten rath
-----------------------------------------------------------------*/




/* Default-Einstellungen der Browser zurücksetzen
-----------------------------------------------------------------*/

html, body, h1, h2, h3, h4, p, img, a {
	margin:0;
	padding:0;
	border:0px;
	}
	
ul {
	
	list-style-type:none;
	margin:0px;
	padding:0px;
	border:0px;
	}
	
li {
	display:block;
}	

a{
	color:#464a4f;
	font-weight:normal;
	text-decoration:underline;
	}

a:hover{
	color:#464a4f;
	font-weight:bold;
	text-decoration:underline;
	}

	

/* Definition der dokumentweiten Fomate & Klassen
-----------------------------------------------------------------*/

body	{
	/*background:#8E8F90 url(../img/hintergrund_verlauf.gif) repeat-x 0 0;*/
	background:#cdcdcd url(../img/hintergrund_verlauf.gif) repeat-x 0 0;
	/*background:#ffffff;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#464a4f;
	}

#mainbox	{
	width:1000px;
	height:610px;
	margin: 5px auto 0px auto;
	border:1px solid #464a4f;
	}

#header	{
	height:78px;
	width:1000px;
	background:#eaeaea url(../img/seitencontent/bg-header.gif) no-repeat 0 0;
	}

#header img {
	vertical-align:bottom;
	}
	
#logo	{
	margin: 0px 0px 0px 37px;
	background-color:#ffffff;
	}
	
#contentbox	{
	position:relative;
	float:left;
	height:532px;
	width:439px;
	border-right:1px solid #464a4a;
	background-color:#ffffff;
	}

#contentbox.noB	{
	border-right:0px solid #464a4a;
}

#contentbox p{
/*	padding: 20px 20px 0 20px;*/
}

#contentbox	img {
	vertical-align:bottom;
	}

.contentbox_overflow {
	overflow:scroll;
	overflow-x:hidden;
	}


#infobox	{
	position:relative;
	float:left;
	height:507px;
	width:324px;
	border-bottom:1px solid #464a4a;
	background-color:#ffffff;
	line-height:18px;
	}

.infobox_ueberschrift {
	margin-top:65px;
	}

.infobox_textausgabe {
	width:270px;
	margin:25px 0px 0px 32px;
	}

.infobox_buttons {
/* Abstand links wird am Inhalt der Grafik ausgerichtet */
	position:absolute;
	top:350px;
	left:32px;
	}


/* Definition der Formate und Klassen für Navigation
-----------------------------------------------------------------*/

#navbox	{
	position:relative;
	float:left;
	height:532px;
	width:236px;
	background-image:url(../img/seitencontent/bg-navbox.gif);
	background-repeat:no-repeat;
	background-color:#ffffff;
	}

#navigation {
	margin:42px 0px 0px 29px;
	}

/* Start: Korrektur für IE 6 & 7 / Schriftunterschnitt werden eleminiert */
#navigation * {
	white-space:nowrap;
	}

#navigation img, #navigation li {
	vertical-align:bottom;
	}

#navigation .subnav li {
	height:18px;
	}
	
/* Ende: Korrektur für IE 6 & 7 */


.topnav	{
	margin-top:13px;
	}
.topnav img {
	height:15px;
	}

.subnav	{
	padding-left:21px;
	}

.subnav img {
	height:18px;
	}



/* Definition der Formate und Klassen für Metanavi
-----------------------------------------------------------------*/

#metanavi-box	{
	clear:none;
	float:left;
	height:24px;
	width:324px;
	background-color:#eaeaea;
	}

#metanavi {
	margin-top:8px;
	padding:0px;
	text-indent:0px;
	}

#metanavi li	{
	float:left;
	padding-left:29px;
	}

#metanavi img {
	display:block;
	}

/* Definition der Formate und Klassen für 'Home"
-----------------------------------------------------------------*/

.home_teaserbox {
	position:absolute;
	width:240px;
	left:47px;
	}
	
.home_teaserbox img {
	border:1px solid black;
	}

.home_teaserbox p {
	position:absolute;
	left:84px;
	bottom:0px;
	}

.home_teaserbox p img {
	margin-top:10px;
	border:0px;
	}




/* Definition der Formate und Klassen für 'Unser Team"
-----------------------------------------------------------------*/

.team_imagebox {
	float:left;
	margin:25px 0px 15px 25px;
	padding-right:0px;
	display:inline;
	}

.team_imagebox img {
	margin-bottom: 10px;
	margin-right:24px;
	}



/* Definition der Formate und Klassen für 'Unsere Partner'
-----------------------------------------------------------------*/

.partner_teaserbox {
	width:350px;
	margin:25px 0 0 20px;	
	float:left;
	}
	
.partner_teaserbox img {
	float:left;
	margin-right:15px;
	}



/* Definition der Formate und Klassen für Programm
-----------------------------------------------------------------*/

#vorschau	{
	position:absolute;
	vertical-align:bottom;
	top:-52px;
	left:-1px;
	}
	
#vorschau_thumb {
	float:left;
	border:1px solid black;
	}

#vorschau_navi {
	position:absolute;
	width:168px;
	left:115px;
	bottom:0px;
	}

#vorschau_navi img {
	display:block;
	vertical-align:bottom;
	}

#vorschau_navi li {
	float:left;
	margin-right:0px;
	margin-top:6px;
	}


#programm_infobox_top	{
	position:relative;
	height:261px;
	background-color:#c9c7c4;
	border-bottom:1px solid black;
	}

#programm_top_content {
/* Abstand links wird von der Grafik definiert */
	position:absolute;
	margin-top:61px;
	}


#programm_infobox_bottom {
	position:absolute;
	margin-top:262px;
	width:324px;
	height:245px;
	}

#programm_infobox_bottom h2 {
	position:relative;
	margin:30px 21px 0 31px;
	font-size:11px;
	font-weight:bold;
	}

.programm_textausgabe {
	position:relative;
	width:262px;
	margin:16px 32px 0 32px;
	overflow:auto;
	height:130px;
	}

.programm_info_buttons {
	position:absolute;
	top:195px;
	left:32px;
	}


/* Definition der Formate und Klassen für Merkliste 
-----------------------------------------------------------------*/

.merkliste_thumbbox {
	clear:both;
	position:relative;
	height:113px;
	width:420px;
	margin:24px 0px;
	}

.merkliste_thumbbox-img {
	float:left;
	margin-left:45px;
	border:1px solid black;
	}

.merkliste_thumbbox h3 {
	font-size:11px;
	font-weight:bold;
	padding-top:45px;
	margin-left:170px;
	}

.merkliste_thumbbox p {
	margin-left:170px;
	}

.merkliste_buttons {
	position:absolute;
	left:171px;
	bottom:0px;
	}

.merkliste_buttons img {
	vertical-align:bottom;
	}

.merkliste_rightbutton {
	margin-left:55px;
	}




/* Definition der Formate und Klassen für Prospekte 
-----------------------------------------------------------------*/

.prospekte_thumbbox {
	clear:both;
	position:relative;
	height:122px;
	width:420px;
	margin:24px 0px;
	}

.prospekte_thumbbox h3 {
	font-size:11px;
	font-weight:bold;
	padding-top:45px;
	margin-left:170px;
	}

.prospekte_thumbbox p {
	margin-left:170px;
	}

.prospekte_imagebox {
	position:absolute;
	text-align:center;
	width:121px;
	bottom:0px;
	left:27px;
	}

.prospekte_imagebox img {
	border:1px solid black;
	margin:auto 0;
	}

.prospekte_buttons {
	position:absolute;
	left:171px;
	bottom:0px;
	}

.prospekte_buttons img {
	vertical-align:bottom;
	}



/* Definition der Formate und Klassen für Prospektbestellung
-----------------------------------------------------------------*/

#prospektbestellung {
	padding:20px;
	}

#prospektbestellung .textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid black;
	float:left;
	width:210px;
	height: 100px;
	}
		
#prospektbestellung .textinput {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid black;
	float:left;
	width:210px;
	}

#prospektbestellung .textinput_plz {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:50px;
	border:1px solid black;
	}

#prospektbestellung .textinput_ort {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:155px;
	border:1px solid black;
	}
	
#prospektbestellung .textinput_tel1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:47px;
	border:1px solid black;
	}

#prospektbestellung .textinput_tel2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:152px;
	border:1px solid black;
	}


#prospektbestellung .tablabel {
	float:left;
	width:80px;
	}
	
#prospektbestellung .tabpadding {
	padding:3px 0 0 0;
	}

#prospektbestellung .formline {
	clear:both;
	height:40px;
	}
	
#prospektbestellung .formline2 {
	clear:both;
	height:30px;
	}
	
#prospektbestellung .text {
	clear:both;
	height:140px;
	}

#prospektbestellung .inputline {
	float:left;
	width:215px;
	}

#prospektbestellung_anrede_herr {
	margin-left:-2px;
	float:left;
	}
	
#prospektbestellung_anrede_frau {
	float:left;
	}
	
.inputline input{
	width:15px;
	height:15px;
	margin:2px 0 0 5px;
	}


.radiobutton_text {
	position:relative;
	float:left;
	width:35px;
	vertical-align:top;
	top:3px;
	margin-left:3px;
	}
	
#prospektbestellung .error {
	position:relative;
	top:-3px;
	display:block;
	font-size:10px;
	color:red;
	width:77px;
	float:left;
	margin-left:10px;
	}

#prospektbestellung .cleardist {
	clear:both;
	margin-top:20px;
	}

#prospektbestellung .prospektbox {
	float:left;
	width:146px;
	margin-bottom:15px;
	}
	
#prospektbestellung .kontaktbox {
	float:left;
	width:300px;
	margin-bottom:15px;
	}
	
p.kontakt_btn{
	margin-top:10px;
	}
	

div.kontaktbox {
	margin-top:30px;
	}
	
/* Definition der Formate und Klassen für Prospektbestellung
-----------------------------------------------------------------*/

.agentur {
	width:440px;
	margin:38px 0 25px 20px;
	color:#464a4f;
	}

.direktion {
	margin:20px 0 25px 20px;
	color:#464a4f;
	}

.copyright {
	width:360px;
	color:#8E8F90;
	margin:20px 0 25px 20px;	
	}
	
.umsetzung {
	margin:30px 0 25px 20px;
	color:#464a4f;
	}


.mailDebug {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 300px;
	width: 500px;
	overflow: auto;
	background-color: #fcc300;
	border: 2px solid #ff0000;
	padding: 10px;
	z-index:100;
	visibility:visible;
}
.mailDebug h1{
	font-size:120%;
}

/* Definition der Formate und Klassen für Programmeinstiegsseite
-----------------------------------------------------------------*/

.cRow{
	padding:0 0 7px 0;
	float:left;
}

.firstRow{
	padding:16px 0 7px 0;
}

.cRowText{
	padding:11px 0 0 0;
	float:left;
}

.cImgFirst{
	float:left;
	padding:0 5px 0 33px; 
}
.cImgFirst img.prodImg {border:1px solid #494a4c}

.cImg{
	float:left;
	padding:0 5px 0 22px; 
}
.cImg img.prodImg {border:1px solid #494a4c}

.cImgLast{
	float:left;
	padding:0 0 0 22px; 
}
.cImgLast img.prodImg {border:1px solid #494a4c}

.cImgText{
	float:left;
	margin:0 5px 0 22px; 
	background:#eaeaea;
}

.hpLink1{
	float:left;
	padding:4px 0 0 0;
	}
	
.hpLink2{
	float:left;
	padding:8px 0px 0px 0px;
	}

	

/* Definition der Formate und Klassen für Galerie (Seite Qualität)
-----------------------------------------------------------------*/


.galerie		{ width:442x;overflow:hidden;padding:0px 0px 0px 0px;height:532px;}
.galerie .img  	{ float:left;padding:0px;margin:0px;width:35px;height:532px;overflow:hidden;border-right:1px solid #464a4f}
.galerie .img.act { width:295px;}
.galerie .img.aus { border:4px solid #FF0000;}

/* Händlerbreich
-----------------------------------------------------------------*/

a.login  			{width:100px;display:block;height:10px;position:absolute;left:43px; top:513px;background:url(../img/navigation/haendlerlogin.gif) no-repeat right 0px;}
a.login:hover		{background:url(../img/navigation/haendlerlogin_aktiv.gif) no-repeat right 0px;}

a.login.out 		{background:url(../img/navigation/haendlerlogout.gif) no-repeat right 0px;}
a.login.out:hover	{background:url(../img/navigation/haendlerlogout_aktiv.gif) no-repeat right 0px;}


*html #header a.login  		{height:10px;position:relative;top:-21px;left:890px;margin:0px 0px -40px 0px;background:url(../img/navigation/haendlerlogin.gif) no-repeat right 0px;}
.login_wrapper				{padding:40px 20px 20px 20px;font-family:Arial, Helvetica, sans-serif;font-size:11px;line-height:18px;}
.login_wrapper input		{font-family:Arial, Helvetica, sans-serif;font-size:11px;border:1px solid black;width:150px;margin:0px 0px 4px 0px;}
.login_wrapper label		{width:100px;display:block;float:left;margin:0px 0px 4px 0px;}
.login_wrapper #b_senden	{width:auto;border:0px;margin:5px 0px 0px 100px;}

a.download_small			{ background:url(../img/link_buttons/download_small.gif) no-repeat 0px 0px;padding:5px 0px 2px 25px;line-height:22px;height:22px;color:#9f9271;text-decoration:none;}
a.download_small:hover		{ background:url(../img/link_buttons/download_small_aktiv.gif) no-repeat 0px 0px;font-weight:normal;color:#464a4f}
div.h_download b			{ width:160px;display:block;float:left;}
div.h_download2 b			{ width:200px;display:block;float:left;}

/* Layer auf der home 
------------------------------------------------------------------*/
div.layer					{position:absolute;top:0px;left:0px;width:439px;height:532px;z-index:20;display:none;overflow:hidden;}
div.layer img				{position:absolute;}

/* zusatz*/
.hide						{ display:none;}

/* Ende des CSS-Documents
-----------------------------------------------------------------*/