/* ===========================================           Globale Formate            ============================================ */

html {border: 0px;}
body {
	margin: 0; padding: 0; border: 0px;
	background: #E5E5E5;
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif; font-size: 85%; color: #666666;
	text-align: center;	
} 
		
body div {margin: 0; padding: 0;}

#content a {font-size: 100%; color: #3697CE; background: none;}
#content a:visited , #content a:visited {color: #3697CE; background: none;}
#content a:hover, #content a:active, #content a:focus {color: #000; background: none;}

abbr, acronym {border-bottom: 1px dotted #000; cursor: help;}

.url-extern:after, .url-extern:after {content:url("../gfx/design/url-extern.gif");}

/* =================================================          DIVs           =============================================== */


#center-div {
	width: 787px;
	margin: 0 auto 0 auto;
	background: #E3E9F5;
	text-align: left;
	background: url("../gfx/design/bg-content.gif") repeat-y #FFF;
}
			
#nav-header {
	width: 787px; height: 34px;
	background: url("../gfx/design/bg-header-nav.gif") repeat-y;
}

		
a#logo, a:visited#logo {
	display: block;
	margin: 70px 16px 10px 0;
	width: 240px; height: 100px;
	float: right;
	border: none; text-decoration: none; background: none;
}

a:hover#logo, a:active#logo, a:focus#logo {border: none; text-decoration: none; background: none;}
#logo span {left: -3000px; top: -3000px; width:0px;  height:0px; overflow:hidden; display:block; line-height: 0px; }


/* Bildbereich im Header */
#header {
	width: 787px; height: 181px;
	clear: both;
	background: url("../gfx/design/bg-header-01.jpg") top left;
}

#management #header {	background: url("../gfx/design/bg-header-01.jpg") top left;}
#marketing #header {background: url("../gfx/design/bg-header-02.jpg") top left;}
#rsu #header {background: url("../gfx/design/bg-header-03.jpg") top left;}
#kontakt #header {background: url("../gfx/design/bg-header-03.jpg") top left;}


/* Positionsanzeige */
#show-position	{width: 500px; margin: 17px 0 10px 20px; height: 1.4em; float: left; color: #719095;}

#show-position a, #show-position a:visited  {/* font-size: 90%; */border: none; color: #3499CD; text-decoration: none;}
#show-position a:hover, #show-position a:active, #show-position a:focus {border: none; color: #000;}

/* Inhalts-Kontainer */

#content	{
			width: 500px; 
			margin: 0 35px 22px 38px;
			float: left;
			font-size: 90%; line-height: 165%;
} 

#kontakt #content {width: 520px; margin: 0 15px 22px 38px;}

/* fix f?r den "double margin bug" IE 5 */
* html #content, #show-position {display: inline;}

#nav-right	{
			float: left; clear: right;
			width: 185px; height: 350px;
			margin: -30px  0 22px 0;
			background: url("../gfx/design/bg-nav-right.gif") top left no-repeat #C1D4DA;
			color: #666465;
} 

/* bereichspezifische Formate f?r nav-right und content */

#kundenlogin #nav-right {display: none;}
#kundenlogin #content {width: 710px; }

/* Navigation 2 im Weblog */
#index #nav-right	{
			margin: 16px 0 22px 0;
			/* background: url("../gfx/design/bg-nav-right.gif") top left no-repeat #C1D4DA; */
			background: url("../gfx/design/schroeder.jpg") top left no-repeat #C1D4DA;
} 

/* Relaunch der Navigation im Weblog - 2006-01-03 */
#index #nav-right-hp	{
			float: left; clear: right;
			width: 185px;
			margin: 0;
			/*background: url("../gfx/design/schroeder.jpg") top left no-repeat #C1D4DA;*/
}
#index #nav-right-hp #teaser {
			width: 185px; height: 266px;
			margin: 16px 0 0 0;
			background: #C1D4DA url(../gfx/design/rolf-schroeder.jpg) no-repeat left top;
}
#index #nav-right-hp #teaser-text {
	background: #728f97;
	width: auto;
	margin:1px 0 0;
	padding:5px 0 5px 10px;
}
#index #nav-right-hp #teaser-text h2 {
	margin:0;
	padding:0;
	color:#FFFFFF
}
#index #nav-right-hp #teaser-text p {
	color: #FFFFFF;
	font-size:85%;
	margin-top:0.5em;
}
#socialmedia { margin-top:10px; }
#socialmedia img { margin-right:10px; }

#index #nav-right-hp ul {
	background: #E1EBEE;
	margin: 0px;
	padding: 0px;
	width: 185px;
	list-style: none;
}

#index #nav-right-hp ul li h2 {
	color: #728f97;
	background: #c1d4da;
	display: block;
	height: 1.5em;
	width: 175px;
	margin:0;
	border-top: 9px solid #FFFFFF;
	line-height:150%;
	font-size: 1.3em;
	padding-left: 10px;
}

#index #nav-right-hp ul li ul {
	width:170px;
	padding: 10px 5px 10px 10px;
	font-size:11px;
	line-height:160%;
}
#index #nav-right-hp a {
	font-size: 100%;
	color: #666;
	background: none;
	text-decoration: none;
}
#index #nav-right-hp a:visited , #index #nav-right-hp a:visited {color: #666; background: none;}
#index #nav-right-hp a:hover, #index #nav-right-hpt a:active, #index #nav-right-hp a:focus {
	color: #000;
	background: none;
	text-decoration: underline;
}
						
#footer	{
		width: 787px; height: 60px;
		margin: 0 auto 0 auto; 
		clear: both;
		font-size: 80%; text-align: left;
		background: url("../gfx/design/bg-footer.gif") bottom center no-repeat;
}
		
