/*
Theme Name: idee deluxe
Theme URI: http://www.ideedeluxe.de
Description: The original ideedeluxe CMS Theme 4 WP.
Version: 1.2
Author: danimeetsfriends
*/

html { width: 100%; height: 100%; margin-bottom: 1px; }

/* ------------------------------------------------------------------- BODY --- */

body {
        width: 100%; height: 100%;
	margin: 0; border: 0; padding: 0; 
	font-family: Helvetica, Arial, sans-serif;
        font-size: 100.01%;
	color: #363636;
	background: #fff;
}
body#pagebody {
         background-image: url(http://www.ideedeluxe.de/img/bg_top_balken.gif);
         background-repeat: repeat-x; background-position: 0 144px;
}

/* ---------------------------------------- Verschiedene Tag-Formatierungen --- */

div {margin: 0; border: 0; padding: 0; }

a {color: #363636; }

a img {border: none; }

a:visited {color: #363636; }

a:hover {color: #000; text-decoration: underline; }

acronym, abbr {border-bottom: 1px dashed #333; }
acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: 0.07em; }
acronym, abbr {cursor: help; }

blockquote {border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px; }

cite {font-size: 90%; font-style: normal; }

p {font: 1em/1.25em Helvetica, Arial, sans-serif; color: #363636; }

h1 {     margin: 0; 
         padding: 0;
         padding-top: 82px;
}

h2 {     width: 394px;
         margin: 0; 
         padding: 0;
	font-size: 1em;
         letter-spacing: -0.02em;
         background-color: #fff;
         color: #595959;
}

h3 {     margin-top: 0;
	font-size: 0.875em;
         color: #161616;
         letter-spacing: -0.02em; }

strong { color: #161616;
         letter-spacing: -0.02em; }

small.ekstra {font-size: 0.875em; }

h5.ekstra {font-size: 0.75em; margin: 0 0 8px 0; }

.clearboth {clear: both; }
.clearleft {clear: left; }
.clearright {clear: right; }

.nodisplay {display: none; }

.nowrap { white-space: nowrap; }

p.enter { width: 300px; min-height: auto; 
          margin: 0 auto; margin-top: 48px;
          letter-spacing: 0.02em;          
          font-size: 1.4em; 
          text-align: center;  }

p.enter a { text-decoration: none; 
  }
p.enter a:hover { 
          text-decoration: underline; }

h2.records { width: 480px; min-height: auto; 
          margin: 0 auto; margin-top: 65px;
          letter-spacing: 0.02em;          
          font-size: 1.15em; 
          text-align: center;  font-weight: normal; }
h2.records a { text-decoration: none;
  }
h2.records a:hover { 
          text-decoration: underline; }

/* ------------------------------------------------------------------ HEADER --- */


/* ------------------------------------------------------------------------ CONTENT--- */
#wrap, #wrapinhalt {
         width: 960px; 
         margin: 0 auto; 
         margin-top: 0px;
         padding: 0;
         }

#content {
         float: left;
         width: 660px;
         min-height: 100%;
	margin: 0; 
         padding-bottom: 42px;
}

#content p, #contentinhalt p {
         margin-top: 0; 
         margin-bottom: 8px; 
         font-size: 0.814em; 
         line-height: 1.313em;
}

#contentinhalt {
         float: left;
         width: 660px;
         min-height: 100%;
	margin: 0; 
         padding-bottom: 42px;
}

#contentinhalt p {margin:0; padding:0; padding-top: 0px; }

#contentinhalt p img {margin:0; margin-top: 0px; padding: 0px 0 0 0; }

#contentinhalt h2 {padding-top: 36px; padding-bottom: 6px; background-color: #fff; }

#content table {font-size: 0.814em; }
#content table td {padding-bottom: 24px; vertical-align: top; }
#content table td.reflogocol {padding-left: 10px; padding-right: 24px; }

#contentsubheader {width: 570px; }

#contentsubheader p {margin: 0; padding:0; font-size: 0.75em; text-align: justify;  }

