/* --------------------------- INFO ---------------------------
Web:				http://www.s-w-rohrsysteme.de
Autor: 				Gaby Rohmann
Letzte Aenderung:	02.01.2007 von Gaby Rohmann
*/

/* --------------------------- ALLGEMEINES ---------------------------*/
body {
	margin: 			0px;
	padding: 			0px;
	/*background-color: 	#FFF;*/
	color:				#545454;
	font-family:		Verdana,Arial, Helvetica, sans-serif;
}
html {
	height: 			1%;
}

h1,h2,h3,h4,h5,h6,blockquote,ul,li,p,form {
	margin: 			0;
	padding: 			0;
}

#kopf-startseite h2 {
	background-color:	transparent;
	font-size: 			14px;
	font-weight:		bold;
	color: 				#4B4B4B; /*erste headline über Bild*/
	padding:			3px	0 14px 16px;
	background-image:		url(../images/kopf-hg-start.jpg);
	background-repeat: 		no-repeat;
}
#kopf-startseite h2.klein {
	background-color:	transparent;
	font-size: 			13px;
	font-weight:		bold;
	color: 				#4B4B4B; /*erste headline über Bild*/
	padding:			0px 50px 3px 16px;
	background-image:		url(../images/kopf-hg-start.jpg);
	background-repeat: 		no-repeat;
}
h2 {
	font-size: 			14px;
	font-weight:		bold;
	color: 				#4B4B4B; /*erste headline über Bild*/
	padding:			3px	0 14px 16px;
}
h3 {
	font-size: 			12px;
	font-weight:		bold;
	color: 				#4B4B4B; /*zweite headline über Inhaltstext*/
	margin-bottom:		18px;/**/
}
h3.grau {
	font-size: 			11px;
	font-weight:		bold;
	background-color: 	#ECEDF0; /*grauer HG*/
	padding:			2px 0 2px 2px;
}
h4 {
	font-size: 			12px;
	font-weight:		bold;
	color: 				#FFF; /* h2 weiss fuer Aktuell*/
}
h4.rot {
	font-size: 			11px;
	font-weight:		bold;
	color: 				#CB313E; /* h3 rot fuer headlines News*/
}

h5 {
	font-size: 			11px;
	font-weight:		bold;
	color: 				#CB313E; /* h3 rot fuer headlines News*/
	margin-bottom:		3px;
}

h6 {
	font-size: 			11px;
	font-weight:		bold;
	color: 				#666; /* z.b fuer AGB*/
	margin-bottom:		10px;
}

.datum {
	font-size: 			11px;
	float:				right;
	padding-left:		5px;
	color: 				#CB313E;
}

h6.headline {
	float:				left;
	width:				425px;
	background-color: 	#ECEDF0;
	padding:			2px;				
}

a.mehr {
	font-size: 			10px;
	font-weight:		bold;
	color: 				#CB313E;
	text-decoration: 	none;
	/*float:				right;*/
}

a.zurueck {
	font-size: 			10px;
	text-align:			middle;
	text-decoration: 	none;
}
#news  {
	padding-bottom:		30px;
}

img {
	border:				none;
}

a:link,
a:visited {
	color:				#333;
	text-decoration: 	underline;
	}
a:active,
a:hover {
	color: 				#666;
	text-decoration: 	underline;
	}

.clear {
	clear:	both;
}
.schwarz {
	color: 				#000;
}
li.back {
	/*float:				right;*/
	padding-right:		20px;
	text-align: 	right;
	list-style-position: inside;
	list-style-image: 	url(../images/pfeil-back.gif);
}
li.back a:link {
	text-decoration: 	none;
}
li.hinweis {
	list-style-position: outside;
	list-style-image: 	none;
	padding-bottom:		10px;	
}
li ol li.hinweis {
	list-style-position: outside;
	list-style-image: 	none;
	padding-bottom:		10px;
	list-style-type: 	lower-alpha;
}
li.dxf {
	list-style-position: outside;
	list-style-image: 	url(../images/acad_ico.gif);
	margin-left:		20px;
	padding:			0 5px 0 5px;
}
li.dxf a:link  {
	text-decoration:		none;
}

