/*
=== red ===
bg: #fcf8f5
links: #9d1c1c
intro: #dd2a2a
footer: #ebe0d9
titles: #dfd1c8
widgets: #f2e9e4
*/

/*=== Setup ===*/
/*body{
	background: url(/wp-content/themes/overeasy/styles/red/bgr.gif) #fcf8f5 repeat-x top;
	color: #555555;
}*/
body {
/*background-color: #EBE0D9;*/
color: #555555;
}
a{
	color: #9d1c1c;
}
input,select,textarea{
	border: #e6e6e6 1px solid;
}
h2{
	color: #262625;
}
h2 a{
	color: #262625
}
h3{
	color: #262625;
}
h4{
	color: #444444;
}

/*=== Intro ===*/
p.intro a {
	color:#FFFFFF;
}
p.intro a:hover {
	color:#222222;
}

/*=== Buttons ===*/

.btn-rounded a{
	background: url(/wp-content/themes/overeasy/styles/red/btn-rounded.gif) no-repeat left;
	color: #ffffff;
}
.btn-rounded a span{
	background: url(/wp-content/themes/overeasy/styles/red/btn-rounded.gif) no-repeat right;
}
.btn {
	background:url(red/btn.gif) repeat-x;
	border:1px solid #9d1c1c;
 	color:#FFF;
}

/*=== Navigation ===*/
/*- Nav1 -*/
#nav1 li a{
	color: #3f3f3f;
}
#nav1 li a:hover,
#nav1 li.active a, #nav1 li.current_page_item a{
	background: url(/wp-content/themes/overeasy/styles/red/btn-rounded.gif) no-repeat left;
	color: #ffffff;
}
#nav1 li.active a span,
#nav1 li.current_page_item a span,
#nav1 li a:hover span{
	background: url(/wp-content/themes/overeasy/styles/red/btn-rounded.gif) no-repeat right
}

/*- Nav2 -*/
.nav2 li a, .widget li a{
	color: #555555;
}
.nav2 li a:hover, .widget li a:hover{
	color: #9d1c1c;
}

/*=== Right Column ===*/
#rightcol h3, #rightcol h3 a{
	color: #ffffff;
}
#rightcol h3 span{
	background: #dfd1c8;
}
#rightcol .widget ul, #rightcol .textwidget 
{
	background: #f2e9e4;
}

/*=== Sub Columns ===*/
.col1 a{
	color: #555555;
}
.col3 h2{
	color: #464646;
}
.col5 img{
	border: 10px solid #f6f5ed;
}

/*=== Styling Boxes ===*/
/*- Box1 -*/
.box .top,.box .bot{
	/*background: url(/wp-content/themes/overeasy/styles/red/box-top.gif) no-repeat top;*/
}
.box .bot{
	background: url(/wp-content/themes/overeasy/styles/red/box-bot.gif) no-repeat top
}
.box .spacer{
	background: #ffffff;
}
/*- Box2 -*/
.box2 .top,.box2 .bot{
	background: url(/wp-content/themes/overeasy/styles/red/box2-top.gif) no-repeat top;
}
.box2 .bot{
	background: url(/wp-content/themes/overeasy/styles/red/box2-bot.gif) no-repeat top
}
.box2 .spacer{
	background: #ebe0d9;
}
/*- Box3 -*/
.box3 .top,.box3 .bot{
	background: #F2E9E4;
}
.box3 .bot{
	background: #F2E9E4;
}
.box3 .spcr{
	background: #f2e9e4;
}
/*- Box4 -*/
.box4{
	color: #ffffff;
}
.box4 .top,.box4 .bot{
	background: url(/wp-content/themes/overeasy/styles/red/box4-top.gif) no-repeat top;
}
.box4 .bot{
	background: url(/wp-content/themes/overeasy/styles/red/box4-bot.gif) no-repeat top
}
.box4 .spacer{
	background: #dd2a2a;
}
/*- Box5 -*/
.box5 .top,.box5 .bot{
	background: url(/wp-content/themes/overeasy/styles/red/box5-top.gif) no-repeat top;
}
.box5 .bot{
	background: url(/wp-content/themes/overeasy/styles/red/box5-bot.gif) no-repeat top
}
.box5 .spacer{
	background: url(/wp-content/themes/overeasy/styles/red/box5-bgr.gif) repeat-y top;
}
/*- Box6 -*/
.box6 .top,.box6 .bot{
	background: url(/wp-content/themes/overeasy/styles/red/box6-top.gif) no-repeat top;
}
.box6 .bot{
	background: url(/wp-content/themes/overeasy/styles/red/box6-bot.gif) no-repeat top
}
.box6 .spacer{
	background: #ebe0d9;
}

/*- Date -*/
.date{
	color: #898989;
}

