/* CSS Document */

@media print {

body	{ height:100%; margin : 0; padding : 0; font-family:Arial; font-size:12px; line-height:1.5em; color:#222222; background-color:#e3e0dc; }

h1		{padding-top:10px; padding-bottom:20px; width:100%;}
h2		{padding-top:10px; padding-bottom:20px; width:100%;}
h3		{padding-top:10px; padding-bottom:20px; width:100%;}

#header						{float:left; width:645px; height:140px; overflow:hidden; display:inline;}
#header	img					{border:0px;}
#einstellung				{display:none;}
#einstellung a				{display:none;}

#top-navigation					{display:none;}
#navigation					{display:inline;}

#left, #slideshow, #right						{display:none;}

#breadcrumb					{float:left; width:100%; display:inline;}

#inhalt						{float:left; width:100%; display:inline; padding-top:30px; }
#content					{float:left; width:100%; display:inline; padding-top:30px;}

#uebersichtsseite				{float:left; width:470px; height:auto; padding-left:30px; padding-right:30px; padding-bottom:10px; background-color:#FFFFFF; }
#uebersichtsseite ul			{float:left; margin:0px; padding:0px; }
#uebersichtsseite ul li			{float:left; margin:0px; padding:0px; }
#uebersichtsseite h3			{float:left; color:#002ba8; background-color:#ffffff; font-size:18px; font-weight:normal; padding:0px; margin:0px;}
#uebersichtsseite a				{float:left; text-decoration:none; color:#000000; background-color:#ffffff; font-size:18px; font-weight:normal;}
#uebersichtsseite img			{float:left; margin-right:10px; padding-bottom:20px;}

#contentfooter				{display:none;}
#contentfooter	a			{display:none;}

#footer						{display:none;}
#footer	img					{display:none;}


}
@media screen {
/* Allen elementen Grundsätzlich den gleichen Abstand geben */
body	{ height:100%; margin : 0; padding : 0; font-family:Arial; font-size:12px; line-height:18px; color:#222222; background-color:#e3e0dc; }

h1 		{ color:#000000; background-color:#ffffff; font-size:26px; margin-bottom:15px; font-weight:normal; line-height:1.0em; margin-top:0px; padding-top:0px; }
h2		{ color:#000000; font-size:18px; margin-bottom:5px; font-weight:bold; line-height:1.0em; margin-top:5px; }
h3		{ color:#000000; background-color:#ffffff; font-size:14px; margin-bottom:5px; font-weight:bold; line-height:20px; margin-top:5px; }
p 		{ margin-bottom:15px; background-color:#ffffff; }
.clear 	{ clear:both; }
a 				{ color:#222222; font-weight:normal; text-decoration:underline;}
a img			{ border:0px;}
hr				{float:left;}

/* Website zentrieren */
#site_outer { background-color: transparent; position: absolute; width: 100%; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align: center; left:0px; top:0px; }
#site_inner { position: relative; text-align: left; width: 990px; margin:0px auto; }

/* Kopfbereich: Top-Navi + Header */
#header						{float:left; width:965px; height:140px; padding-left:25px; background-repeat:no-repeat; background-color:#ffffff;}

#top-navigation					{float:right; text-align:right; margin-bottom:5px; height:26px; width:auto; background-color:#ffffff; }
#top-navigation ul				{float:left; text-decoration:none; display:inline; padding:0px; margin-left:30px; margin-right:30px; font-weight:bold; margin-top:3px; list-style:none; }
#top-navigation ul li			{float:left; text-decoration:none; display:inline; font-weight:bold; list-style:none; }
#top-navigation a				{float:left; text-decoration:none; display:inline; padding-left:8px; padding-right:8px; font-weight:bold; }
#top-navigation a.active		{float:left; }
#top-navigation a:hover			{float:left; color:#002ba8; }

/* Container  umgibt  Linke Seite + Content + Rechte Boxen + Contentfooter */
#container						{float:left; width:990px; height:auto; background-image:url(/assets/templates/swr-loerrach/images/layout/hintergrund.gif); background-repeat:repeat-y;}

/* Container um Navi + Links */
#left							{float:left; width:210px; height:100%; padding-left:25px; background-color:#ffffff;}

/* Navigation 1. Ebene */
#navigation						{float:left; width:210px; height:auto; margin: 0px 0px 0px 0px; background-color:#ffffff;}
#navigation ul					{float:left; list-style-type:none; width:210px; margin:0px; padding:0px;}
#navigation	ul li 				{float:left; width:210px; }
#navigation	ul li a				{float:left; padding-left:10px; width:200px; line-height:26px; border-bottom:1px #ffffff solid; color:#000000; font-weight:bold; text-decoration:none; background-color:#c9d2ed;}
#navigation	ul li a:hover		{float:left; padding-left:10px; width:200px; line-height:26px; color:#ffffff; font-weight:bold; text-decoration:none; background-color:#002ba8;}
#navigation	ul li a.active		{float:left; padding-left:10px; color:#ffffff; font-weight:bold; text-decoration:none; background-color:#002ba8;}
#navigation	ul li a.active:hover{float:left; padding-left:10px; color:#ffffff; font-weight:bold; text-decoration:none; background-color:#002ba8;}
#navigation	ul li a.passive		{float:left; padding-left:10px; color:#ffffff; font-weight:bold; text-decoration:none; background-color:#c9d2ed;}
#navigation	ul li a.passive:hover{float:left; padding-left:10px; color:#ffffff; font-weight:bold; text-decoration:none; background-color:#002ba8;}
/* Navigation 2. Ebene */
#navigation ul li ul					{float:left; list-style-type:none; width:210px; margin:0px; padding:0px;}
#navigation	ul li ul li 				{float:left; width:210px; }
#navigation	ul li ul li a				{float:left; padding-left:20px; width:190px; line-height:26px; color:#000000; font-weight:normal; text-decoration:none; background-color:#e5e9f5;}
#navigation	ul li ul li a:hover			{float:left; padding-left:20px; width:190px; line-height:26px; color:#ffffff; font-weight:bold; text-decoration:none; background-color:#002ba8;}
#navigation	ul li ul li a.active		{float:left; padding-left:20px; color:#ffffff; font-weight:bold; text-decoration:none; background-color:#002ba8;}
#navigation	ul li ul li a.active:hover	{float:left; padding-left:20px; color:#ffffff; font-weight:bold; text-decoration:none; background-color:#002ba8;}
#navigation	ul li ul li a.passive		{float:left; padding-left:20px; color:#ffffff; font-weight:bold; text-decoration:none; background-color:#002ba8;}
#navigation	ul li ul li a.passive:hover	{float:left; padding-left:20px; color:#ffffff; font-weight:bold; text-decoration:none; background-color:#002ba8;}
/

#navigation ul li ul li ul					{display:none;}
#navigation	ul li ul li ul li				{display:none;}
#navigation	ul li ul li ul li a				{display:none;}
#navigation	ul li ul li ul li a.active		{display:none;}

/* Links unter der Navigation */
#links							{float:left; text-align:center; line-height:0px; width:210px; height:100%; padding-top:10px; margin: 40px 0px -20px 0px; background-color:#e5e9f5;}
#links img						{text-align:center; line-height:0px; display:inline; margin-bottom:20px;}

/* Subcontainer umgibt  Linke Seite + Content + Rechte Boxen OHNE Contentfooter */
#subcontainer					{float:left; width:990px; height:100%; background-image:url(/assets/templates/swr-loerrach/images/layout/hintergrund.gif); background-repeat:repeat-y;}

/* Bilder Slideshow */
#slideshow						{float:left; padding: 0px 25px 20px 30px; background-color:#ffffff;}

/* Textinhalt */
#content						{float:left; width:470px; height:auto; padding-left:30px; padding-right:30px; padding-bottom:10px; background-color:#FFFFFF; }
#content p						{background:#FFFFFF;}
#content ul						{margin:0px 0px 5px 15px; padding:0px;}
#content ul li					{margin-left:20px; padding:0px;}
#breadcrumb						{display:none;}


#uebersichtsseite				{float:left; width:470px; height:auto; line-height:20px; padding-left:30px; padding-right:30px; padding-bottom:10px; background-color:#FFFFFF; }
/*#uebersichtsseite ul			{float:left; margin:0px; padding:0px; }
#uebersichtsseite ul li			{float:left; margin:0px; padding:0px; }
*/#uebersichtsseite h3			{float:left; color:#002ba8; background-color:#ffffff; font-size:18px; font-weight:normal; padding:0px; margin:0px;}
#uebersichtsseite a				{float:left; text-decoration:none; cursor:pointer; color:#000000; background-color:#ffffff; font-size:18px; font-weight:normal;}
#uebersichtsseite img			{float:left; margin-right:10px; padding-bottom:20px;}

#uebersichtcontent ul			{margin:0px 0px 5px 15px; padding:0px;}
#uebersichtcontent ul li		{margin-left:20px; padding:0px;}

/* Rechte Boxen */
#right							{float:right; width:200px; height:auto; margin-right:25px; display:inline; background-color:#FFFFFF;}
#box							{float:left; width:200px; background-color:#e5e9f5; margin-bottom:20px; padding-bottom:8px;}
#box h2							{float:left; width:185px; margin-top:0px; margin-bottom:0px; padding-left:15px; color:#ffffff; line-height:26px; font-size:14px; font-weight:bold; background-color:#002ba8;}
#box img						{overflow:hidden;}
#box p							{ width:170px; margin-left:15px; margin-top:0px; margin-bottom:0px; background-color:#e5e9f5;}
#aktuelles-mehr					{float:left; cursor:pointer; margin-left:15px; margin-top:8px; padding-left:10px; text-decoration:none; background-image:url(/assets/templates/swr-loerrach/images/layout/link-pfeil.gif); background-position:left; background-repeat:no-repeat;}

#contentfooter					{float:left; width:700px; height:auto; margin-left:265px; display:inline; background-color:#ffffff; background-image:url(/assets/templates/swr-loerrach/images/layout/footer-line.gif); background-repeat:repeat-x; background-position:top; }
#contentfooter a				{float:left; margin-left:230px; display:inline; margin-top:1px; background-color:#ffffff; text-decoration:none; }

/* Footer */
#footer							{float:left; height:auto; width:990px; font-size:11px; padding-top:8px; padding-bottom:5px;}


}