/************************************
				GENERAL DEFINITIONS
************************************/

	body	
	{
		font-family:Verdana,sans-serif;
		font-size: 11px;
		color: #000000;
		background-color: #F0F0F0;
		margin: 0px;
		padding: 0px;
		*padding-bottom: 20px; /* this is for IE7 only! IE7 ignores the margin-bottom in the #wrapper div. */
	}
	
	a
	{
		color: #002e86;
		text-decoration: none;
		font-weight: bold;
	}
	
	a:hover
	{
		text-decoration: underline;
		font-weight: bold;
	}
	
	a img
	{
		border: 0px solid #000000;
	}
	
	table tr td
	{
		vertical-align: top;
	}
	
	input[type=text], 
	textarea,
	select
	{
		border: 0;
		background-color: #F0F0F0;
	}
	
	#wrapper
	{
		width: 900px;
		background-color: #FFFFFF;
		margin: auto;
		margin-bottom: 20px;
	}
	
	#content
	{
		width: 870px;
		margin-left: auto;
		margin-right: auto;
		line-height: 150%;
	}
	
	#bottom
	{
		font-weight: bold;
		background-color: #E8E8E8;
		padding: 10px 15px 10px 15px;
		font-size: 10px;
		clear: both;
	}
	
	.buttonLink
	{
			}
	
	.singleLink
	{
		margin: 20px 0px 0px 15px;
		padding: 0px 0px 0px 0px;
		list-style-image: url('http://www.suedwestpapier.com/img/templates/singleLink_arrow.png'); 		*list-style-image: url('http://www.suedwestpapier.com/img/templates/singleLink_arrow_IE.png'); /* IE7 only */
		line-height: 160%;
	}
	
	.singleLink a
	{
		text-decoration: underline;
		font-size: 12px;
	}
	
	.singleLink a:hover
	{
		text-decoration: none;
	}
	
	.singleLinkSmall
	{
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 0px;
		*margin: -15px 0px 0px 16px; /* IE7 only */
		list-style-image: url('http://www.suedwestpapier.com/img/templates/singleLink_arrow.png'); 		*list-style-image: url('http://www.suedwestpapier.com/img/templates/singleLink_arrow_IE.png'); /* IE7 only */
		line-height: 160%;
	}
	
	.singleLinkSmall a
	{
		text-decoration: underline;
		font-size: 11px;
		font-weight: normal;	
	}
	
	.singleLinkSmall a:hover
	{
		text-decoration: none;
	}


/************************************
								MENU
************************************/

	#menu
	{
		margin-bottom: 0px;
		*margin-bottom: 5px; /* IE7 only */
	}
	
	#menu ul
	{
		margin: 0px;
		padding: 0px;
	}
	
	#menu .menuItem a, #menu .placeholder, #menu .spacer
	{
		font-size: 14px;
		color: #777777;
		font-weight: bold;	
		display: block;
		height: 30px;
		padding: 11px 0px 0px 0px;
	}
	
	#menu .activeMenuItem a
	{
		font-size: 14px;
		color: #333333;
		font-weight: bold;
		display: block;
		height: 34px;
		padding: 17px 0px 0px 0px;
	}
		
	#menu .menuItem a:hover
	{
		font-size: 14px;
		color: #777777;
		font-weight: bold;
		text-decoration: none;
		display: block;
		height: 34px;
		padding: 17px 0px 0px 0px;
	}
	
	#menu .activeMenuItem a:hover
	{
		font-size: 14px;
		color: #333333;
		font-weight: bold;
		text-decoration: none;
		display: block;
		height: 34px;
		padding: 17px 0px 0px 0px;
	}
	
	#menu .menuItem
	{
		list-style-type: none;
		display: inline-block;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-right: -4px;
		width: 210px;
		text-align: center;
		background-image: url('http://www.suedwestpapier.com/img/templates/menu_bg.png');
		background-repeat: repeat-x;
		position: relative;
		top: -6px;
		* top: -11px; /* for IE7 only */
		* margin-right: -7px; /* for IE7 only */
	}
	
	#menu .menuItem:hover
	{
		list-style-type: none;
		display: inline-block;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		margin-right: -4px;
		width: 210px;
		text-align: center;
		background-image: url('http://www.suedwestpapier.com/img/templates/menu_bg_active.png');
		background-repeat: repeat-x;
		z-index: 1;
		position: relative;
		top: -11px;
		* top: -12px; /* for IE7 only */
		* margin-right: -7px; /* for IE7 only */
	}
	
	#menu .activeMenuItem,
	#menu .activeMenuItem:hover
	{
		list-style-type: none;
		display: inline-block;
		margin: 0px;
		padding: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-right: -4px;
		width: 210px;
		text-align: center;
		background-image: url('http://www.suedwestpapier.com/img/templates/menu_bg_active.png');
		background-repeat: repeat-x;
		z-index: 1;
		position: relative;
		top: -11px;
		* top: -12px; /* for IE7 only */
		* margin-right: -7px; /* for IE7 only */
	}
	
	#menu .placeholder
	{
		list-style-type: none;
		display: inline-block;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		width: 26px;
		background-image: url('http://www.suedwestpapier.com/img/templates/menu_bg.png');
		background-repeat: repeat-x;
		position: relative; 
		top: -17px;
		* top: -11px;  /* for IE7 only */
		height: 41px;
	}
	
	#menu .spacer
	{
		list-style-type: none;
		display: inline-block;
		margin: 0px;
		padding: 0px;
		padding-top: 11px;
		padding-bottom: 11px;
		margin-right: -4px;
		width: 1px;
	}