#footer a, #footer a:visited {border: none; text-decoration: none; color: #CCC;}
#footer a:hover, #footer a:active, #footer a:focus {border: none; color: #FFF;}

/* =================================================      Navigation  oben       ================================================= */

#nav-header #nav, #nav-header #nav ul {
	float: right;
	height: 34px;
	margin: 0; padding-right: 20px; 
	list-style: none;
	font-size: 89%; letter-spacing: 1px;
}

#nav-header #nav a, #nav-header #nav a:visited {
	display: block;
	padding: 0 7px 2px 19px;
	color: #BFD4D9; text-decoration: none; text-align: left; line-height: 34px;
	vertical-align: middle;
}
		
#nav-header #nav a:hover, #nav-header #nav a:active, #nav-header #nav a:focus, #nav-header #nav a:focus .sffocus { color: #FFF;}

#nav-header #nav li {
	height: 34px;
	float: left;
	padding: 0;
}

/* Highlights f?r die Top-Navi */

#management #nav-header #nav #n-management a, #management #nav-header #nav #n-management a:visited { color: #FFF;}
#marketing #nav-header #nav #n-marketing a, #marketing #nav-header #nav #n-marketing a:visited { color: #FFF;}
#rsu #nav-header #nav #n-rsu a, #rsu #nav-header #nav #n-rsu a:visited { color: #FFF;}
#kundenlogin #nav-header #nav #n-kundenlogin a, #kundenlogin #nav-header #nav #n-kundenlogin a:visited { color: #FFF;}


/* =================================================     Navigation  rechts     ================================================= */

#nav2, #nav2 ul {
	font-size: 95%; line-height: 180%;
	margin: 0; padding-left: 10px; 
	list-style: none;
}
#nav-right #nav2 ul li {
	font-size: 95%; line-height: 180%;
	}

#nav-right a, #nav-right a:visited {
	color: #2F91C4; font-size: 95%; line-height: 180%;
}

#nav-right a:hover, #nav-right a:active, #nav-right a:focus, #nav-right a:focus .sffocus { color: #000;}


/* =====================================================       Schriften       ================================================= */


h1{
	color: #000;
	padding: 8px 0 0 0;
	margin: 0 0 0 -1px;
	font-size: 2em; line-height: 1.8em; font-weight: 400;
}

/* weblog / startseite */
#index #content h1, #index #content h1 a, #index #content h1 a:visited {
	padding: 10px 0 3px 0;
	text-decoration: none; border: none; background: none;
	font-size: 1.4em; line-height: 1.3em; font-weight: 400; color: #000; 
}

#index #content h1.seitentitel {font-size: 2em; line-height: 1.3em; font-weight: 400; color: #000;}

h2, h2 a, h2 a:visited {
	color: #000; 
	padding: 0;
	margin: 15px 0 0 10px;
	font-size: 1.5em; line-height: 1.2em;  font-weight: normal;
	text-decoration: none; border: none; background: none;
}

#nav-right h2 {
	margin: 15px 0 10px 10px;
}

h3 {
	margin: 22px 0 6px 0;
	color: #999999; 
	font-size: 1.5em; 
	font-weight: normal;
	letter-spacing: 1px;}
	
#kontakt h3 {margin: 30px 0 6px 0;}

#clearit	{clear: both; font-size: 0px; line-height: 0px;}
p {line-height: 160%; margin: 0.8em 0 0.3em 0;}
/* weblog / startseite */
#index p {line-height: 160%; margin: 1.1em 0 0.3em 0;}

/* Schrift-Kontainer f?r verschiedene Bereiche */
#contact p {float: right; margin: 0 15px 0 0; line-height: 1.6em; color: #354D6A; padding: 0 5px 0 0;}	
#show-position p {padding: 0 8px 0 19px; line-height: 17px; margin: 0; font-size: 85%;}	
#nav-right p {margin: 10px 15px 20px 10px;}

#footer p {height: 3.3em; padding: 13px 0 0 35px; margin: 0; color: #E3E9F5; line-height: 3.3em; float: left;}
#footer p.impressum {width: 250px; float: right; text-align: right;}
#footer form {margin: 0; padding: 0; line-height: 3.3em;}
#footer input {margin: 0; padding: 0; width: 6.5em; color: #E3E9F5; background: #809BBC; background: transparent; border: none; border: 0px; cursor: pointer;}
#footer input:hover, #footer input:focus {color: #FFF;}
#validator p {float: right; margin: 5px 0 10px 0;}	

/* Schrift-Formate f?r verschiedene Rubriken */

#content ul { 
		line-height: 180%; 
		list-style: circle;
		margin: 12px 5px 23px 15px; padding: 2px 0 2px 10px; 
}
		
#content ol {		
	line-height: 180%; 
	margin: 12px 5px 26px 28px; padding: 2px 0px 2px 11px;
} 


abbr, acronym, span.abbr, .help {
  			border-bottom: 1px dotted #333;
}
			
br.clearit	{clear: both;}

/* ======= Bilder  ======== */

#content img	{font-family: Arial, Verdana, Helvetica, Sans-Serif; border: 0px; margin: 0 0 7px 0;}
.bild-links {float: left;}
.bild-rechts {float: right;}

#index #content div.post .entry img {float: right; margin:0.15em 0 0.15em 1em; border:0;padding:3px; border: 1px #ddd solid; background: #f4f4f4;}	

/* webEdition interne Styles habe ich ausgelagert, damit sie nicht bei der Auswahl eines Linkstyles erscheinen */

#content .entry img, #content .entrytext img  {
	padding: 5px 0px 10px 20px;
} /*für WordPress*/