/* 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:#ccb url(../img/theme_1/webdaum_bg.jpg) 0 64px no-repeat;
  }

/* Hauptcontainer */

#container {
	position:relative;
  width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#header  {
  position:absolute;
	top:0;
	left:0;
  width:100%;
}
#content {
  position:absolute;
	top:453px;
	padding-top:80px;
	width:100%;
	background:transparent url(../img/theme_1/content_bg.gif) 150px 0 repeat-y;
  }
#inner-content {
	background:transparent url(../img/theme_1/content_bottom.gif) 150px 100% no-repeat;
	width:550px !important;
	width:615px;
	margin-top:-140px;
	padding-right:65px;
	padding-bottom:45px;
  }
* #copyright h3 {
  position:absolute;
  top:120px;
	left:200px;
  }
#aktuell #copyright h3 {
  background-image:url(../img/theme_1/aktuell.jpg);
	width:180px;
	height:162px; 
  }
#portfolio #copyright h3 {
  background-image:url(../img/theme_1/portfolio.jpg);
	width:180px;
	height:162px; 
  }
#kontakt #copyright h3 {
  background-image:url(../img/theme_1/kontakt.jpg);
	width:180px;
	height:162px; 
  }
#dienste #copyright h3 {
  background-image:url(../img/theme_1/dienste.jpg);
	width:180px;
	height:162px; 
  }
#links_downloads #copyright h3,
#links_downloadsgrafik  #copyright h3 {
  background-image:url(../img/theme_1/download.jpg);
	width:180px;
	height:162px; 
  }
#side-menu {
  position:absolute;
  top:64px;
	left:562px;
  width:200px;
	min-height:389px;
	height:auto !important;
	height:389px;
  background:#fff url(../img/theme_1/menu_bg.gif) 100% 100% no-repeat;
  }
#side-menu ul {
  list-style:none;
  margin-top:15px;
	margin-left:40px;
	border-top:1px dotted #949071;
  }
#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-top:10px;
	margin-left:10px;
	border:0;
  }
li.top-link {
  margin-top:10px;
  }
#menu {
  position:absolute;
  top:86px;
	left:200px;
  width:700px; /* feste Angabe wird benötigt, um Umbruch zu verhindern */
	z-index:10;
  }
#footer {
  clear:both;
  width:100%;
	height:130px;
	background:#ebebe5 url(../img/theme_1/footer_bg.gif) repeat-x;
  }
	
/* PageHeader */

#logo {
  position:absolute;
  width:100%;
	height:64px;
	background-color:#fff;
  }
#header h1 a {  /* www.webdaum Logo www_webdaum*/
  margin-left:200px;
  padding-top:40px;
	background:url(../img/theme_1/header.GIF) 0 40px no-repeat;
  width:232px;
	height:24px !important;	
	height:64px;
	display:block;
  }
#header h5 {  /* Verlauf-Balken */
	background:url(../img/gemeinsam/weiss_grau.gif) top right repeat-y;
  width:179px;
	height:17px;
  }
.balken { /* Platzhalter footer Infobox (linker Rand) */
  width:100px;
	height:1px;
	float:left;
  }
#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:300px;
	display:block;
	width:100px;
	left:210px;
	font:normal 9px Verdana,sans-serif;
	color:#99a;
}


/* Body Links */

a:link { 
  font-family:Verdana,SunSans-Regular,sans-serif;
  text-decoration:none;
  font-weight:normal;
  color:#669;
}
a:visited, a:active, a:hover { 
  text-decoration:none;
  color:#999;
}
#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;
  }

/* Menu vorbereiten: */


#menu a {   /* die Links vorbereiten */
  display:block;
  text-align:center;
  text-decoration:none;
  font:bold 10px Verdana,sans-serif;
  }
#menu ul ul a {
  font-weight:normal;
  }
#menu li {  /* die Listen vorbereiten */
  list-style-type:none;
  float:left;
  position:relative;
  }
#menu li ul {
  width:118px;
  position:absolute;
  top:33px;
  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:120px;
  top:0
  }
#menu #menu-5 ul li ul { /* Submenu #5 nach links ausklappen */
  left:-120px;
  }