#pagetitle { }

#pagetitle h2 { padding-top: 98px; background-color: #fff; }

h2.page_wideimg {width: 294px; }

img.cat_wideimg {height: 200px;      
         float: right;
         margin:0; 
         padding: 0 0 0 0px; 
         background-color: #fff; 
}

img.catimg { 
         float: right;
         height: 200px;
         margin:0; padding: 0px 0px 0 0px; 
         background-color: #fff;  
}
#wrapinhalt #contentinhalt img.catimg { 
         float: right;
         height: 200px;
         margin:0; padding: 0px 0 0 0; 
         background-color: #fff;  
}

#entry { 
         width: 540px; min-height: auto;
         clear: both;
         padding-top: 0px; padding-bottom: 24px;
         min-height: 100%; background: #fff;
}
#entry p {text-align: justify; }

#entry p a {text-decoration: underline; }
#entry p a:hover {text-decoration: underline; }

#entry div.twocolleft {float: left; width: 150px; min-height: 100%; background: transparent; }
#entry div.twocolleft p {margin-bottom: 3px; }
#entry div.twocolleft img {display: block; margin-top: 4px; }
#entry div.twocolright {float: right; width: 380px; min-height: 100%; background: transparent; }

#content #entry table.orderlink {font-size: 1em; min-height: auto; 
padding: 0; margin: 0;  }
#content #entry table.orderlink td { padding: 0; margin: 0; }
#content #entry table.orderlink td.orderleft {font-size: 0.689em; padding-top: 4px; padding-right: 4px; }


/* -------------------------------------------------------------------------- MENU --- */

#menu {  float: right;
         width: 300px;
         min-height: 100%;
         margin: 0;
	padding: 0; 
         padding-bottom: 42px;
         background-image: url(http://www.ideedeluxe.de/img/bg_menu_balken.gif);
         background-repeat: repeat-y; background-position: 0 0px; 
}

#wrapinhalt div#menu {
         background: none;
}
#menu a {
         text-decoration: none; 
         font-weight: bold; 
         color: #262626; 
}
#menu a:hover {
         text-decoration: underline; 
         color: #010101; 
}

#menu li.nav_inhalt a, #menu li.nav_inhalt a:hover {
         font-weight: normal; font-size: 1em; }

#menu li.webmusic { 
         margin-top: 36px; }

#menu ul {
	list-style-type: none;
	margin: 0;
         margin-top: 72px;
	padding-left: 4px;
}

#menu ul li {
         font-family: Helvetica, Arial, sans-serif;
         font-size: 0.75em;       
	letter-spacing: 0em;
	margin-bottom: 10px;
	padding-bottom: 2px;
}

#menu ul li.page_item {}

#menu ul ul {
	font-weight: normal;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal 1em/1.125 Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	margin-top: 6px;
         margin-bottom: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
         font-weight: normal; 
         color: #363636;
}

#menu ul ul li a:hover {
         font-weight: normal; 
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

/* ------------------------------------------------------------ Captions & aligment --- */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left; }

#entry p img.alignleft {
	display: block; min-height: auto; margin: 6px 19px 2px 0; padding: 0;
}

.alignright {
	float: right;
}
#entry p img.alignright {
	display: block; min-height: auto; margin: 6px 0px 2px 0px; padding: 0;
}

/* ------------------------------------------------------------------- FOOTER --- */
#wrapfoot {
 clear: both; width: 100%; height: auto;
	background: #fff;
         background-image: url(http://www.ideedeluxe.de/img/bg_foot_balken.gif);
         background-repeat: repeat-x; background-position: 0 0;
         padding-top: 4px;
         text-align: center; 
}

#footer {
         width: 960px; 
         margin: 0 auto;
         padding-bottom: 60px; 
}

