/* Hauptformate */

* {
  margin:0;
	padding:0;
	border:0;
	background:transparent;
  font-size:8pt;
}
body {
  font-family:Verdana,'Trebuchet MS',Arial,sans-serif;
  font-size:12px;
  text-align:center;
	color:#666;
  background:#fff url(../img/home/blue_fade.gif) repeat-x;
  }
/* Body Links */

a:link { 
  font-family:Verdana,SunSans-Regular,sans-serif;
  text-decoration:none;
  font-weight:normal;
  color:#339;
}
a:visited, a:active, a:hover { 
  text-decoration:none;
  color:#669;
}
#content .text a.menu:link,
#content .text a.submenu:link {
	display:block;
	background:url(../img/gemeinsam/arrow_bullet.gif)  0 2px no-repeat;
	padding-left:12px;
}
#content .text a.menu:visited,
#content .text a.submenu:visited {
	display:block;
	background:url(../img/gemeinsam/checked_bullet.gif) 0 2px no-repeat;
	padding-left:12px;
	color:#066;
}
#content .dreispalt a:link,
#content .text h3 a:link,
#content .text h3 a:visited {
  display:inline;
	padding:0;
	background:url();
}

/* Text Links Listenformatierung */

.text a.menu:link,
.text a.menu:visited,
.text a.menu:hover {
  margin-left:30px;
  font-weight:bold;
  }
.text a.submenu:link,
.text a.submenu:visited,
.text a.submenu:hover {
  margin-left:60px;
  }
.text .txt a.submenu:link,
.text .txt a.submenu:visited,
.text .txt a.submenu:hover {
  margin-top:10px;
  margin-left:0;
  }

/* Hauptcontainer */

#container {
	position:relative;
  width:772px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#header  {
  position:absolute;
	top:0;
	left:0;
}
#content {
  position:absolute;
	top:60px;
	left:0;
	z-index:0;
  }
#inner-content {
	min-height:350px;
	height:auto !important;
	height:350px;
  }
#menu {
  position:absolute;
  top:64px;
	left:179px;
  width:700px;
	z-index:10;
  }
#side-menu {
  position:absolute;
  top:150px;
	left:0px;
  width:170px;
	z-index:9;
  }
#side-menu ul {
  list-style-type:none;
	border-top:1px dotted #949071;
	background:#fff;
  }
#side-menu ul a {
  font-weight:bold;
	color:#949071;
  }
#side-menu ul ul a {
  font-weight:normal;
	color:#999;
  }
#side-menu ul ul {
  list-style-type:none;
  margin-bottom:10px;
	margin-left:10px;
	border:0;
  }
#footer {
  clear:both;
	position:static;
	margin-top:50px;
  }
	
/* PageHeader */

#header h1 a {  /* www.webdaum Logo www_webdaum*/
	background:url(../img/home/header.gif) 0 0 no-repeat;
  width:179px;
	height:64px;
	display:block;
}
#header h5 {  /* Verlauf-Balken */
	background:url(../img/gemeinsam/weiss_grau.gif) top right repeat-y;
  width:179px;
	height:17px;
}
#header h3, .balken { /* breiter Balken mit copyright  */
	background:#f9f9fa;
  width:188px !important;
  width:187px;
  width/**/:187px;
	height:85px;
	border-right:1px solid #fff;
	position:relative;
	top:0;
	left:0;
	float:left;
	margin:0;
	margin-right:5px;
}
#header h3 {
	height:64px;  
  }
#header h1 span,
#header h3 span {
  position:absolute;
  width:100px;
  margin-left:-5000px;
  }
#update h5 span { /* Letzter Update */
	position:absolute;
	text-align:left;
	top:80px;
	display:block;
	padding-top:20px;
	width:160px;
	left:10px;
	font:normal 9px Verdana,sans-serif;
	color:#99a;
	border-top:1px dotted #949071;
}

/* Menu vorbereiten: */