/*=== Styling Forms ===*/
/*- Search -*/
#search input.keyword{
	background: #dfd1c8;
	border-bottom: 1px solid #fcfcfa;
	border-top: 1px solid #c4c2b5;
	border-left: 1px solid #c4c2b5;
}

/*- Form1 Setup -*/
.btn-general{
	background: #9d1c1c;
	color: #ffffff;	
}
.btn-general a { 
	color: #ffffff;
}
.btn-arr a{
	background: #dfd1c8;
	color: #ffffff;
}

/*=== Footer ===*/
#footer a{
	color: #949387;
}

/*=== Posts ===*/
.post img {	
	border:8px solid #f6f5ed;
}
.post li a:hover{
	color: #9d1c1c;
}
.post blockquote {
	font-family:Georgia, "Times New Roman", Times, serif; color:#777777;
	background:#fcf8f5 url(red/ico-quote.gif) no-repeat 10px 10px;
	border-top:1px solid #ebe0d9;
	border-bottom:1px solid #ebe0d9;	
}

/*=== Widget styling ===*/
.widget #recentcomments li a{
	color: #9d1c1c;
}
.widget #recentcomments li a:hover{
	color: #9d1c1c;
}
.widget #searchform, .widget #calendar_wrap{
	background: #f2e9e4;
}
.widget #wp-calendar caption {
	color:#333333;
}
.widget #wp-calendar thead th {
	color:#333333;
}
.widget #wp-calendar tfoot td a {
	color:#333333;	
}
.quote {
	background:url(/wp-content/themes/overeasy/styles/red/ico-quote.gif) no-repeat top left;
}


/*New Style*/

/*footer*/
#footer-bg {
	background: url("/wp-content/themes/u-design/styles/common-images/home-page-content-top.png") repeat-x scroll 50% 0 #EBE0D9;
}
#footer-bg {
	position: relative;
	width: 100%;
	padding-bottom: 0;
	min-height: 60px;
}
#footer, #footer_text {
	color: #797979;
}
.footer-top {
}
.container_24 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
#footer, #footer_text {
	color: #797979;
	font-family: 'Droid Sans' !important;
}
#footer_text {
	margin: 14px 10px 14px;
	color: #797979;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.container_24 .grid_21 {
	width: 700px;
}

#footer .back-to-top {
	width: 200px;
	float: left;
	margin-top: 14px;
	font-weight: bold;
}

#footer_text p {
	padding: 0;
	margin: 0;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}

/* Custom Styles */
body { font-family:'Droid Sans'; }
body { font-size:14px; }
h1, h2, h3, h4, h5, h6, #slogan, .single-post-categories { font-family:'Droid Serif'; }
#top-elements { height:55px; }
#logo h1 a, #logo .site-name a { background:transparent url( http://www.kapstadt-blog.de/wp-content/uploads/2011/10/Logo8.png ) no-repeat 0 100%; width:331px; height:109px; }
#logo h1 a, #logo .site-name a {
display: block;
text-indent: -5000px;
overflow: hidden;
outline: 0;
}
custom_style.php:60

#slogan { top:100px; left:0px; }
#slogan { font-size:21px; }
#slogan {
position: absolute;
top: 100px;
left: 0;
color: #999;
font-size: 12px;
padding-left: 20px;
}
.js_on .cufon-on #slogan { font-size:23px; }
#navigation-menu { font-family:'Droid Serif'; }
#navigation-menu { font-size:15px; }
    #main-menu { background:none; }
h1 {font-size:1.883em !important; }
h2 {font-size:1.667em !important; }
h3 {font-size:1.5em !important; }
h4 {font-size:1.333em !important; }
h5 {font-size:1.25em !important; }
h6 {font-size:1.083em !important; }
.js_on .cufon-on h1 {font-size:2.3em !important; }
.js_on .cufon-on h2 {font-size:2.18em !important; }
.js_on .cufon-on h3 {font-size:1.883em !important; }
.js_on .cufon-on h4 {font-size:1.667em !important; }
.js_on .cufon-on h5 {font-size:1.5em !important; }
.js_on .cufon-on h6 {font-size:1.333em !important; }

#page-content-title #page-title h1,
#page-content-title #page-title h2,
#page-content-title #page-title h3,
#page-content-title #page-title .single-post-categories {font-size:1.883em !important; }

.js_on .cufon-on #page-content-title #page-title h1,
.js_on .cufon-on #page-content-title #page-title h2,
.js_on .cufon-on #page-content-title #page-title h3,
.js_on .cufon-on #page-content-title #page-title .single-post-categories {font-size:2.3em !important; }