#menu #menu-5 a { /* Submenu #5 nach links ausklappen */
  background-position:right;
	width:74px;
  }


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

/* Menu */

#menu a:link, #menu a:visited {
  font-size:10px;
  width:72px;
	padding-top:9px;
	padding-bottom:9px;
  height:15px !important;
  height:33px;
  color:#ccc;
  }

#menu a:hover {
  color:#fff;
  }
#menu a.active:link,
#menu a.active:visited,
#menu a.active:active,
#menu a.active:hover { 
  background-image:url(../img/theme_1/aktiv_bg.gif);
	background-repeat:no-repeat;
  color:#333;
  }

/* Submenu */

#menu ul ul a:link,
#menu ul ul a:visited {
  text-align:right;
  background:#c0c0c0 url(../img/gemeinsam/grau_weiss.gif) 100% 0 repeat-y;
	margin:1px;
	border:1px solid #c0c0c0;
  color:#666;
  font-size:10px; 
  width:116px !important; 
  width:120px;
	padding-right:3px;
	padding-top:2px;
	padding-bottom:0px;
  height:15px !important;
  height:17px;
  }
#menu #menu-5 ul a {
  width:116px !important; 
  width:120px;
  }
#menu ul ul a:active, #menu ul ul a:hover { 
  background:#fff url(../img/gemeinsam/weiss_grau.gif) 100% 0 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; 
  }


/* graue Infoboxen */

#content .infobox h2 {                /* Achtung: Überschrift h2 wird hier mitdefiniert*/
  font-size:11px;
  text-align:center;
  margin:0;
  margin-bottom:12px;
  border-bottom:1px solid #999;
  }
.infobox {
  position:relative;
  bottom:0;
  left:0;
  font-family:Verdana,SunSans-Regular,Arial,sans-serif;
  font-size:10px;
  color:#666;
  background:#eee url(../img/theme_1/infobox_bottom.gif) bottom no-repeat;
  padding:0px 0 15px 0px; 
  margin-right:4px;
  float:left;
  width:111px;
  }
#footer .infobox {
  top:40px;
  }
.infobox a {
  display:block;
  padding:1px 2px 4px 3px;
	color:#363;
  }
.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 img {
  margin:0 0 10px 10px;
	}
.infobox h3 a,
.infobox h3 a:hover {
  display:inline;
	padding:0;
	border:0;
	}
.infobox h3 img {
  margin:0;
	}
#content .infobox h3, #content #rightbox h3  {
  font-size:11px;
  text-align:center;
  color:#666;
  height:14px !important;
  height:19px;
	padding-top:3px;
	padding-bottom:2px;
  background:transparent url(../img/theme_1/infobox_top.gif) no-repeat;
  margin:0;
	}
.infobox hr {
  color:#ccc;
	}
/* Textauszeichnung */

hr, .clear {
  clear:both;
  }

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 0 10px 20px;
  }
#content ul.compact li {
  margin:0;
	}
pre, code {
  font-family:Lucida,'Lucida Console','Courier New',Courier,sans-serif;
  }
code {
  color:#039;
	}
	
/* Formulare */

label { 
  font-size:8pt;
  width:150px;
  padding:0 5px 0 5px; 
	color:#933;
	background:transparent;
  }
input, select { 
  font-size:8pt;
  width:150px;
	background:#efefef;
  }
#receipt {
	width:20px;
	}
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;
	cursor:pointer;
  }
	
/*Überschriften */
#content h1,
#content h2
#content h3,
#content h4,
#content h5,
#content h6 {
  font-family:'Trebuchet MS',Arial,Verdana,SunSans-Regular,sans-serif;
	}
#content h1 {
  font-size:32px;
	color:#102099;
	margin-right:45px;
	margin-bottom:5px;
	}
#content h1 i  {
  font-size:18px;
	}
#content h1 b  {
  font-size:18px;
  color:#936;
	}
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:-30px;
	left:390px;
	padding-left:0;
	text-transform:lowercase;
	letter-spacing:1px;
	width:360px;
  }
#content h3,
#content h3 a:link,
#content h3 a:visited {
  font-size:9pt;
  font-weight:bold;
	color:#949071;
  }

#content h3 small,
#content h3 small a:link,
#content h3 small a:visited {
  font-size:8pt;
  font-weight:bold;
  color:#949071;
  }