#menu a {   /* die Links vorbereiten */
  display:block;
  text-align:center;
  text-decoration:none;
  font:bold 10px Verdana,sans-serif;
  text-transform:lowercase;
  }
#menu ul ul a {
  font-weight:normal;
  }
#menu li {  /* die Listen vorbereiten */
  list-style-type:none;
  float:left;
  position:relative;
  background-color:#c0c0c0;
  }
#menu li ul {
  width:96px;
  border:1px solid #ccc;
  position:absolute;
  top:17px;
  left:0;
  }

/* Drop-down-menus ein- und ausblenden 
   CSS Level 2, funktioniert nicht mit MSIE 
   Trick basiert auf einer Idee von Eric Meyer
   (http://www.meyerweb.com/eric/css/edge/menus/demo.html) */


#menu li ul {
  display:none; /* alle verstecken ... */
  }
#menu li:hover > ul { /* ... und wieder anzeigen */
  display:block;
  }
#menu li ul li ul { /* Submenus ab Ebene 2 nach rechts ausklappen */
  position:absolute;
  left:96px;
  top:-1px;
  }
#menu #menu-5 ul li ul { /* Submenu #5 nach links ausklappen */
  left:-98px;
  top:-1px;
  }


/* Styling für die Menu-Ebenen */

/* Menu */

#menu a:link, #menu a:visited {
  font-size:10px;
  width:98px;
	padding-top:2px;
  height:15px !important;
  height:17px;
  color:#666;
  }

#menu a:hover { 
  background-color:#c0c0c0;
  color:#333;
  }
#menu a.active:link,
#menu a.active:visited { 
  background:#fff url(../img/gemeinsam/grau_weiss.gif) repeat-y;
  color:#333;
  }
#menu #menu-5 {
  background:#fff url(../img/gemeinsam/grau_weiss.gif) repeat-y;
  }

/* Submenu */

#menu ul ul a:link, #menu ul ul a:visited {
  text-align:right;
  background:#ccc url(../img/gemeinsam/grau_weiss.gif) repeat-y;
  color:#666;
  font-size:10px; 
  width:93px !important; 
  width:96px;
	padding-right:3px;
  }
#menu ul ul a:active, #menu ul ul a:hover { 
  background:#999 url(../img/gemeinsam/weiss_grau.gif) top right repeat-y;
  color:#333;
 }

/* Sub-submenu und Sub-sub-submenu */

#menu ul ul ul a:link, #menu ul ul ul a:visited {
  text-align:left;
	padding-left:3px;
	padding-right:0;
  background:#eee;
  font-size:9px;
  }
#menu ul ul ul a:active, #menu ul ul ul a:hover { 
  background:#ccc;
  }

/* Spezial-Effekt mit in <a> verstecktem <span> */

#menu a:link span, #menu a:visited span {
	background-position:98px;
  }
#menu a:hover span,
#menu li:hover span,
#menu a.active:link span,
#menu a.active:visited span {
  display:block;
  position:absolute;
	background-position:0 0;
	top:-64px;
	left:0;
  width:98px;
	height:64px;
  }

/* Die einzelnen spans variieren:  */

#menu-1 span {
	background:url(../img/aktuell/aktuell.gif);
  }
#menu-2 span {
	background:url(../img/kontakt/kontakt.gif);
  }
#menu-3 span {
	background:url(../img/portfolio/portfolio.gif);
  }
#menu-4 span {
	background:url(../img/dienste/dienste.gif);
  }
#menu-5 span {
	background:url(../img/links_download/links_download.jpg);
  }

/* Infoboxen */

#content #inner-content #side-box  {
  position:absolute;
	top:40px;
	left:700px;
  padding-bottom:20px;
  width:111px;
}

#content #inner-content #side-box dl dd  {
  font-size:10px;
  text-align:right;
  border-bottom:1px dotted #999;
  margin-bottom:5px;
}