#footer p a { display:inline;
         padding: 0px; 
         font-size: 0.689em; 
         text-decoration: none; 
         color: #363636;  
}
#footer p a:hover { 
         text-decoration: underline; 
         color: #111;  
}
#footer p.footernavi {         
         float: left; 
         margin: 0; padding: 0; padding-top: 18px;
         width: 540px;
         min-height: 100%;
         text-align: left; }

#footer div.footeright {  
         float: right;
         width: 300px;
         min-height: 100%;
         margin: 0; padding: 0; padding-top: 18px;
         text-align: left;  }

#footer div.footeright a {font-size: 0.689em; text-decoration: none;  }
#footer div.footeright a:hover { text-decoration: underline;  }

#footer div.footeright a.newslink {font-weight:bold;color:#222;font-size:0.75em;letter-spacing:-0.02em;}
#footer div.footeright a.newslink:hover { text-decoration: underline;  }


/* ----------------------------------------- :-) --------------------------------------- */
                                  /* --- the :-D end --- */
/* ----------------------------------------- (-: --------------------------------------- */


.uploadform {display: block; }


/* --------------------------------------- EXTRA FORMATIERUNGEN fuer Einzelne Seiten --- */


/* ------------------------------------------------------------------------ Homepage --- */
.homepage {
         width: 720px;
         background-image: url(http://www.ideedeluxe.de/img/logo_home_id.gif);
         background-repeat: no-repeat; background-position: -6px 75px;
         margin: 0 auto; text-align: center;
         margin-top: 10%;
         padding-top: 78px; }

.homepage h3 {
         font-size: 0.938em; 
         margin-left: 100px; 
         font-weight: normal; text-align: left; letter-spacing: 0em; }

.homepage p a {
         font-size: 0.875em; 
         color: #363636; }

.homepage p a:hover {
         color: #111; }


/* ----------------------------------------------------------- Auszug Kundenliste --- */
/* -------------------------------
#content table.customerlist td {
         text-align: center; 
         vertical-align: middle; 
         padding-bottom: 14px; }
.mid {
         padding-left:24px;
         padding-right:24px; }
.falke {
         margin-bottom: 32px; 
         margin-top: 18px; }
-------------------------------- */


/* ---------------------------------------------------------- Multibox - class wmp --- */

#entry a.wmp {
         float: left; 
         position: relative;
         width: 75px; 
         height: 75px; 
         margin-right: 18px; 
         margin-bottom: 15px;
         padding: 0px;
         background: transparent; }


/* ------------------------------------------------- Musikproduktion - Audiovision --- */

#entry #audiovision p {min-height: auto; }

#entry #audiovision a.wmp {
         width: 142px; 
         height:100%; 
         margin-right:36px; 
         margin-bottom: 24px;
         margin-top: 0px;
         padding: 0px;
         background: transparent; }

#entry #audiovision a.wmp img {
         padding:0; 
         border:0; 
         margin:0; 
         width: 142px; 
         height: 99px; }


/* -------------------------------------------------- Musikproduktion + Sounddesign --- */

#entry div#musicpro {
         margin-bottom: 0px; }

#entry #musicpro a.wmp {
         width: 90px; 
         height:100%;
         margin: 0px 36px 4px 0; 
         padding: 0px;
         background: transparent; }

#entry #musicpro a.wmp img {
         width: 90px; 
         height: 50px; 
         margin:0; 
         border:0; 
         padding:0; }

#entry #musicpro a.wmp img#beyond {width: 140px;}

#entry div#musicpro span.clearleft {
         display: inline; 
         line-height: 0em; }

#entry a.wmp img.corpocd {
         width: 75px; 
         height: 75px; 
         border: 0; }


/* -------------------------------------------------------------------- Corporate CD --- */

#entry .corporate_cd {width: 570px; height: 100%; }

