@charset "UTF-8"; /* d.h äöü's sind erlaubt */
@import url(sp_reset.css);

/*
rot: #e5352c
dunkelblau: #446592

*/


@font-face {
       font-family: SopagFutura; src: url("/fonts/FuturaLT-Light.ttf") format("truetype"); /* non-IE */
       font-weight: normal; font-style: normal;
}


@font-face {
       font-family: SopagFutura_News; src: url("/fonts/FuturaLT-Book.ttf") format("truetype");  /* non-IE */
       font-weight: normal; font-style: normal;
}


html, body {height: 100%; }

body {	font: normal normal 13px/1.5em Arial, Helvetica, sans-serif;
		background: #446592;
		text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
		color: #000000; }

.home { background: #446592}
.unternehmen {background: #446592}
.neuigkeiten { background: #8A94A0}
.dienstleistungen { background: #8AB1DA}
.medien { background: #6885B6} /* 49637f background: #688D8C */
.kontakt { background: #687A8C} /* 49637f background: #687A8C */


a, a:link, a:visited, a:active, a:focus {text-decoration: none; color: #e5352c; font-weight: normal; }
a:hover {text-decoration: underline;  }


h1 {font: normal 20px/1em SopagFutura, sans-serif; text-transform:uppercase;  letter-spacing: 0.05em; font-weight: normal; font-style: normal;}
h1.news {padding-left: 0; margin-bottom: 1em;}

h2 {font: normal normal 14px/1em SopagFutura_News, Arial, sans-serif; text-transform:uppercase;  letter-spacing: 0.05em; }
h3 {font: normal normal 13px/1em Arial, sans-serif; color: #446592;margin-bottom: 10px;}
h4 {font: normal normal 18px/1em Helvetica, sans-serif; text-transform:uppercase; letter-spacing: -0.03em; margin-bottom: 1em;}

p {padding-bottom: 15px;}
strong {font-weight: bold;}
table {margin-bottom: 15px;}

/* ABSOLUTE DIVS */	

#wrapper { 	
			width: 800px; margin: 0 auto; height: 100%;
    		text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */ 
    		background: #fff;
    	 }
    	 

#top_nav_container {position: relative; width: 800px; height: 35px;}

	#top_nav {position: absolute; top: 10px; right: 15px;  }

	#top_nav ul { width: 100%; float: left; height: 20px; text-align: right; font-size: 11px; }
	#top_nav li { list-style-type: none; display: block; float:left; }
	#top_nav li a { margin: 0 0 0 10px; color: #fff; text-decoration: none; }
	#top_nav li a:hover { text-decoration: none; border-bottom: 1px solid #fff; }
	#top_nav a.selected {text-decoration: underline;}
	
#navigation_container { position: relative; width: 770px; margin-left: 15px; padding-right: 15px; height: 118px; } 
#navigation_container.news {  height: 93px; } 

	#logo {position: absolute; top:15px; left:0; width: 214px; height: 62px; }
	
	#navigation { position: absolute; top:42px; left: 225px; width: 545px; height: 50px; }
	#navigation a  {font-weight: normal; font-size: 12px; letter-spacing: 0.03em;}
	
	#navigation a:hover {font-weight: bold; letter-spacing: 0.03em;}
	#navigation a.selected, #navigation ul ul li.here a {font-weight: bold; letter-spacing: 0.03em;}
	
	#navigation ul { position: relative; width: 100%; float: left; height: 20px; padding-bottom: 2px; background: transparent url(/images/layout/nav/sopag_navi_01.gif) no-repeat left bottom; }
	#navigation ul ul {position: absolute; left: 0; top: 28px;  height: 20px; padding-bottom: 0; background: transparent url(/images/layout/nav/sopag_navi_02.gif) no-repeat left bottom; }
	
	#navigation li { list-style-type: none; display: block; float:left; }
	#navigation li a { padding: 0 10px 0 0; color: #000000; text-decoration: none; text-transform: uppercase;}
	#navigation ul ul li a { font-size: 11px;}
	
.bild { position: relative;  overflow: hidden;  }
	.intro { padding-left: 15px; width: 785px; background: #fff; }
	.content_hoch {margin-left: 240px; margin-right: 15px; width:545px; }

	#titel { position: absolute; bottom: 0; left: 0; margin-left: 15px; padding: 10px 5px 5px 225px; color: white; width: 555px; } 

.titel { position: relative; overflow: visible; width: 785px; height: 33px; background: #fff; }

#sitemap { position: relative;  padding: 0px 15px 25px 0; background: white; }

	#sitemap a  {font-weight: normal; font-size: 12px; letter-spacing: 0.03em;}
	#sitemap a:hover {font-weight: bold; letter-spacing: 0.03em;}
	
	#sitemap ul {position: relative; width: 100%; padding-bottom: 2px;  }

	#sitemap li { list-style-type: none; display: block; width: 500px; float:left; }

	#sitemap li a { padding: 0 10px 0 0; color: #000000; text-decoration: none; text-transform: uppercase;}
	#sitemap ul ul li a { padding: 0 10px 0 30px;}


#content { position: relative;  padding: 25px 15px 25px 240px; background: white; }

#content td {padding-bottom: 10px;}

	#content td.partner { width: 110px; padding-top: 1px;}
	#content td.mitarbeiter { width: 260px; padding-top: 1px;}

	#content td.link { width: 25px; background: transparent url(/images/layout/icons/icon_link.gif) no-repeat left 1px;}
	#content td.download { width: 25px; background: transparent url(/images/layout/icons/icon_download.gif) no-repeat left 1px;}
	#content td.zug { width: 25px; background: transparent url(/images/layout/icons/icon_zug.gif) no-repeat left 1px;}
	#content td.auto { width: 25px; background: transparent url(/images/layout/icons/icon_auto.gif) no-repeat left 1px;}

	#content ul#thumbs { list-style-image:none; list-style-position:outside; list-style-type:none; }
	#content ul#thumbs li { display: block; float: left;  width: 160px; height: 85px; overflow: hidden; }
	.clear_float {clear: both;}
	
	
a.content_edit {padding: 0 3px; background: red; color: white}

.kleiner {color: gray; font-size: 12px;}