#content .infobox h2,
#content #inner-content #side-box h2 {
  font-size:12px;
  text-align:center;
  margin:0;
  margin-bottom:12px;
  padding-bottom:5px;
  background:rgb(255,255,250);
  color:#999;
  }
.infobox {
  position:relative;
  bottom:0;
  left:0;
  font-family:Verdana,SunSans-Regular,Arial,sans-serif;
  font-size:10px;
  color:#666;
  padding:0px 0 15px 0px; 
  margin-right:4px;
  float:left;
  width:111px;
  }
#footer .infobox,
#content #side-box {
  background:rgb(255,250,237) url(../img/gemeinsam/infobox_bottom.gif) bottom no-repeat;
  color:#333;
	}
.infobox a {
  display:block;
  padding:1px 2px 4px 3px;
  position:static;
  }
.infobox a:hover {
  background-color:#fff;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:1px 1px 4px 2px;
  }
.infobox * {
  font-size:9px;
	color:#669;
	text-decoration:none;
	}
.infobox h3 img {
  margin:0;
  position:relative;
  padding:0;
	}
#content .infobox h3, #content #side-box h3  {
  font-size:11px;
  text-align:center;
  color:#666;
  height:15px;
	padding-top:3px;
	padding-bottom:2px;
  background:#fff url(../img/gemeinsam/infobox_top.gif) no-repeat;
  margin:0;
	}
.infobox hr {
  color:#ccc;
	}
/* Textauszeichnung */


acronym, abbr {
	border-bottom:1px dotted #336;
	cursor:help;
	}
	/*
span[LANG=en] {
	background-color:#eef;
	color:#000;
}
*/
img.blickfang {
  margin-right:5px;
  }
#content ul {
  margin-left:0;
  }
#content li { /* formatiert wie p.txt 
  font-family:Verdana,Trebuchet MS,Arial,SunSans-Regular,sans-serif;*/
  text-align:justify;
  list-style-type:none;
	margin:10px 20px 10px 0;
  }
#content ul.compact li {
  margin:0;
	}
pre, code {
  font-family:Lucida,'Lucida Console','Courier New',Courier,sans-serif;
  }
pre, div.phpcode {
	background:#eee;
	width:93%;
	padding:10px;
	overflow:auto;
 }
code {
  color:#039;
	}
	
/* Formulare */

label { 
  font-size:8pt;
  width:200px;
  padding:0 5px 0 5px; 
	color:#933;
	background:transparent;
  }
select {
  width:300px;
  }
#receipt {
	width:20px;
	} 
input, textarea { 
  font-size:8pt;
  width:300px;
	background:#efefef;
  }
textarea.form {
  height:200px;
  }
.form  {
  margin:20px; 
  text-align:justify;
  }
.form input {
  background-color:transparent;
	border:1px solid #ccc;
  }
input.ressub, .ressub  { 
  margin-top:25px;
  background:#933;
  width:150px;
	border:2px ridge #ccc;
  color:#fff;
  }
	
/* Überschriften */
#content h1,
#content h1 a,
#content h2
#content h3,
#content h4,
#content h5,
#content h6 {
  font-family:'Trebuchet MS',Arial,Verdana,SunSans-Regular,sans-serif;
	text-align:center;
	}
#content h1 {
	margin-top:10px;
	margin-bottom:5px;
	padding-right:20px;
  text-align:right;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  clear:left;
	}
#content h1,
#content h1 a,
#content h1 * {
  font-size:14px;
	color:#102099;
	background:#fff;
  font-weight:bold;
	}
#content h1 a b {
  font-weight:bolder;
	}
#content h1 i  {
  font-size:18px;
	}
h2 {
  margin:15px 0 5px 0px;
  padding:0;
  font-size:10pt;
  }
#content h3 {
  font-weight:bold;
  margin:35px 0 15px 0px;
  padding-top:5px;
  }