.post-top h1, .post-top h2, .post-top h3 {font-size:1.5em !important; }
.js_on .cufon-on .post-top h1, .js_on .cufon-on .post-top h2, .post-top h3 {font-size:1.883em !important; }

#sidebarSubnav h3 {font-size:1.25em !important; }
.js_on .cufon-on #sidebarSubnav h3 {font-size:1.5em !important; }

.portfolio-items-wrapper h2 {font-size:1.333em !important; }
.js_on .cufon-on .portfolio-items-wrapper h2 {font-size:1.667em !important; }
h2.portfolio-single-column {font-size:1.667em !important; }
.js_on .cufon-on h2.portfolio-single-column {font-size:2.18em !important; }

h3.bottom-col-title {font-size:1.35em !important; }
.js_on .cufon-on h3.bottom-col-title {font-size:1.6947em !important; }

#gs-header #header-content { width:940px; }
#c2-slider .slide-desc h2, #c2-slider .slide-desc { color:#333333; }
#c2-slider .slide-desc h2 { font-size:1.8em !important; font-family:'Droid Sans'; line-height:1.7; }
#c2-slider .slide-desc p { font-size:1.2em; line-height:1.7; }
#c3-slider .sliding-text { color:#FFFFFF; font-size:1.2em; line-height:1.7; }




body, .post-top h2 a, .post-top h3 a, .posts-counter { color:#333333; }
a { color:#BF1C1C; }
a:hover, .post-top h2 a:hover, .post-top h3 a:hover { color:#333333; }
.custom-formatting li.current_page_item > a, .custom-formatting li.current-menu-item > a, .custom-formatting li.current-cat > a, .custom-formatting li.current > a { color: #333333; }
.custom-formatting li.current_page_item > a:hover, .custom-formatting li.current-menu-item > a:hover,.custom-formatting li.current-cat > a:hover, .custom-formatting li.current > a:hover { color: #BF1C1C; }
h1,h2,h3,h4,h5,h6 { color:#333333; }
    #top-wrapper { background-color:#FCF8F5; }
#slogan, #top-elements .phone-number, #top-elements .social_media_title, #search input.blur, #search input.inputbox_focus { color:#999999; }
#slogan{ color:#999999; }
    #gs-header, #piecemaker-header, #c1-header, #c2-header, #c3-header { background-color:#F2E9E4; }
#navigation-menu ul.sf-menu > li > a > span { color:#999999; }
#navigation-menu ul.sf-menu > li.current-menu-item > a > span, #navigation-menu ul.sf-menu > li.current_page_item > a > span { color:#BF1C1C; }
#navigation-menu ul.sf-menu > li.current-menu-item > a > span:hover, #navigation-menu ul.sf-menu > li.current_page_item > a > span:hover { color:#777777; }
#navigation-menu ul.sf-menu > li > a:hover span { color:#777777; }
#page-content-title #page-title h1, .js_on .cufon-on #page-content-title #page-title h1,
#page-content-title #page-title h2, .js_on .cufon-on #page-content-title #page-title h2,
#page-content-title #page-title h3, .js_on .cufon-on #page-content-title #page-title h3,
#page-content-title #page-title .single-post-categories, .js_on .cufon-on #page-content-title #page-title .single-post-categories { color:#333333; }
    #page-content-title { background-color:#F2E9E4; }
    #home-page-content, #page-content { background: url("http://www.kapstadt-blog.de/wp-content/uploads/2011/10/footer.png") no-repeat scroll right bottom #FFFFFF; }
h3.before_cont_title { color:#333333; }
#before-content { color:#333333; }
    #before-content { background-color:#EBE0D9; }
    #bottom-bg { background: none repeat scroll 0 0 #FCF8F5; }
h3.bottom-col-title { color: #A52E2E; }
#bottom, #bottom .textwidget, #bottom #wp-calendar, #bottom .posts-counter { color: #333333; }
#bottom a { color: #BF1C1C; }
#bottom a:hover { color: #000000; }
#bottom .custom-frame, #bottom .small-custom-frame { border: 1px solid #EAEAEA; }
h3.bottom-col-title, #bottom ul.small-thumb li, #bottom .widget_recent_entries li a, #bottom .widget_categories li a, #bottom .widget_pages li a, #bottom .widget_subpages li a, #bottom .widget_archive li a, #bottom .widget_links li a, #bottom .widget_rss li a, #bottom .widget_meta li a, #bottom .loginform li a, #bottom .widget_nav_menu li a {
    background: url("../style1/images/heading_underline.png") repeat-x scroll 0 100% transparent;
}
#bottom .widget_recent_comments li { background: url("../style1/images/heading_underline.png") repeat-x scroll 0 100% transparent; }
    #footer-bg { background: url("../common-images/home-page-content-top.png") repeat-x scroll 50% 0 #EBE0D9; }
/*body { background-color: #EBE0D9; }*/
#footer, #footer_text { color: #797979; }
#footer a, #footer_text a { color: #949387; }
#footer a:hover, #footer_text a:hover { color: #949387; }

#logo {
top: 6px;
left: 0;
position: absolute;
z-index: 100;
padding-left: 20px;
}
.container_24 .grid_14 {
width: 560px;
}

#top-elements {
position: relative;
height: 90px;
z-index: 100;
}
#top-elements { height:55px; }
#slogan, #top-elements .phone-number, #top-elements .social_media_title, #search input.blur, #search input.inputbox_focus {
color: #999;
}
#top-elements .phone-number {
text-align: right;
color: #999;
font-size: 14px;
padding-top: 4px;
}
.container_24 .prefix_17 {
padding-left: 680px;
}
.container_24 .grid_7 {
width: 280px;
}

#main-menu {
background: url(../../common-images/main-menu-btm-border.png) repeat-x scroll 50% 100% transparent;
width: 100%;
position: relative;
z-index: 9999;
height: 40px;
margin-bottom: 0;
}
#dropdown-holder {
display: block;
position: relative;
}
#navigation-menu {
font-size: 15px;
}
custom_style.php:10
#navigation-menu {
font-family: 'Droid Serif';
}
#navigation-menu {
position: absolute;
right: 20px;
top: 0;
font-size: 14px;
height: 40px;
}
#page-content-title #page-title h1, #page-content-title #page-title h2, #page-content-title #page-title h3, #page-content-title #page-title .single-post-categories {
margin: 0 20px;
padding: 18px 0;
font-size: 2.3em;
color: #333;
line-height: 42px;
text-align: left;
}