#content h3 small small,
#content h3 small small a:link,
#content h3 small small a:visited {
  font-size:7pt;
  font-weight:normal;
  color:#949071;
  }
#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:'Trebuchet MS',Verdana,Arial,SunSans-Regular,sans-serif;
	line-height:10pt;
  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 40px 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 {
  padding:0;
	clear:left;
	float:left;
	width:90%;
	position:relative;
	top:-68px;
	left:5%;
	right:5%;
  }
p.klein a:link,
p.klein a:visited {
  font-size:8pt;
	display:block;
  color:#fff;
  float:right;
  margin:0 2px;
  padding:0 5px;
  }
p.klein a.left {
  float:left;
  }

/* Text Inhalt Anfang */

#content .text {
  padding-top:30px;
	padding-left:160px;
	padding-bottom:20px;
  }
#content div.text {
  margin-top:0px;
  }
.center {
  text-align:center;
  }
.text h3 {
  margin-top:5px;
  }
.text hr {
  width:300px;
	margin-top:20px;
	margin-bottom:20px;
	color:#999;
	border:1px;
	background:#ccc;
	height:1px;
  }
/*#content div.left {  Linke Box bei mehrspaltigem Layout (Startseite) 
  float:left;
	width:auto;
	margin-left:30px !important;
	margin-left:15px;
	margin-bottom:30px;
}
.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;
	}
.eintrag p.erster {
  font-weight:bold;
	margin-bottom:20px;
  }
p.p1 {
	text-indent:10px;
}
.eintrag 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;
  }
.eintrag h2 {
  
  }
	
#rightbox.infobox { /* die korrespondierende rechte Box mit den News-Links */
  position:absolute;
	top:0;
	left:600px !important;
	left:160px;
	background-color:transparent;
}

/* 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;
  }
#content h1 {
  font-size:16px;
  margin-right:45px;
  margin-bottom:40px;
  }
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover {
  text-decoration:none;
  }
h1 i, h1 b  {
  font-size:10px;
	color:#ccb;
	}

/* Kartei Portfolio */

p.feld,
.feld,
.rechts p {
  background-color:#fff;
	color:#666;
  margin-left:18px;
  width:280px;
	clear:left;
  }
p.feld#text {
	margin-top:10px;
  height:110px;
	}
#portfolio .rechts {
  float:left;
  }
.img-container, #content #img-container {
  display:block;
  padding:0 11px 12px 0;
	background:url(../img/theme_1/screenshot_bg.jpg) 100% 100% no-repeat;
  float:left;
  min-width:200px;
  width:auto !important;
  border:0;
  text-align:right;
  position:relative;
  z-index:999;
  }
#kartei a:link, #kartei a:visited {
  color:#660;
  }
#url a:link, #url a:visited {
  font-weight:bold;
  color:#333;
  }
#kartei p {
  text-align:left;
	}
#kartei .rechts {
  text-align:center;
  }
.rechts #fav {
  float:left;
  margin-left:18px;
  }
* .rechts hr {
	visibility:hidden;
	
}
/* 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;
  }
	
/* Weblogs */


/* Aktuell Index */
/* Header Image austauschen: */

#aktuell .eintrag div.header img {
  display:none;
}
#aktuell .eintrag div.header {
  width:408px;
  height:355px;
  background:url(../img/aktuell/webdaum_webdesign_theme_1.jpg) no-repeat;
  margin-left:-10px;
}

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

#aktuell .eintrag div.header {
  margin-top:-42px;
}
#login {
  position:absolute;
	top:10px;
	left:40px;
  }
#login a em {
  color:#cc9;
	font-size:12pt;
	font-weight:bold;
  }	
#login a {
	text-decoration:none;
  color:#666;
  }
div.eintrag {
  margin-top:20px;
	margin-right:20px;
  margin-bottom:20px;
	padding-bottom:40px;
	border-bottom:1px dotted #cc9;
	border-right:1px dotted #cc9;
	position:relative;
  }
div.linklist {
	margin-left:160px;
	}
#content div.linklist ul li {
	margin:0;
	}
/* Weblog Teaser */
	