#content .text h3 {
	padding-left:15px;
	background:url(../img/gemeinsam/horizontal2.gif) 0 5px no-repeat;
  }
#content h3.relative {
  position:relative;
  top:36px !important;
  top:30px;
	left:240px;
	padding-left:0;
	text-transform:lowercase;
	letter-spacing:1px;
  }
#content h3,
#content h3 a:link,
#content h3 a:visited {
  font-size:9pt;
  font-weight:bold;
	color:#336;
  }

#content h3 small,
#content h3 small a:link,
#content h3 small a:visited {
  font-size:8pt;
  font-weight:bold;
  color:#336;
  }
#content h3 small small,
#content h3 small small a:link,
#content h3 small small a:visited {
  font-size:7pt;
  font-weight:normal;
  color:#336;
  }
#content h4 {  /* Wallpaper */
  margin-top:30px;
	letter-spacing:2px;
	color:#c0c0c0;
  }
#content p.letzter a img	{ /* tools winzip.gif */
  margin:0;
  }
/* Absatz */

p { 
  font-family:Verdana,'Trebuchet MS',Arial,SunSans-Regular,sans-serif;
	line-height:15px;
  padding:2px 0px;
  margin:0 20px 0px 0px;
	text-align:justify;
  }
p.home {
  margin:0px 20px 20px 0px;
  padding:5px;
 }

p.letzter {
  margin:0px 20px 80px 0;
	}
p.weiss { 
  margin:0px 20px;
  padding:0px;
  color:#fff;
  font-weight:bold;
  text-align:right;
  }
p.copy {
  text-align:justify;
  color:#000;
  }
p.klein {
  text-align:center;
  padding:3px 5px;
  border-style:solid;
  border-width:1px 1px 15px 0;
  border-color:#ccc;
  border-bottom-color:#eee;
  margin:0;
  width:757px;
  height:10px;
  background-color:#fff;
  clear:left;
  }
p.klein a:link, p.klein a:visited {
  font-size:7pt;
  color:#666;
  display:block;
  float:right;
  border:1px solid #c0c0c0;
  margin:0 2px;
  padding:0 5px;
  background:#fff;
  }

p.klein a.left {
  float:left;
  }
/* Text Inhalt Anfang */

#content .text {
  padding-top:20px;
  margin-left:180px;
	padding-bottom:20px;
  }
.center {
  text-align:center;
  }
.text h3 {
  margin-top:5px;
  }
#content hr {
  width:522px;
	margin-top:20px;
	margin-bottom:20px;
	color:#ccc;
	border-bottom:1px #ccc dotted;
	background:transparent;
	height:1px;
	clear:both;
  }
div.left { /* Linke Box bei mehrspaltigem Layout (Startseite) */
  float:left;
	width:400px;
	margin-left:30px !important;
	margin-left:15px;
	margin-bottom:30px;
}
#content div.left .eintrag {
  width:400px;
	}
.dreispalt {
  float:left;
  width:180px;
	margin-left:15px !important;
	margin-left:10px;
	margin-bottom:30px;
  }
.dreispalt p  {
	text-indent:30px;
	}
.dreispalt p.letzter {
  margin:20px 20px 0px 0px;
	padding-bottom:30px;
	border-bottom:1px solid #333;
	}
.zweispalt {
  float:left;
  width:235px;
	margin-right:10px;
	margin-bottom:30px;
	display:inline;
  }
.zweispalt p {
	text-indent:40px;
	height:100px;
	}
p.erster {
  font-weight:bold;
	margin-bottom:20px;
  }
p.p1 {
	text-indent:10px;
}
p.p1:first-letter {
  font:italic 200% Verdana,sans-serif;
  }
p.p1:first-line {
  font-weight:bold;
  }	
.eintrag {
  clear:both;
	margin-bottom:20px;
  }
.left img {
  float:left;
	margin-right:30px;
  }