#navigation-menu ul.sf-menu > li {
margin: 0 0 0 -3px;
}
#navigation-menu ul.sf-menu > li {
background: none;
list-style: none;
float: left;
margin: 0 0 0 -3px;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:         0;
    padding:        0;
    list-style:     none;
}
.sf-menu {
    line-height:    1.0;
}
.sf-menu ul {
    position:       absolute;
    top:            -999em;
    width:          10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:          100%;
}
.sf-menu li:hover {
    visibility:     inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:          left;
    position:       relative;
}
.sf-menu a {
    display:        block;
    position:       relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           0;
    top:            40px; /* match top ul list item height */
    z-index:        99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float:          left;
    margin-bottom:  1em;
}
.sf-menu a {
    padding:        .75em 1em;
    text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:          #777;
}
.sf-menu a:hover  { 
    color:          #222;
}
.sf-menu li {
    background:     transparent;
}
.sf-menu li li {
    background: url('http://www.kapstadt-blog.de/wp-content/themes/u-design/scripts/superfish-1.4.8/images/sf-menu-bg.png') no-repeat 0 100%;
    text-align: left;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline:        0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:  2.25em;
    min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator,
.top_bg_color .sf-sub-indicator {
    position:       absolute !important;
    display:        block !important;
    right:          10px !important;
    top:            1.05em !important; /* IE6 only */
    width:          10px !important;
    height:         10px !important;
    text-indent:        -999em !important;
    overflow:       hidden !important;
}
/* indicator image for light background */
.sf-sub-indicator {
    background:     url('http://www.kapstadt-blog.de/wp-content/themes/u-design/scripts/superfish-1.4.8/images/auto-arrows.png') no-repeat -10px -100px !important; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
/* indicator image for dark background */
.top-bg-color-dark .sf-sub-indicator {
    background:     url('http://www.kapstadt-blog.de/wp-content/themes/u-design/scripts/superfish-1.4.8/images/auto-arrows.png') no-repeat -30px -100px !important; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            .8em !important;
    background-position: 0 -100px !important; /* use translucent arrow for modern browsers*/
}
/* hovers for light background */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px !important; /* arrow hovers for modern browsers*/
}
/* hovers for dark background */
.top-bg-color-dark a:focus > .sf-sub-indicator,
.top-bg-color-dark a:hover > .sf-sub-indicator,
.top-bg-color-dark a:active > .sf-sub-indicator,
.top-bg-color-dark li:hover > a > .sf-sub-indicator,
.top-bg-color-dark li.sfHover > a > .sf-sub-indicator {
    background-position: -40px -100px !important; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0 !important; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0 !important; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0 !important; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    -moz-box-shadow: 1px 1px 4px #555;
    -webkit-box-shadow: 1px 1px 4px #555;
    box-shadow: 1px 1px 4px #555;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

#navigation-menu ul.sf-menu > li > a > span.sf-sub-indicator {
    padding: 10px 0;
}
#navigation-menu ul.sf-menu a > span.sf-sub-indicator {
    /*top: 17px !important;*/
}