li.liste{
	list-style-position: outside;
	list-style-image: 	url(../images/listenpfeil.gif);
	padding-bottom:		8px;
	margin-left:		14px;	
}
/*------------------------- Head - Kopbereich über allem  -----------------------------------------*/
#head {
	width: 				722px; /*Gesamtbreite 952px* 722px;*/
	height:				82px; /*Gesamthoehe 82px*/
	font-family:		Verdana,Arial, Helvetica, sans-serif;
	font-size:			11px;
	background:			url(../images/s-w-rohrsysteme.gif) no-repeat right;
	margin: 			0px 0 0px 230px;
	padding: 			0;
}
#head-navi {
	float: 				left;
	margin: 			52px 0 0 0;
}
.uk {
	float: 				left;
	width:				90px;
	margin:				0;
	padding:			0;
}
.fr {
	float: 				left;
	width:				90px;
	margin:				0;
	padding:			0;
}

.ru {
	float: 				left;
	width:				90px;
	margin-top:			0;
	padding:			0;
}



#head_flaggen {
	float:				right;
	
	padding: 			0;
	margin:				52px 0 0 0;			
}



/*---------------------------------- headnavigation admin-links -----------------------------------------*/
#head a,
#head a:link {
	color:				#000;
	text-decoration: 	none;
	margin:				0;
	padding:			0;	
}
#head a:active,
#head a:hover,
#head a.currentlink {
	color:				#CB313E;   /*Linkfarbe rot*/
	text-decoration: 	none;
	margin:				0;
	padding:			0;		
}

/*---------------------------------- Content mit Inhalt und Kopf fuer Text und Bilder -----------------------------------------*/
#content {
	position:		absolute;
	z-index:		1;
	margin: 		0px;
	padding:		0px;
}

/*------------------------- Navigation -----------------------------------------*/ 

#content_links {
	position:			absolute;
	width:				168px;
	font-size:			11px;
	margin:				0 20px 0 35px;  /*abstand navirahmen nach oben und links*/
}

#content_links ul {
	list-style:			none;
	display:			block;
	border-left:		1px solid #DEDEDE;
	border-right:		1px solid #DEDEDE;			
}

#content_links ul li {
	font-family:		Verdana,Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	padding:			1px 0px 1px 10px;
}
.oben {
	background-image:	url(../images/loyout-bilder/hg-produkte.gif);
	background-repeat: 	no-repeat;
	background-color: 	none;
}
.normal {
	background-image:	url(../images/loyout-bilder/hg-normal.gif);
	background-repeat: 	no-repeat;
	background-color: 	none;
}
.unten {
	background-image:	url(../images/loyout-bilder/hg-normal.gif);
	background-repeat: 	no-repeat;
	background-color: 	none;
}
#content_links ul li ul li a.stich {
	margin-top:			3px;
}

#content_links a,
#content_links a:link {
	display:			block;
	color:				#000;
	padding:			4px 0px 4px 0px;
	text-decoration:	none;
}

#content_links ul li a:, 
#content_links ul li a:link,
#content_links ul li a:visited {
	color:				#000;
	padding:			4px 0px 4px 0px;
}
#content_links ul li a:hover, 
#content_links ul li a:active,
#content_links ul li a.currentlink,
#content_links ul li a.currentlink:visited {
	color:				#4B4B4B;
	padding:			4px 0px 4px 0px;
}
/*---------------- Submenue ------------------*/
#content_links ul li ul {
	margin-top:			9px;
	border-left:		none;
	border-right:		none;
}