div.teaser {
	padding-bottom:0px;
	padding-left:20px;
  margin-top:20px;
	margin-right:20px;
	position:relative;
  }
/*
.teaser * {
	border:1px dotted #f66;
	}
*/
.teaser div.kopfzeile {
	text-align:left;
	margin-left:0px;
	margin-bottom:0;
  }	
#content .teaser .kopfzeile h1 {
  margin:0;
	padding:0;
  }
#content .teaser .kopfzeile h1 a {
  color:#996;
	font-size:16px;
  }
#content .teaser .text {
	padding-top:10px;
	padding-left:0px;
  margin-top:10px;
	background-color:transparent;
  margin-bottom:0;
	color:#333;
	}
#content .teaser .text p {
	color:#333;
	}
#content .teaser .text p.p1 {
	min-height:80px;
	}
p.mehr {
	margin:0 0 0 140px;
	}

#content .teaser .kommentare {
	text-align:right;
	}	
.teaser strong,
.teaser a.img-container,
.eintrag strong {
	background-color:transparent;
	color:#666;
	display:block;
	padding-bottom:10px;
	}	
	
/* Weblog Eintrag */
	
.eintrag div.kopfzeile {
	text-align:right;
	margin-left:160px;
  }
#content .eintrag .kopfzeile h1 {
  color:#cc9;
  margin:0;
	padding:0;
  }
#content .eintrag .kopfzeile h1:first-letter {
  font-size:120%;
  color:#cbb;
  }
.eintrag div.time,
.eintrag .ort,
.eintrag .thema {
	display:inline;
  padding-left:5px;
  }
.eintrag div.time,
.eintrag div.ort {
	color:#c60;
	border-right:1px solid #c60;
	padding-right:5px;
  }
.eintrag div.ort {
	color:#c60;
  }
.eintrag .thema  {
	color:#c90;
	font-weight:bold;
	font-size:12px;
  }
#content .eintrag .text {
	margin:0 0 0 160px;
	padding:20px 5px;
	border-top:1px dotted #ccc;
	}
/*.eintrag .text p {
	margin:0;
	padding:0;
	}*/
.eintrag .text td,
.eintrag .text th  {
  background-color:#fff;
  padding:5px;
	vertical-align:top;
	border-collapse:collapse;
	}
	
/* Kommentare */
	
#content .eintrag h5.kommentaranzahl  {
  font-size:12px;
	color:#669;
	background-color:#eee;
	margin:0 0 0 160px;
  }
#content .eintrag ul.kommentare  {
	background-color:#eee;
  margin-left:160px;
  margin-bottom:20px;
	margin-top:0;
	padding-bottom:40px;
  }
.eintrag ul.kommentare p.user-data b,
.eintrag ul.kommentare p.user-data i,
.eintrag ul.kommentare p.user-data {
	text-align:right;
	color:#c60;
  }
a.extern:link,
a.extern:visited {
	font-weight:bold;
	color:#339;
  }
a.extern:active,
a.extern:hover {
	font-style:italic;
	color:#36c;
  }
.eintrag ul.kommentare p.user-data strong {
	display:block;
	color:#339;
	margin-left:-5px;
  }
.eintrag ul.kommentare li  {
  padding:2px 10px;
  border-bottom:1px dotted #999;
  list-style:none;
  }		
.eintrag .kommentieren a  {
  display:block;
  text-align:center;
  padding:1px;
	font-size:9px;
  text-decoration:none;
	width:150px;
	margin:0 0 0 160px;
  }			
.eintrag .text a  {
	margin:0;
  }	
.eintrag .kommentieren,
.eintrag .text p.kommentieren {
	border:0;
	padding-bottom:0;
	margin:0;
	background:transparent url();
  }
.eintrag .kommentieren a:link,
.eintrag .kommentieren a:visited {
	color:#339;
  border:1px dotted #339;
  }
.eintrag .kommentieren a:active,
.eintrag .kommentieren a:hover {
	color:#c63;
  border:1px dashed #c63;
  font-style:italic;
  }
/* Suche
	top:240px;
	left:-367px; */

#side-menu form {
	position:absolute;
	top:-60px;
	left:5px;
	width:200px;
}
#side-menu form ul {
  margin:0;
}
div.suchergebnis {
	margin-right:40px;
}