.corporate {
clear: left;
margin: 27px 10px 4px 36px;
width: 760px;
height: 83%;
background-image: url(http://www.ideedeluxe.de/img/bg_ref_balken.gif);
background-repeat: repeat-y; background-position: 254px 24px; }

.corporateleft {
          float: left; 
          width: 300px; 
          text-align: left;
          position: relative; }

.corporateleft img {
          border:0; }

.corporateright {
          width: 450px; 
          margin-left: 300px;
          position: relative; 
          font-size: 1em; 
          line-height: 1.375em;
          color: #363636; }

.corporateright p {
          font-size: 0.814em; 
          line-height: 1.375em; }

.corporate p.corpocd_title {
          width: 200px;
          margin: 0px 0 14px 0;
          font-size: 0.689em;
          text-align: center; }

#crosspromo .corporate {width: 780px; }
#crosspromo .corporate .corporateright {width: 476px; min-height: auto; }

#mm .corporate {width: 750px; background: none; }
#mm .corporate p {font-size: 0.814em; line-height: 1.375em; text-align: justify; }
#mm .corporate p strong{letter-spacing: -0.02em; }

#entry #leistungen p {margin:0; margin-bottom: 0; }
#entry #leistungen a.wmp {
         float: none; display: inline; 
         width: auto; 
         height: 100%;
         margin: 0; 
         padding: 1px 4px;
         font-size: 12px;
         color: #363636;
         text-decoration: none; }

#entry #leistungen a.wmp:hover {
         text-decoration: underline; 
         color:#000;
}

#sounddesign .corporate { height: 65%; min-height: 65%;
width: 700px; background-position: 148px 24px; }
#sounddesign .corporate .corporateleft {width: 120px; text-align: center; }
#sounddesign .corporate .corporateright {width: 500px; margin-left: 180px; }
#sd_falke .corporate {  height: 70%; min-height: 70%;
width: 700px; background-position: 148px 24px; }
#sd_falke .corporate .corporateleft {width: 120px; text-align: center; }
#sd_falke .corporate .corporateright {width: 500px; margin-left: 180px; }

#stilwerkmusic .corporate {width: 760px; min-height: auto; }
#stilwerkmusic .corporate .corporateright { width: 450px; min-height: auto;  }
#beschallung .corporate {width: 760px; min-height: auto; }
#beschallung .corporate .corporateright { width: 450px; min-height: auto; }


/* ------------------------------------------------ Musikuntermalung - Soundteppich --- */

#entry div#soundteppich {
         margin-bottom: 4px; }

#entry div#soundteppich span.clearleft {
         display:inline; 
         width:1px; 
         height:1px;
         display: inline; 
         line-height: 0em;  }

#entry #soundteppich a.wmp {
         width: 75px; 
         height:100%;
         margin: 0 18px 0 0; 
         padding: 0px;
         background: transparent; }

#entry #soundteppich a.wmp img {
         width: 75px; 
         height: 113px; 
         margin:0;
         border:0; 
         padding:0; }

/* ----------------------------------------------------------- Listen Our Radioshow --- */
#codeview {
         font-size: 11px;
         font-family: "Courier New", serif; 
         border: 1px solid #444; 
         width: 540px;
         height: auto; min-height: auto;
         margin-top: 8px; 
         padding: 4px; 
         overflow: auto; }

/* ------------------------------------------------------------- Booking Referenzen --- */

#booking { 
         clear: left;
         width: 790px;
         height: 100%;
         margin: 24px 4px 36px 32px;
         padding-bottom: 42px;
         background: #fff; }

#booking .bookingleft {
         float: left; 
         width: 380px; 
         min-height: auto;
         padding-right: 10px;
         font-size: 0.75em; 
         text-align: left; }

#booking .bookingright {
         width: 350px; 
         min-height: auto;
         margin-left: 360px;
         font-size: 0.75em; }

/* ---------------------------------------------- auch für Label !!! --- */

#entry .bookinglink a.wmp, #entry .labellink a.wmp  {
         float: none; display: inline; font-size: 12px;
         width: auto; 
         height: 100%; 
         margin: 0; 
         padding: 0px 0px;
         color: #363636;
         text-decoration: none; 
         text-decoration: underline; }