#content_links ul li ul li {
	text-decoration:	none;
}
#content_links ul li ul a,
#content_links ul li ul a:link,
#content_links ul li ul a:visited  {
	padding:			3px 0px 3px 32px;
	padding:			3px 0px 3px 16px !important;
	font-size: 			11px;
	font-weight:		normal;
	background-image:	url(../images/pfeil.gif);
	background-repeat: 	no-repeat;
	text-decoration:	none;
	margin-left:		-12px;
}
#content_links ul li ul li a.stich  {
	padding-top:		4px;
	font-weight:		bold;
}
#content_links ul li ul a:hover,
#content_links ul li ul a:active, 
#content_links ul li ul a.currentlink, 
#content_links ul li ul a.currentlink:visited {  
	padding:			3px 0px 3px 32px;
	padding:			3px 0px 3px 16px !important;
	color:				#CB313E;
	background-image:	url(../images/pfeil.gif);
	background-repeat: 	no-repeat;
	text-decoration:	none;
	margin-left:		-12px;
}
/* ---------------------- Ende Haupt-Navigation links----------------------------- */



/* ------------------ Content rechts mit kopf, inhalt und footer------------------------------------*/

#content_rechts {
	position:			absolute;
	left:				231px;
	font-size: 			11px;
	color: 				#333;
	top: 				0px;
}

/* ------ Kopfbereich Startseite ueber Inhalt --------------*/
#kopf { 
	width:				723px;
}
#kopf-startseite { 
	width:					723px;
	/*background-image:		url(../images/kopf-hg-start.jpg);
	background-repeat: 		no-repeat;*/
}
#kopf-unterseiten { 
	position:			relative;
	z-index:			1;
	width:				721px;
	border-left:		1px solid #DEDEDE;
	border-right:		1px solid #DEDEDE;
	background-image:		url(../images/linie-grau.gif);
	background-repeat: 		repeat-y;
	background-position: 	527px;
}
#kopf-links { 
	width:				527px;
	float:				left;
	border-left:		1px solid #DEDEDE;
	background-color:	transparent;
}
#kopf-rechts { 
	width:				193px;
	float:				left;
	border-left:		1px solid #DEDEDE;
	border-right:		1px solid #DEDEDE;
}

/* ------ Inhalt Hauptinhalt mit Seiten und Newsbereich --------------*/

#inhalt {
	background-image:		url(../images/linie-grau.gif);
	background-repeat: 		repeat-y;
	background-position: 	527px;
	width:					721px;
	border-left:			1px solid #DEDEDE;
	border-right:			1px solid #DEDEDE;
	padding-bottom:			10px;
	/*top:					-1px;*/

}
#inhalt[id] { 
	top:				0px;
}
#inhalt:after {
	clear:				both;
	content:			".";
	display:			block;
	height:				0;
	/*line-height:		0;*/
	padding:			0;
	visibility:			hidden;
}
#inhalt-agb { 
	width:				721px;
	/*float: 				left;*/
	border-top:			1px solid #FFF;
	background-color:	#fff;
}
#inhalt-links { 
	display:			block;
	width:				528px;
	float: 				left;
	border-top:			1px solid #FFF;
}

#inhalt-rechts { 
	width:				193px;
	float: 				left;
	border-top:			1px solid #FFF;
	/*border-left:		1px solid #DEDEDE;
	background-color:	#F0F1F3;*/
}

#inhalt-drehrohr { 
	padding:			5px 5px 5px 16px;
}

.top-links {
	height:				21px;
	background-color:	#ECEDF0;
	padding:			0 16px 0 16px;		
}
/*Textbalken fuer Aktuelles*/
.top-rechts {
	position:			relative;
	z-index:			4;
	height:				18px;
	background-color:	#776E75;
	padding:			3px 0 0 12px;
	font-size: 			12px;
	font-weight:		bold;
	color: 				#FFF;	
}

#content-inhalt { 
	padding:			25px 16px 0 16px;
	color: 				#545454;
}
/*hochgezogener Textbalken fuer Uebersicht*/
.top-uebersicht {
	position:			relative;
	z-index:			4;
	height:				18px;
	background-color:	#776E75;
	padding:			3px 0 0 12px;
	font-size: 			12px;
	font-weight:		bold;
	color: 				#FFF;
	margin-top:			-24px;			
}
.content-news { 
	padding:			24px 16px 16px 12px;
	color: 				#545454;
	font-size: 			10px;
	border-top:			1px solid #DEDEDE;
}

