/* General  General georgia, times, DAEAFE, ADCFE6, F5FAFF             5E4837
Brown dark   #5e4837
Brown light  #ebdcd1
Red   dark   #990203 --- #942825 (h2)
Red   light  #
Grey  dark   #827878
*/
fieldset {border:none; }

#Content {padding-top:120px;}

.FL {float:left;}

*              {margin:0; padding:0;}
body           {font: normal 1em/1.4em Georgia, Arial, Helvetica, sans-serif; color:#5e4837; padding:0 0 0 80px; /*background: transparent url(../img/style_base/bg_body.gif) no-repeat;*/}
ol, ul, dl     {list-style:none; margin:0; padding:0;}
h1, h2, h3, h4 {font-weight:normal; color:#990203;}
h1 {line-height:24px;} 
h2 {line-height:;}
h3 {line-height:;}
h4 {line-height:;}

#Site         {position:relative; width:960px; text-align:left; margin:0; padding:0;}
div.Aktuell   {background: transparent url(../img/style_base/kv_aktuell.gif) no-repeat; background-position:top left;}
div.Agentur   {background: transparent url(../img/style_base/kv_webdesign_p2.gif) no-repeat; background-position:top left;}
div.Portfolio {background: transparent url(../img/style_base/kv_webdesign_p2.gif) no-repeat; background-position:top left;}
div.Kontakt   {background: transparent url(../img/style_base/kv_webdesign_p2.gif) no-repeat; background-position:top left;}


#Navigation , #Inhalt, #Kunden-Login {}
#Logo       {width:320px; height:400px; margin:100px 60px 20px 200px; float:left;}
#Logo a img {width:320px; height:380px; border:0;}

#FO-LoginClient {float:left; margin:128px 0 0 0;}
#FO-LoginClient,
#FO-LoginClient form,
#FO-LoginClient fieldset,
#FO-LoginClient p.Error  {width:200px;}
#FO-LoginClient legend   {font-size:14px;}
#FO-LoginClient label    {font-size:10px;}
#FO-LoginClient p.Error  {font-size:12px; color:#ff0000; padding:0; margin:9px 0;}
.FF1 {width:200px; border:1px solid #cdcdcd;}
.FF2 {width:300px;}
.BT1 {width:100px; margin-top:12px;}


#List-Downloads h2 {margin:0 !important; padding:0 !important;}
#List-Downloads    {float:left; margin:190px 0 0 0;}
#List-Downloads,
#List-DL            {width:200px;}
#List-DL li         {background: transparent url(../img/retro_base/ic_menu_passive.gif) no-repeat 14px 4px; padding:0 0 0 40px; height:24px;}
#List-DL li:hover   {background: transparent url(../img/retro_base/ic_menu_active.gif) no-repeat 14px 4px;}
#List-DL li a       {color:#827878; font-size:12px; line-height:14px;}
#List-DL li a:hover {color:#990203;}



/* --- MENU Slide --- */
#Navigation      {width:960px; height:370px; margin:0; padding:0; font-weight:normal; font-style:italic; position:fixed; top:0; left:80px;}
.MP1,      .MP2,      .MP3,      .MP4      {width:240px; float: left;}
.MP1 h5,   .MP2 h5,   .MP3 h5,   .MP4 h5   {margin:0; padding:0; width:240px; height:40px; background: transparent url(../img/style_base/bg_menu.gif) repeat-x;}
.MP1 h5 a, .MP2 h5 a, .MP3 h5 a, .MP4 h5 a {margin:0; padding:14px 0 5px 38px; font-size:18px; line-height:47px; color:#b8a291; text-decoration:none; background-position:top left;}
.MP1 h5 a:hover, .MP2 h5 a:hover, .MP3 h5 a:hover, .MP4 h5 a:hover,
.MP1 h5 a.Aktiv, .MP2 h5 a.Aktiv, .MP3 h5 a.Aktiv, .MP4 h5 a.Aktiv {color:#fff;}
.MP1 h5 a                        {background: white url(../img/style_base/bg_menu_p1_p.gif) no-repeat;} 
.MP2 h5 a                        {background: white url(../img/style_base/bg_menu_p2_p.gif) no-repeat;} 
.MP3 h5 a                        {background: white url(../img/style_base/bg_menu_p3_p.gif) no-repeat;} 
.MP4 h5 a                        {background: white url(../img/style_base/bg_menu_p4_p.gif) no-repeat;}
.MP1 h5 a:hover, .MP1 h5 a.Aktiv {background: white url(../img/style_base/bg_menu_p1_a.gif) no-repeat;} 
.MP2 h5 a:hover, .MP2 h5 a.Aktiv {background: white url(../img/style_base/bg_menu_p2_a.gif) no-repeat;} 
.MP3 h5 a:hover, .MP3 h5 a.Aktiv {background: white url(../img/style_base/bg_menu_p3_a.gif) no-repeat;} 
.MP4 h5 a:hover, .MP4 h5 a.Aktiv {background: white url(../img/style_base/bg_menu_p4_a.gif) no-repeat;}
#lnkMP1Container, #lnkMP2Container, #lnkMP3Container, #lnkMP4Container {margin:0 0 0 -80px; color:#5e4837;}
#lnkMP1Content,            #lnkMP2Content,            
#lnkMP3Content,            #lnkMP4Content            {list-style:none; background-color:#FFFFFF; text-align:left; width:240px; margin:0; padding:0; color:#5e4837;}
#lnkMP1Content li,         #lnkMP2Content li,         
#lnkMP3Content li,         #lnkMP4Content li         {color:#5e4837; height:10px; padding:8px 0 0 0;}
#lnkMP1Content li a,       #lnkMP2Content li a,       
#lnkMP3Content li a,       #lnkMP4Content li a       {color:#5e4837; text-decoration:none; padding-left:36px; font-size:12px; font-weight:normal; line-height:16px;}
#lnkMP1Content li a:hover, #lnkMP2Content li a:hover, #lnkMP3Content li a:hover, #lnkMP4Content li a:hover,
#lnkMP1Content li a.Aktiv, #lnkMP2Content li a.Aktiv, #lnkMP3Content li a.Aktiv, #lnkMP4Content li a.Aktiv {color:#990203; text-decoration:underline;}



/* --- PATH --- */
#Breadcrumb {width:960px; height:30px; background: transparent url(../img/style_base/bg_breadcrumb.gif) no-repeat;}
#Breadcrumb ul            {width:960px; height:30px;}
#Breadcrumb ul li         {float:left; padding:0 20px 0 0; background: transparent url(../img/style_base/ic_arrow_brown.gif) no-repeat; background-position: top right;}
#Breadcrumb ul li a       {color:#5e4837;}
#Breadcrumb ul li a:hover {color:#990203;}
#Breadcrumb ul li a.Aktiv {color:#990203;}


/* --- INHALT --- */
#Inhalt       {width:960px; padding:0 20px 0 20px; display:block; clear:both;}
#Inhalt h1    {font-size:1.6em; line-height:26px; padding:0 0 12px 0; font-weight:normal; font-style:italic;}
#Inhalt h2    {font-size:1.2em; line-height:17px; padding:36px 0 4px 0;}
#Inhalt h3    {font-size:1em; line-height:14px; padding:36px 0 0 0;}
#Inhalt h4    {font-size:0.8em;}

#Inhalt p         {width:880px; margin:12px 0 0 40px; font-size:1.1em; font-weight:lighter; line-height:1.8em;}
#Inhalt p.C2      {width:860px; margin:12px 0 0 60px; font-size:0.8em; line-height:1.8em;}
#Inhalt p em      {}
#Inhalt p a       {}
#Inhalt p a:hover {}

#Inhalt ul,            #Inhalt ol,            #Inhalt dl            {margin:12px 0;}
#Inhalt ul li,         #Inhalt ol li,         #Inhalt dl li         {}
#Inhalt ul li em,      #Inhalt ol li em,      #Inhalt dl li em      {}
#Inhalt ul li a,       #Inhalt ol li a,       #Inhalt dl li a       {}
#Inhalt ul li a:hover, #Inhalt ol li a:hover, #Inhalt dl li a:hover {}

ul.News-C3       {list-style:none; width:960px;}
ul.News-C3 li    {width:265px !important; margin:0 40px 0 0; float:left !important; padding:0 0 48px 0;}
ul.News-C3 li h2 {width:265px !important; font-size:1.2em !important;}
ul.News-C3 li p  {width:265px !important; font-size:0.8em !important;}



/* INHALT - PARTNER */
#Partner          {padding-top:80px;}
#Partner h2       {background: transparent url(../img/style_base/dec_corner_red.gif) no-repeat; background-position:top left; overflow:visible; height:21px;}
#Partner h2 a     {font-size:0.7em; color:#990203; font-style:italic; text-decoration:none;}
#Partner h2 a em  {font-size:1.2em; font-weight:bold; color:#942825;}
#Partner h3       {margin:0 0 0 80px; font-size:0.8em; font-weight:bold; color:#5e4837;}
#Partner p        {font-size:0.8em !important;}
#Partner ul       {margin:10px 0 80px 80px;}
#Partner ul li    {padding:0 0 0 14px; font-size:0.7em; line-height:1.8em; font-style:italic; background: transparent url(../img/style_base/ic_raute_red.gif) no-repeat; background-position:top left;}
#Partner ul li em {font-style:normal; font-weight:bold;}
#Partner div.Partnerabbildung     {float:right;}
#Partner div.Partnerabbildung img {margin:-60px 0 40px 40px; border:1px solid #323232;}







/* INHALT - KUNDEN */
#Kunden          {width:880px; padding-top:120px;}
#Kunden h2       {font-size:0.7em; color:#5e4837; font-style:italic; background: transparent url(../img/style_base/dec_corner_red.gif) no-repeat; background-position:top left; overflow:visible; height:21px;}
#Kunden h2 em    {font-size:1.2em; font-weight:bold; color:#942825;}
#Kunden h3       {margin:0 0 0 80px; font-size:0.8em; font-weight:bold; color:#5e4837;}
#Kunden p        {font-size:0.8em !important;}
#Kunden ul       {margin:10px 0 80px 80px;}
#Kunden ul li    {padding:0 0 0 14px; font-size:0.7em; line-height:1.8em; font-style:italic; background: transparent url(../img/style_base/ic_raute_red.gif) no-repeat; background-position:top left;}
#Kunden ul li em {font-style:normal; font-weight:bold;}
#Kunden div.Kundenabbildung     {float:right;}
#Kunden div.Kundenabbildung img {margin:-60px 0 40px 40px; border:1px solid #323232;}





/* FOOTER */
#Fusszeile               {width:600px; height:140px; margin:80px 0 0 240px; padding:20px; display:block; clear:both; background: #cc0001 url(../img/style_base/bg_footer.gif) repeat-x; vertical-align:bottom}
#Fusszeile ul            {width:600px; height:14px;}
#Fusszeile ul li         {display:inline; height:10px; margin:0 10px 0 0;}
#Fusszeile ul li a       {color:#fff; font-size:0.7em; line-height:0.7em; text-decoration:none; font-weight:bold;}
#Fusszeile ul li a.Aktiv {color:#fff;}
#Fusszeile ul li a:hover {color:#fff;}
#Copyright               {color:#fff; font-size:0.6em; padding:12px 0 0 0; font-style:normal; letter-spacing:1px;}


#Bookmarks                {width:600px; height:72px; letter-spacing:1px;}
#Bookmarks h5             {color:#fff; font-size:0.6em; font-weight:normal; font-style:normal;}
#Liste-Bookmarks          {}
#Liste-Bookmarks li       {}
#Liste-Bookmarks li a     {}
#Liste-Bookmarks li a img {border:1px solid #860404;}






/* KUNDEN LOGIN */
#Kunden-LogIn        {position:absolute; top:250px; left:760px; width:200px; height:80px; font-style:italic;}
#Kunden-LogIn h3     {font-size:0.8em; line-height:1.2em; margin:0; padding:0 0 20px 0; *padding:0 0 19px 0;}
#Kunden-LogIn label, #Kunden-LogIn input {margin:0 0 14px 0 !important; *margin:0 0 12px 0 !important; padding:0 !important;}
#Kunden-LogIn label  {width:59px; height:14px; *height:14px; font-size:0.6em; line-height:1.4em; vertical-align:bottom; color:#fff; float:left;}
#Kunden-LogIn input  {width:119px; height:14px; *height:14px; border:0; background-color:none; display:block; clear:right;}


/* ERROR PAGES 100 - 500 */
#ErrorPage     {width:350px; float:left; margin:190px 0 0 0;}
#ErrorPage p   {width:350px;}
#ErrorPage p a {color:#990203;}


.CT1 {color:#990203;}
.CT2 {color:#646464;}