/* 	
#rightbox.infobox { die korrespondierende rechte Box mit den News-Links 
  position:static;
	float:right;
	top:0;
	right:0;
}
*/	
#rightbox.infobox { /* die korrespondierende rechte Box mit den News-Links */
  position:absolute;
	top:30px;
	left:700px;
	background-color:transparent;
}
#right-box p {
	margin-bottom:0;
	padding-bottom:0;
	}
/* button */

td {
  vertical-align:top;
  }
.rechts {
  text-align:right;
	padding-right:20px;
  }
.metallic {
  background:url(../img/links_download/grafik/button/button_metallic/background.gif) 0 0 no-repeat;
  width:125px !important;
  height:125px !important;
  width:150px;
  height:150px;
  width/**/:125px;
  height/**/:125px;
  padding:25px;
  }
/* wallpaper */

div.wall {
  width:400px;
  height:400px;
  margin:20px 0;
  background:#ff3355;
  }
#downloadsgrafik #content h1 {
  font-size:16px;
  margin-right:45px;
  margin-bottom:40px;
  border:0;
  text-align:center;
  }
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover {
  text-decoration:none;
  }
h1 i, h1 b  {
  font-size:10px;
	color:#c0c0c0;
	}

/* Kartei Portfolio */
#portfolio #img-container,
#portfolio .rechts,
#kartei {
	margin-top:60px;
}
#kartei .rechts {
	margin-top:0px;
	margin-right:20px;
	margin-bottom:20px;
	border-right:1px dotted #ccc;
	height:250px;
}
.linklist ul li {
	padding-bottom:5px;
	
	/*float:left;
	border-bottom:1px dotted #ccc;*/
	}
p.feld,
.feld,
.rechts p {
  width:260px;
	color:#666;
  margin-left:18px;
	clear:left;
  }
p.feld#text {
	margin-top:10px;
  height:130px;
  width:260px;
	}
#portfolio .rechts {
  float:left;
  }
.img-container, #img-container {
  display:block;
  margin-top:15px;
  padding:0 11px 12px 0;
	background:url(../img/gemeinsam/screenshot_bg.jpg) 100% 100% no-repeat;
  float:left;
  min-width:200px;
  width:auto !important;
  width:211px;
  text-align:right;
  position:relative;
  z-index:999;
  }
.img-container td, th {
	background:#fff;
	padding:10px;
	margin:2px;
  }
#kartei a:link, #kartei a:visited {
  color:#660;
  }
#url a {
  font-weight:bold;
  display:block;
  color:#333;
  height:30px;
  width:260px;
  overflow:hidden;
  }
#kartei p {
  text-align:left;
	}
#kartei .rechts {
  text-align:center;
  }
.rechts #fav {
  float:left;
  margin-left:18px;
  }

#kartei a#prev,
  #kartei a#next {
  display:inline;
  width:30px;
  height:30px;
  }
#kartei a#prev {
  float:left;
  background:url(../img/portfolio/kartei/prev.png) no-repeat;
  margin-left:10px;
  }
#kartei a#next {
  float:left;
  background:url(../img/portfolio/kartei/next.png) no-repeat;
  margin-top:0 !important;
  margin-top:-13px;
  margin-left:220px;
  }
#kartei a#prev span,
  #kartei a#next span {
  position:relative;
  left:-1200px;
  }

/* Farben*/
 
.home, .home *  {
  background-color:#eee;
	}
.kontakt  {
  background-color:#c30;
  }
.portfolio  {
  background-color:#063;
  }
.impressum  {
  background-color:#936;
  }
.dienste  {
  background-color:#006
  }
.link  {
  background-color:#039;
  }
.hellstgrau  {
  color:#e5e5e5;
  background-color:#e5e5e5;
  }
.grau {
  color:#919191;
  background-color:#919191;
  }
.hellgrau {
  background-color:#eee;
  }
