/* ========================================================
===========================================================
========== Design KAI 3.0 =================================
========== copyright (c) 2010 by serano-media.de ==========
===========================================================
=========================================================== */

/* 
Verwendete Grundfarben
Farbe 1 #800022 (Bordot)
Farbe 2 #efefef	(Hellgrau)
Farbe 3 #1b1e26	(Graublau)
Farbe 4 #63011b (Dunkelrot)
Farbe 4 #5a0202 (Neues Ganze Dunkelrot)


#content	{ background-color:#333399; }
.contentLeft	{ background-color:#999933; }
.sidemenue-rg	{ background-color:#663300; }
*/



html>body { font-size: 13px; font-family: verdana; }

body	{ background-color:#5a0202; margin:0px; color:#1b1e26; background-image: url(../img/bg_body.png); }

a:link		{ text-decoration:none; color:#305f93; }
a:visited	{ text-decoration:none; color:#305f93; }
a:active	{ text-decoration:none; color:#305f93; }
a:hover		{ text-decoration:underline; color:#305f93; }

h1	{ color:#5a0202; font-size:1.7em; font-family:verdana; }
h2	{ color:#1b1e26; font-size:1.5em; font-family:verdana; }
h3	{ color:#5a0202; font-size:1.3em; font-family:verdana; }
h4	{ color:#5a0202; font-size:1.2em; font-family:verdana; }
h5	{ color:#1b1e26; font-size:1.1em; font-family:georgia;}
h6	{ color:#1b1e26; font-size:0.9em; font-family:georgia;}


.sidemenue-rg	{ float:right;  width:300px; padding:0px; min-height:400px; padding-top:50px; }
.sidemenue-rg h3 { margin:0px; }

#logo2		{ width:305px; height:160px; margin:0px; background-image: url(../img/Ittlinger-logo2.png); }

.angebote	{ font-size:0.9em; padding:10px 0px;  margin-bottom:0px; }
.angebote h3	{ margin-bottom:4px; font-weight:bold; border-bottom:dotted 1px #f2f2f2; }
.angebote h4	{ font-size:1.1em; }






/* ========== Content ========== */

#main		{ width:100%; margin:0px auto; margin-top:20px; }
#header		{ width:900px; height:180px; margin:0px auto; background-image: url(../img/bg_header.png); background-repeat:repeat-y; }
#logo		{ float:left; width:260px; height:140px; margin:13px 0px 0px 10px; background-image: url(../img/logo-kosmetikatelier.png); }
#footer		{ background-color:#1b1e26; color:#999; width:100%; background-image: url(../img/bg_footer.png); background-repeat:repeat-x; padding:0px 0px 30px 0px;  }
#footer-middle	{ width:880px; margin:0px auto; min-height:120px; padding:10px;  text-align:center; font-size:0.8em; text-transform:upperchase;}
#footer-middle a	{ color:#999; }
#footer-middle a:hover	{ color:#efefef; text-decoration:none; }
#footer strong	{ letter-spacing:0.3em; text-transform:upperchase; }
#header-photo	{ float:right; width:560px; height:140px; margin:13px 55px 0px 10px; background-image: url(../img/header-photo.jpg); }
#finger		{ position:absolute; top: 173px; right:623px; z-index:1; background-image: url(../img/finger.jpg); height:30px width:100px; }




/* ========== Content Special ========== */

#content	{ width:900px; color:#1b1e26; clear:both; margin:0px auto; }

.content_white_c	{ width:800px; padding:10px 50px 10px 50px; background-image: url(../img/bg_white_c.png); background-position:top left; background-repeat:repeat-y; }
.content_white_h	{ width:810px; padding:15px 40px 15px 50px; background-image: url(../img/bg_white_h.png); background-position:top left; background-repeat:repeat-y; height:30px; margin-top:0px; }
.content_white_f	{ width:820px; padding:10px 30px 10px 50px; background-image: url(../img/bg_white_f.png); background-position:top left; background-repeat:repeat-y; height:60px; margin-bottom:30px; clear:both; }
.content_white_c img .ImgFloatRight	{ margin:10px 0px 0px 20px; }
.content_white_c img .ImgFloatLeft	{ margin:10px 20px 0px 0px; }


.FloatRight	{ float:right; padding:10px 0px 10px 20px; }
.FloatLeft	{ float:left; padding:10px 20px 10px 0px; }

.ImgFloatRight	{ float:right; padding:5px; border:solid 1px #e2e2e2; margin:10px 0px 10px 30px; background-color:#fff; }
.ImgFloatLeft	{ float:left; padding:5px; border:solid 1px #e2e2e2; margin:10px 30px 10px 0px; background-color:#fff; }


.FloatRightBorder	{ padding:5px; border:solid 1px #e2e2e2; background-color:#fff; float:right; margin:10px 15px 10px 20px; }
.FloatLeftBorder	{ padding:5px; border:solid 1px #e2e2e2; background-color:#fff; float:left; margin:10px 20px 10px 0px; }

.content_navi		{ margin-top:40px; }
.content_navi ul	{ list-style-position:indisde; }
.content_navi li	{ padding:2px 10px; margin:1px; background-color:#e2e2e2; width:300px; border-bottom:1px solid #fff; border-top:1px solid #e2e2e2; llist-style-image: url(img/dot.gif); }
.content_navi li a	{ display:block; }

.content_white_h h1	{ font-weight:normal; }
.content_white_c h2	{ font-weight:normal; }

.content_newsbox	{ float:right; width:260px; min-height:300px; background: url(../img/newsbox.png) no-repeat; margin-left:40px; padding:20px; padding-top:70px; margin-top:-60px; }
.content_newsbox .angebote	{ font-size:0.9em; padding:10px; }
.content_newsbox .angebote h4	{ font-size:0.9em; }



#content ul	{ list-style-type:square; }
#content h1	{ margin-top:0px; }

.contentLeft	{ width:500px; float:left; }
.content1	{ width:870px;}
.content2l	{ width:410px; float:left; padding-right:20px; }
.content2r	{ width:410px; float:right; padding-left:20px; border-left:solid 1px#ccc; }

.contentLeft_leb	{ margin-left:0px; padding:0px 30px; background-image: url(../img/bg_leb.png); background-position:0px; background-repeat:repeat-y; width:500px; float:left; font-size:0.9em; }
.contentLeft_leb-h	{ margin-left:0px; padding:0px 30px; background-image: url(../img/bg_leb-h.png); background-position:0px; background-repeat:repeat-y; width:500px; float:left; height:50px; padding-top:10px; margin-top:10px; }
.contentLeft_leb-f	{ margin-left:0px; padding:0px 30px; background-image: url(../img/bg_leb-f.png); background-position:0px; background-repeat:repeat-y; width:500px; float:left; height:70px; }
.contentLeft_leb-h h1	{ padding-top:10px; }

.contentLeft_leb li	{ padding:4px 0px; }



.infobox	{ font-style:italic; font-size:0.9em; padding:10px; border:solid 1px #f2f2f2; background-color:#ebebeb; margin:10px 40px; }




#content_header	{ width:930px; height:4px; margin:0 auto; padding-top:0px; }
#content_footer	{ width:930px;height:90px; margin:0 auto; background-color:#; clear:both; }


/* ========== Liste SubSubmenue ========== */


.subsub ul	{ background-color:#f2f2f2; }
.subsub li	{ border-bottom:solid 1px #ccc; }


#epituv	{ position:absolute; margin-top:20px; margin-right:30px; margin-left:750px; }

.content .content_white_c ul li	{ padding-left:8px; }
.content_white_c ul .inline	{ list-style-position:outside; }


/* ========== Gallery ========== */

.blickpunkte		{ float:left; width:150px; height:150px; text-align:center; border:solid 1px #e2e2e2; background-color:#fff; margin:10px; padding:10px; }
.blickpunkte p		{ margin:0px; }
.blickpunkte img	{ margin-bottom:10px; }
.gallery		{}
.gallery img		{ padding:5px; border:solid 1px #e2e2e2; margin:1px; background-color:#fff; }
.gallery		{}
.gallery		{}


/* ========== Link auf Partner ========== */

.linkextern	{ border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:0px 20px; margin-top:15px; }

.linkextern a[href^="http:"] {
background: transparent
url("../img/link-extern.gif") 100% 50% no-repeat;
padding-right: 13px;
}


.linkextern a[href^="http://das-kosmetikatelier.de/Neues-Web/"],
.linkextern a[href^="http://das-kosmetikatelier.de/Neues-Web/"]
{
background: transparent;
padding-right: 0px;
}

.bilder-empty	img { margin:5px; padding:0px; }



.angebote	{ font-size:0.9em; padding:10px 20px; background-color:#e7e7e7; margin-bottom:10px; }
.angebote h3	{ margin-bottom:4px; margin:0px -10px; font-weight:normal; border-bottom:dotted 1px #531918; background-color:#1a1d25; color:#efefef; padding:5px 10px; font-size:1.2em; }
.angebote h4	{ font-size:1.1em; }

.aktionen	{ font-size:0.9em; padding:10px 20px; background-color:#fff; margin-bottom:10px; }
.aktionen h3	{ margin-bottom:4px; font-weight:bold; border-bottom:dotted 1px #531918; }
.aktionen h4	{ font-size:1.1em; }