/************************************
								HEADER
************************************/

	#header
	{
		height: 150px;
		background-image:url('http://www.suedwestpapier.com/img/templates/header_bg.png');
	}
	
	#header img
	{
		position: relative;
		top: 40px;
		left: 20px;
	}
	
	#header div a, #header div
	{
		color: #FFFFFF;
		font-size: 10px;
		text-decoration: none;
		font-weight: normal;
	}
	
	#header div a:hover
	{
		color: #FFFFFF;
		font-size: 10px;
		text-decoration: underline;
	}


/************************************
						STARTSEITE
************************************/	

	#startseite #eyecatcher
	{
		border: 0px solid #F0F0F0;
		height: 290px;
		margin: -5px 0px 0px 0px;
		padding: 0px;
	}
	
	#startseite #teaser
	{
		margin: 20px 0px 30px 15px;
	}
	
	#startseite #boxes
	{
		height: 155px;
		margin-top: 10px;
		line-height: 180%;
	}

	#startseite #green_box,
	#startseite #orange_box,
	#startseite #red_box
	{
		float: left;
		width: 285px;
		height: 155px;
	}
	
	#startseite #green_box a,
	#startseite #orange_box a,
	#startseite #red_box a,
	#startseite #green_box .content a,
	#startseite #orange_box .content a,
	#startseite #red_box .content a,
	#startseite #green_box .content,
	#startseite #orange_box .content,
	#startseite #red_box .content
	{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#startseite #green_box a,
	#startseite #orange_box a,
	#startseite #red_box a:hover,
	#startseite #green_box .content a:hover,
	#startseite #orange_box .content a:hover,
	#startseite #red_box .content a:hover
	{
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	#startseite #green_box img,
	#startseite #orange_box img,
	#startseite #red_box img
	{
		margin-right: 3px;
	}
	
	#startseite #green_box
	{
		background-color: #83C310;
		margin-right: 6px;
	}
	
	#startseite #orange_box
	{
		background-color: #f6b417;
		margin-right: 6px;
		width: 286px;
	}
	
	#startseite #red_box
	{
		background-color: #dc4f3e;
	}
	
	#startseite #green_box .headline,
	#startseite #orange_box .headline,
	#startseite #red_box .headline
	{
		height: 35px;
		height /*\**/: 28px\9; /* for IE8 only */
		* height: 28px; /* for IE7 only */
		padding: 7px 15px 0px 15px;
	}

	#startseite #green_box .headline a,
	#startseite #orange_box .headline a,
	#startseite #red_box .headline a
	{
		color: #FFFFFF;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
	}
	
	#startseite #green_box .headline a:hover,
	#startseite #orange_box .headline a:hover,
	#startseite #red_box .headline a:hover
	{
		text-decoration: underline;
	}
	
	#startseite #green_box .headline
	{
		background-image: url('http://www.suedwestpapier.com/img/templates/box_green_upper_bg.png');
	}
	
	#startseite #orange_box .headline
	{
		background-image: url('http://www.suedwestpapier.com/img/templates/box_orange_upper_bg.png');
	}
	
	#startseite #red_box .headline
	{
		background-image: url('http://www.suedwestpapier.com/img/templates/box_red_upper_bg.png');
	}
	
	#startseite #green_box .content
	{
		background-color: #83C310;
		padding: 5px 10px 5px 20px;
		color: #FFFFFF;
	}
	
	#startseite #orange_box .content
	{
		background-color: #f6b417;
		padding: 5px 10px 5px 20px;
		color: #FFFFFF;
	}
	
	#startseite #red_box .content
	{
		background-color: #dc4f3e;
		padding: 5px 10px 5px 10px;
		color: #FFFFFF;
	}
	

/************************************
						UNTERNEHMEN
************************************/	
	
	#unternehmen #top
	{
		margin-top: -12px;
	}
	
	#unternehmen #headline
	{
		background-color: #d4690b;
		padding-left: 10px;
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 16px;
		float: left;
		width: 220px;
		height: 25px;
		padding-top: 90px;
		padding-bottom: 10px;
	}
	
	#unternehmen #eyecatcher
	{
		float: right;
		width: 630px;
		border: 1px solid #F0F0F0;
		height: 123px;
	}
	
	#unternehmen #teaser
	{
		float: left;
		width: 230px;
		margin-left: 10px;
	}
	
	#unternehmen #box
	{
		width: 230px;
	}
	
	#unternehmen #contentLeftSide
	{
		float: left;
		padding-left: 20px;
		width: 285px;
		padding-bottom: 40px;
		padding-top: 68px;
	}
	
	#unternehmen #contentRightSide
	{
		float: left;
		padding-left: 35px;
		width: 270px;
		padding-bottom: 40px;
		padding-top: 68px;
		margin-right: 10px;
	}
	
	#unternehmen #orange_box
	{
		float: left;
		width: 230px;
		height: 115px;
		background-color: #f6b417;
		margin-right: 6px;
		margin-top: 30px;
		margin-bottom: 40px;
		margin-left: -10px;
	}
	
	#unternehmen #orange_box .content
	{
		background-color: #f6b417;
		padding: 5px 10px 10px 20px;
		color: #FFFFFF;
		line-height: 180%;
	}
	
	#unternehmen #orange_box .headline
	{
		background-image: url('http://www.suedwestpapier.com/img/templates/box_orange_upper_bg.png');
		color: #FFFFFF;
		font-weight: bold;
		font-size: 12px;
		height: 35px;
		height /*\**/: 28px\9; /* for IE8 only */
		* height: 28px; /* for IE7 only */
		padding: 7px 15px 0px 15px;
	}

	#unternehmen #orange_box img
	{
		margin-right: 3px;
	}
		

/************************************
						LEISTUNGEN
************************************/	
	
	#leistungen #top
	{
		margin-top: -12px;
	}
	
	#leistungen #headline
	{
		background-color: #599301;
		padding-left: 10px;
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 16px;
		float: left;
		width: 220px;
		height: 25px;
		padding-top: 90px;
		padding-bottom: 10px;
	}
	
	#leistungen #eyecatcher
	{
		float: right;
		width: 630px;
		border: 1px solid #F0F0F0;
		height: 123px;
	}
	
	#leistungen #teaser
	{
		float: left;
		width: 230px;
		margin-left: 10px;
		margin-bottom: 40px;
	}
	
	#leistungen #teaser .headline
	{
		margin: 20px 0px 20px 0px;
	}
	
	#leistungen #box
	{
		width: 230px;
		*margin-bottom: 100px; /* for IE7 only */
	}
	
	#leistungen #contentLeftSide
	{
		float: left;
		padding-left: 20px;
		width: 285px;
		padding-bottom: 40px;
		padding-top: 67px;
	}
	
	#leistungen #contentRightSide
	{
		float: left;
		padding-left: 35px;
		width: 270px;
		padding-bottom: 40px;
		padding-top: 60px;
		margin-right: 10px;
	}
	
	#leistungen #green_box
	{
		float: left;
		width: 230px;
		height: 115px;
		background-color: #83C310;
		margin-right: 6px;
		margin-top: 30px;
		margin-bottom: 40px;
		margin-left: -10px;
	}
	
	#leistungen #green_box .content
	{
		background-color: #83C310;
		padding: 5px 10px 10px 20px;
		color: #FFFFFF;
		line-height: 180%;
	}
	
	#leistungen #green_box .headline
	{
		background-image: url('http://www.suedwestpapier.com/img/templates/box_green_upper_bg.png');
		color: #FFFFFF;
		font-weight: bold;
		font-size: 12px;
		height: 35px;
		height: 35px;
		height /*\**/: 28px\9; /* for IE8 only */
		* height: 28px; /* for IE7 only */
		padding: 7px 15px 0px 15px;
	}

	#leistungen #green_box img
	{
		margin-right: 3px;
	}
	
	
/************************************
						DATENSCHUTZ
************************************/	
	
	#datenschutz #top
	{
		margin-top: -12px;
	}
	
	#datenschutz #headline
	{
		background-color: #ca301d;
		padding-left: 10px;
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 16px;
		float: left;
		width: 220px;
		height: 25px;
		padding-top: 90px;
		padding-bottom: 10px;
	}
	
	#datenschutz #eyecatcher
	{
		float: right;
		width: 630px;
		border: 1px solid #F0F0F0;
		height: 123px;
	}
	
	#datenschutz .content
	{
		float: left;
		width: 850px;
		margin: 15px 10px 40px 10px; /* IE7 doesn't interpret the margin bottom properly */
		*padding: 0px 0px 40px 0px; /* IE7 only */
	}
	
	#datenschutz .content .headline
	{
		margin: 20px 0px 20px 0px;
	}
	
	#datenschutz h1
	{
		color: #002e86;
		font-size: 12px;
		font-weight: bold;
		margin: 0px 0px 15px 0px;
		padding: 5px 5px 5px 0px;
	}	
	
	#datenschutz h1:hover
	{
		background-color: #FAFAFA;
	}
	
	#datenschutz h2
	{
		color: #000000;
		font-size: 11px;
		font-weight: bold;
		margin: 20px 0px 0px 0px;
		padding: 5px 5px 5px 0px;
	}	


	#datenschutz h2 span
	{
		display: none;
	}
	
	#datenschutz h2:hover span
	{
		display: inline-block;
		padding-left: 10px;
		color: #E8E8E8;
		font-weight: bold;
	}
	
		
/************************************
						KONTAKT
************************************/	
	
	#kontakt #top
	{
		margin-top: -12px;
	}
	
	#kontakt #headline
	{
		background-color: #ca301d;
		padding-left: 10px;
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 16px;
		float: left;
		width: 220px;
		height: 25px;
		padding-top: 90px;
		padding-bottom: 10px;
	}
	
	#kontakt #eyecatcher
	{
		float: right;
		width: 630px;
		border: 1px solid #F0F0F0;
		height: 123px;
	}
	
	#kontakt #teaser
	{
		float: left;
		width: 230px;
		margin-left: 10px;
	}
	
	#kontakt #teaser .headline
	{
		margin: 20px 0px 20px 0px;
	}
	
	#kontakt #contentLeftSide
	{
		float: left;
		padding-left: 20px;
		width: 285px;
		padding-bottom: 40px;
		padding-top: 60px;
	}
	
	#kontakt #contentRightSide
	{
		float: left;
		padding-left: 35px;
		width: 270px;
		padding-bottom: 40px;
		padding-top: 60px;
		margin-right: 10px;
	}
	
	#kontakt #headline_standort
	{
		background-image: url('http://www.suedwestpapier.com/img/templates/start.png');
		background-repeat: no-repeat;
		background-position: 5px 50%;
		padding: 5px 5px 5px 35px;
		background-color: #E8E8E8;
		width: 180px;
		color: #000000;
		font-weight: bold;
	}
	
	#kontakt #headline_ziel
	{
		margin: 10px 0px 0px 0px;
		background-image: url('http://www.suedwestpapier.com/img/templates/ziel.png');
		background-repeat: no-repeat;
		background-position: 5px 50%;
		padding: 5px 5px 5px 35px;
		background-color: #E8E8E8;
		width: 180px;
		color: #000000;
		font-weight: bold;
	}
	
	#kontakt #standort
	{
		background-color: #F0F0F0;
		width: 200px;
		font-size: 10px;
		padding: 0px 10px 10px 10px;
	}
	
	#kontakt #standort select,
	#kontakt #standort input,
	#kontakt #ziel select
	{
		margin-top: 15px;
		width: 195px;
		background-color: #FFFFFF;
		border: 0;
	}
	
	#kontakt #ziel
	{
		background-color: #F0F0F0;
		width: 200px;
		font-size: 10px;
		padding: 0px 10px 10px 10px;
	}
	
	#kontakt #ziel select
	{
		width: 200px;
		margin: 10px 0px 0px 0px;
	}
	
	#kontakt .content
	{
		width: 620px;
		padding: 45px 0px 40px 0px;
		float: right;
	}
	
	
/************************************
					WEITEREMPFEHLUNG
************************************/	
	
	#weiterempfehlung #top
	{
		margin-top: -12px;
	}
	
	#weiterempfehlung #headline
	{
		background-color: #ca301d;
		padding-left: 10px;
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 16px;
		float: left;
		width: 220px;
		height: 25px;
		padding-top: 90px;
		padding-bottom: 10px;
	}
	
	#weiterempfehlung #eyecatcher
	{
		float: right;
		width: 630px;
		border: 1px solid #F0F0F0;
		height: 123px;
	}
	
	#weiterempfehlung #teaser
	{
		float: left;
		width: 230px;
		margin-left: 10px;
		padding-bottom: 100px;
	}
	
	#weiterempfehlung #teaser .headline
	{
		margin: 20px 0px 20px 0px;
	}
	
	#weiterempfehlung .content
	{
		float: left;
		width: 560px;
		padding: 60px 30px 100px 30px;
	}
	

		
/************************************
						IMPRESSUM
************************************/	
	
	#impressum #top
	{
		margin-top: -12px;
	}
	
	#impressum #headline
	{
		background-color: #ca301d;
		padding-left: 10px;
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 16px;
		float: left;
		width: 220px;
		height: 25px;
		padding-top: 90px;
		padding-bottom: 10px;
	}
	
	#impressum #eyecatcher
	{
		float: right;
		width: 630px;
		border: 1px solid #F0F0F0;
		height: 123px;
	}
	
	#impressum #teaser
	{
		float: left;
		width: 230px;
		margin-left: 10px;
	}
	
	#impressum #teaser .headline
	{
		margin: 20px 0px 20px 0px;
	}
	
	#impressum #contentLeftSide
	{
		float: left;
		width: 185px;
		padding-left: 20px;
		padding-top: 60px;
	}
	
	#impressum #contentRightSide
	{
		float: left;
		padding-left: 35px;
		width: 320px;
		padding-top: 60px;
		margin-right: 10px;
	}
	
	#impressum .bottom_left
	{
		float: left;
		width: 230px;
		margin-left: 10px;
	}
	
	#impressum .bottom_left .headline
	{
		margin: 20px 0px 20px 0px;
	}
	
	#impressum .bottom_right
	{
		float: left;
		width: 230px;
		margin-left: 240px;
		margin-bottom: 40px;
	}
	
	#impressum .bottom_right .headline
	{
		margin: 20px 0px 20px 0px;
	}
	
	
/************************************
							AGB
************************************/	
	
	#agb #top
	{
		margin-top: -12px;
	}
	
	#agb #headline
	{
		background-color: #ca301d;
		padding-left: 10px;
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 16px;
		float: left;
		width: 220px;
		height: 25px;
		padding-top: 90px;
		padding-bottom: 10px;
	}
	
	#agb #eyecatcher
	{
		float: right;
		width: 630px;
		border: 1px solid #F0F0F0;
		height: 123px;
	}
	
	#agb .content
	{
		float: left;
		width: 850px;
		margin: 15px 10px 40px 10px; /* IE7 doesn't interpret the margin bottom properly */
		*padding: 0px 0px 40px 0px; /* IE7 only */
	}
	
	#agb .content .headline
	{
		margin: 20px 0px 20px 0px;
	}
	
	#agb h1
	{
		color: #002e86;
		font-size: 12px;
		font-weight: bold;
		margin: 20px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
	}	
	
	#agb h1:hover
	{
		background-color: #FAFAFA;
	}
	
	#agb h2
	{
		color: #000000;
		font-size: 11px;
		font-weight: bold;
		margin: 20px 0px 0px 0px;
		padding: 5px 5px 5px 0px;
	}	
	
	#agb h2 span
	{
		display: none;
	}
	
	#agb h2:hover span
	{
		display: inline-block;
		padding-left: 10px;
		color: #E8E8E8;
		font-weight: bold;
	}