/* No-Script */
#noscript-ie { /* IE-User kriegen Warnhinweis - Aufklappmenu funktioniert nur mit JS */
  width:350px;
  margin-left:400px;
  text-align:left;
  color:#933;
	display:block;
  }
#noscript-ie { /* IE-Warnung in guten Browsern unterdrücken - das Menu funktioniert ja auch ohne JS */
  display:none !important;
  } 
  
/*
 BLOG
*/
.eintrag, .teaser {
	width:670px;
	margin-bottom:30px;
	}
.kopfzeile {
	text-align:right;
	background:#f6f9ff url(../img/blue_fade.GIF) left top repeat-y;
	margin-left:180px;
	}
div.linklist {
	margin-left:180px;
	}
#content h5.kommentaranzahl {
	text-align:left;
	margin-left:180px;
	margin-top:5px;
}
#content h5.kommentaranzahl a {
	font-size:14px;
}
#content .eintrag h5 {
  margin-top:40px;
  text-align:left;
  }
#content ul.kommentare {
	margin-left:210px;
	}
#content .eintrag li {
	margin-left:20px;
	}
#content .eintrag div.linklist li {
	margin:2px 0;
	}
.time,
.ort,
.thema,
.autor {
	text-align:right;
	display:inline;
	padding-right:20px;
	}
.mehr, .kommentare, .kommentieren {
	text-align:right;
	}
#login {
	position:absolute;
	left:0;
	top:300px;
	}
.teaser strong,
.teaser a.img-container,
.eintrag strong {
	background-color:transparent;
	color:#666;
	display:block;
	padding-bottom:10px;
	}
	
/* Aktuell Index */

#header-aktuell a,
#header-grafik a,
#header-dienste a,
#header-portfolio a,
#header-download a,
#header-tutorial a {
	padding-left:40px;
	line-height:32px;
	display:block;
	font-weight:bold;
	color:#666;
	}
#header-aktuell a {
	background:url(../img/gemeinsam/icon/aktuell.gif) 0 0 no-repeat;
	} 
#header-grafik a {
	background:url(../img/gemeinsam/icon/grafik.gif) 0 0 no-repeat;
	}
#header-dienste a {
	background:url(../img/gemeinsam/icon/dienste.gif) 0 0 no-repeat;
	}
#header-portfolio a {
	background:url(../img/gemeinsam/icon/portfolio.gif) 0 0 no-repeat;
	}
#header-download a {
	background:url(../img/gemeinsam/icon/download.gif) 0 0 no-repeat;
	}
#header-tutorial a {
	background:url(../img/gemeinsam/icon/tutorial.gif) 0 0 no-repeat;
	}

#aktuell .eintrag div.header {
  margin-top:-42px;
}

/* Downloadlinks */

a.pdf,
a.ppt,
a.zip,
a.psd {
 display:block;
 padding-left:20px;
 line-height:20px;
 color:#339;
 background-color:#fff;
 font-weight:bold;
 text-decoration:none;
 }
a.pdf {
 background:url(../src/pdf.gif) left no-repeat;
}
a.ppt {
 background:url(../src/ppt.gif) left no-repeat;
}
a.zip {
 background:url(../src/zip.gif) left no-repeat;
}
a.psd {
 background:url(../src/psd.gif) left no-repeat;
}

/* Suche */

#side-menu form {
 position:absolute;
 top:-80px;
 left:-5px;
}
div.suchergebnis {
 width:490px;
}

/* RSS-Feed */
li.top-link a#rss-feed {
 display:block;
 width:88px;
 height:31px;
 background:url(../img/rss_feed.png) no-repeat; 
 margin-top:20px;
}
li.top-link a#rss-feed:hover {
 background-position:0 -31px;
}
li.top-link a#rss-feed span {
 position:absolute;
 left:-1200px;
}

/* dienste */

#dienste .img-container {
 margin-top:5px;
 margin-right:20px;
}
#dienste #content ul li {
 line-height:15px;
}