#entry .bookinglink a.wmp:hover, #entry .labellink a.wmp:hover {
         color:#000;
         text-decoration: underline;
}
/* ---------------------------------------------------------------- Label --- */

p#labelclear {
         width: 1px; height: 1px; 
         line-height: 0em; font-size: 0em; 
         margin: 0; padding:0; }

/* ----------------------------------------- PRESSE für label und booking --- */

#presse { 
         clear: left;
         width: 760px;
         height: 83%;
         margin: 24px 24px 36px 22px;
         padding-bottom: 42px;
         background: #fff; 
         font-size: 0.75em; 
         line-height: 1.375em; }

/* ----------------------------------------------------- Impressum - Link --- */
#entry .imprintlink a.wmp {
         float: none; display: inline; font-size: 12px;
         width: auto; 
         height: 100%;
         margin: 0; 
         padding: 1px 4px;
         color: #363636;
         text-decoration: underline; }

#entry .imprintlink a.wmp:hover {
         text-decoration: underline; color:#000; }

#imprint { 
         clear: left;
         width: 740px;
         height: 83%;
         margin: 24px 24px 36px 42px;
         padding-bottom: 42px;
         background: #fff; 
         font-size: 0.75em; 
         line-height: 1.375em; }

/* ------------------------------------------------------- class ExtLinks --- */

#entry a.extlinks {
         text-decoration: underline; 
         padding: 0 2px; 
         line-height: 1em; }

/* ----------------------------------------------------------------- NEWS --- */

/* ------------------------------------------------------- NEWS - CONTENT --- */

h3#newsh3 {margin-bottom: 0px; font-size: 0.814em;}
h3#newsh3 a {text-decoration: none; color: #222;  }
h3#newsh3 a:hover {text-decoration: underline; }

a.more-link {
display: block; min-height: auto; 
margin-bottom: 20px; margin-top: 6px;
padding-bottom: 14px;
border-bottom: 1px solid #565656;
font-size: 11px; color: #565656; 
text-transform: uppercase; 
 }

#content p.postmetadata { 
margin-bottom: 4px; font-size: 0.689em;  }
#content p.postmetasingle {
margin-bottom: 8px; padding-bottom: 2px;
font-size: 0.689em; }
#content p.postmetatags { 
margin-bottom: 24px; margin-top: 24px;
padding-top: 6px;
border-top: 1px solid #565656;
font-size: 0.625em; }

#entry .singlenews p img {display: block; margin: 10px 0; }

/* --------------------------------------------------- NEWS - ARCHIVE.php --- */

#searchtitle {clear: both; width: 540px; }
#content p.currentcat { 
margin-bottom: 20px;
padding-bottom: 14px;
border-bottom: 1px solid #565656;  
font-size: 0.75em; }
#content .currentlycat { text-transform: uppercase;  }
#content .currentlytag { font-weight: bold; text-transform: uppercase; border: 1px solid #565656; padding: 1px 6px; margin: 1px 4px; }

/* ------------------------------------------------------- NEWS - SIDEBAR --- */

#menu .rss {margin-top: 24px; margin-bottom:20px; }
#menu .rss a { font-size: 1em; }
#menu ul.newsnavi a {font-size: 1em; }
#menu ul.newsnavi li.recentpost p {font-size: 1em; font-weight: bold; margin: 20px 0 0 0; }
#menu ul.newsnavi li.recentpost ul.children li {font-size: 1em; padding-left: 0; margin-top: 10px; }
#menu ul.newsnavi li.news-cat-title {font-weight: bold; margin:0; padding:0; margin-top: 24px; }
#menu ul.newsnavi li.cat-item {font-weight: normal; margin:0; padding:0; margin-top: 8px;}
#menu ul.newsnavi li.cat-item a {font-weight: normal; text-transform: uppercase; }
#menu ul.newsnavi li ul.children a {font-weight: normal;  }


/* ----------------------------------- :-) ---------------------------------- */
                            /* --- the :-D end --- */
/* ----------------------------------- (-: ---------------------------------- */