#content-news ul {
	list-style:			none;
	display:			block;
	font-family:		Verdana,Arial, Helvetica, sans-serif;
	margin-top:			5px;				
}


#content-news ul li {
	margin:				1px 0px;
	padding:			1px 0px 1px 14px;

}

#content-news a,
#content-news a:link {
	display:			block;
	color:				#000;
	text-decoration:	none;
	background-image:	url(../images/pfeil.gif);
	background-repeat: 	no-repeat;
	margin-left:		-14px;
	padding:			1px 0 2px 18px;
}
#content-news a:visited {
	color:				#000;
}

#content-news ul li a:visited {
	color:				#000;
}
#content-news ul li a:hover, 
#content-news ul li a:active,
#content-news ul li a.currentlink
#content-news ul li a.currentlink:visited  {
	color:				#CB313E;		
}



.rechts-leer {
	background-image:	url(../images/leer-grafik.gif);
	background-repeat: 	no-repeat;
	background-position: right 20px;/**/
	height:				280px;
	
}

/* ------------- 3 Spalten fuer Produktunterseiten ------*/

.produkthinweis {
/*Fusszeile in jeder Produktseite*/
	width:				491px;
	padding:			20px 16px 0 16px;
	font-size: 			10px;	
	/*bottom:				5px;*/
	float:				left;
}
/*2-spaltig ohne padding */
.spalte-links {
	display:			block;
	width:				247px;
	float:				left;
	padding-left:		16px;
}

.spalte-links2 {
	display:			block;
	width:				220px;
	float:				left;
	padding-left:		16px;
}

.spalte-rechts {
	display:			block;
	width:				247px;
	float:				left;
	padding-left:		16px;
}

.spalte-rechts2 {
	display:			block;
	width:				274px;
	float:				left;
	padding-left:		16px;
}

/*3-spaltig ohne padding */
.spalte-1 {
	display:			block;
	width:				175px;
	float:				left;
	border-right:		#fff solid 1px;
}
.spalte-2 {
	display:			block;
	width:				175px;
	float:				left;
	border-right:		#fff solid 1px;
}
.spalte-3 {
	display:			block;
	width:				175px;
	float:				left;
}
.spalte-2und3 {
	display:			block;
	width:				351px;
	float:				left;
}


.hoehe-270 {
	height:				270px;
}

.hoehe-250 {
	height:				250px;
}

.hoehe-210 {
	height:				210px;
}

.hoehe-195 {
	height:				195px;
}

.hoehe-185 {
	height:				185px;
}

.hoehe-165 {
	height:				165px;
}

.hoehe-140 {
	height:				140px;
}

.hg-grau-65 {
/*fuer produktseiten*/
	padding:			12px 10px 10px 10px;
	width:				155px;
	height:				65px;		
	background-color:	#ECEDF0;			
}

.hg-grau-65-2 {
/*fuer produktseiten*/
	padding:			12px 10px 10px 10px;
	width:				331px;
	height:				65px;		
	background-color:	#ECEDF0;			
}

.hg-grau-85 {
/*fuer produktseiten*/
	padding:			12px 10px 10px 10px;
	width:				155px;
	height:				85px;		
	background-color:	#ECEDF0;			
}

.hg-grau-130 {
/*fuer produktseiten*/
	padding:			12px 10px 10px 10px;
	width:				155px;
	height:				130px;		
	background-color:	#ECEDF0;			
}

.hg-grau-160 {
/*fuer produktseiten*/
	padding:			12px 10px 10px 10px;
	width:				155px;
	height:				160px;		
	background-color:	#ECEDF0;			
}

.hg-border-gruen {
/*fuer produktseiten*/
	float:				left;
	padding:			0;
	width:				100%;
	height:				2px;		
	border-top:			4px solid #D7EBD4;			
}

.hg-border-lila {
	float:				left;
	padding:			0;
	width:				100%;
	height:				2px;		
	border-top:			4px solid #DCD2E5;
}

.hg-border-blau {
	float:				left;
	padding:			0;
	width:				100%;
	height:				2px;		
	border-top:			4px solid #BAD3E5;
}

.hg-border-orange {
	float:				left;
	padding:			0;
	width:				100%;
	height:				2px;		
	border-top:			4px solid #E8C8A3;
}

.hg-ohne {
/*fuer alle 3spalten Seiten ohne hg-grau*/
	width:				159px;
	padding-left:		16px;
	background-color:	#fff;					
}
.hg-2-3 {
/*fuer alle 3spalten Seiten ohne hg-grau*/
	/*width:				159px;*/
	width:				315px;
	padding:			0 10px 0 16px;
	background-color:	#fff;					
}
/*------------------------- Produkt-Navigation -----------------------------------------*/ 
#content-uebersicht { 
	padding:			16px 16px 16px 12px;
	color: 				#545454;
	font-size: 			10px;
	border-top:			1px solid #DEDEDE;
}
#content-uebersicht ul {
	list-style:			none;
	display:			block;
	font-family:		Verdana,Arial, Helvetica, sans-serif;				
}


#content-uebersicht ul li {
	margin:				1px 0px;
	padding:			1px 0px 1px 14px;

}
#content-uebersicht a,
#content-uebersicht a:link {
	display:			block;
	color:				#000;
	text-decoration:	none;
	background-image:	url(../images/pfeil.gif);
	background-repeat: 	no-repeat;
	margin-left:		-14px;
	padding:			1px 0 2px 18px;
}
#content-uebersicht a:visited {
	color:				#000;
}

#content-uebersicht ul li a:visited {
	color:				#000;
}
#content-uebersicht ul li a:hover, 
#content-uebersicht ul li a:active,
#content-uebersicht ul li a.currentlink
#content-uebersicht ul li a.currentlink:visited  {
	color:				#CB313E;		
}



/* ----------------- Ende Navigation Produkte -------------------- */

/* ---------------------- Formulare ------------------------*/
form .dxf {
	/*width: 				165px;*/
	height: 			15px;
	font-size:			10px;
	padding:			0 3px 0 3px;
}
form .text {
	float:				left;
	width: 				140px;
}
form .textfeld {
	float:				left;
	border:				solid 1px #DEDEDE;
	background-color:	#E7EBEC;
	padding:			0 3px 0 3px;
	font-size:			10px;
	width:				250px !important;
	width: 				250px;
	height: 			15px;
	margin-bottom: 		4px;				
}
form .plz {
	float:				left;
	width: 				40px;
	border:				solid 1px #DEDEDE;
	background-color:	#E7EBEC;
	padding:			0 3px 0 3px;
	font-size:			10px;
	margin-bottom: 		4px;
}
form .ort {
	float:				left;
	width: 				200px;
	border:				solid 1px #DEDEDE;
	background-color:	#E7EBEC;
	padding:			0 3px 0 3px;
	font-size:			10px;
	margin: 			0 0 4px 2px;
}
form .infofeld {
	border:				solid 1px #DEDEDE;
	background-color:	#E7EBEC;
	padding:			3px;
	font-size:			10px;
	width:				395px !important;
	width: 				389px;
	font-family:		Verdana,Arial, Helvetica, sans-serif;
}
form .textbutton {
	border:				solid 1px #DEDEDE;
	background-color:	#E7EBEC;
	padding:			3px;
	font-size:			10px;
	width:				140px !important;
	width: 				136px;
	/*font-family:		Verdana,Arial, Helvetica, sans-serif;*/

}

.rahmen {
	border:				solid 1px #E7EBEC;
}
.pdflink a:link {
	text-decoration: 	none;
}


/* ----------------- Fussbereich -------------------- */
#footer {
	position:			relative;
	font-size: 			9px;
	margin:				14px 0 0 0;

}
.adresse {
	display:			block;
	width:				510px;
	padding-left:		16px;
	padding-bottom:		10px;
	float: 				left;
}
.email{
	width:				182px;
	float: 				left;
	padding-left:		12px;
	display:			block;

}
.email a:link,
.email a:visited {
	text-decoration:	none;
}
.email a:hover,
.email a:active {
	text-decoration:	underline;
}

/* -----Ende Fussbereich ------- */