/*
Theme Name: Ratgeber I
Description: Template zum Ratgeber Durchfall
Author: Gfmk
Author URI: http://www.gfmk.de
*/

/** BODY **/
body{ margin:0px; margin-top:15px; font-family:Arial; font-size:13px; text-align:center; scrollbar-base-color:#CCD9EA;}

/** MAIN FRAME **/
#main { max-width:1160px; background-color:#fff; }

/** HEADER **/
#header { float:left;  }
#slogan_all { float:left; width:670px; height:98px; }
#slogan_pfeil { float:left; height:98px; background-image:url(images/bg_head1_dunkelblau.jpg); }
#slogan { float:left; font-family:Verdana, Arial; text-align:left; padding-top:13px; padding-left:10px; font-size:30px; }
#slogan_c { color:#fff; font-family:Verdana,Arial }
#sub_slogan{ color:#0D3D7B; float:left; font-weight:bold; font-family:Arial; font-size:17px;  text-align:left; padding: 6px 0px 0 12px; }
#s_trenner { clear:both; margin: 0 12px; height:7px;width:947px;background-color:#0D3573 }
#s_trenner1 { clear:both;height:5px;width:947px; margin: 0 12px; background-color:#1c8dc9; }
#main_left { float:left; width:445px; height:280px; margin-left:12px; background-color:#CCD9EA; padding:10px 0; overflow:hidden;}
#main_right { float:left; width:476px; height:280px; background-color:#AAC1E0; padding: 10px 13px 10px 13px; }
#main_right_bg { height:280px; background-image:url(images/bg_main_right_dunkelblau.jpg); background-position:center; text-align:left;}
#kd_logo { float:left;text-align:right;width:300px; }


/** SUCHE **/
#search { float:left; width:225px; margin-top:15px; text-align:left; height:42px; background-color:#fff;background-image:url(images/bg_nav_dunkelblau.jpg);}
input.search { width:138px; height:20px; border:none;border-color:#fff; margin-top:3px; margin-left:5px;}
input.search_submit { float:right; margin-right:20px; text-align:center; width:57px; background-color:#113F8C; color:#fff; font-size:11px; font-weight:bold; height:24px; border:none;}

/** NAVIGATION **/
#navigation_top ul { display:inline; list-style-type:none; }
#navigation_top {  text-align:left; width:745px; padding-top:15px; float:left;}
.menu-top-menu-container { margin-left:-35px; color:#fff; height:42px; width:780px; background-image:url(images/bg_nav_dunkelblau.jpg); line-height:28px; }
#navigation_top li { display:inline-block; padding:0 15px 0 15px;}
#navigation_top li a { color:#fff; font-weight:bold; }
#navigation_top li:hover a { margin-left:-10px; margin-right:-10px; padding:0 10px 0 10px; height:42px; display:inline-block; background-image:url(images/bg_nav3_dunkelblau.jpg); background-position:center;}
#navigation_top li.current_page_item  a { font-weight:bold; height:42px; margin-left:-10px; margin-right:-10px; padding:0 10px 0 10px; display:inline-block; color:#fff; background-image:url(images/bg_nav3_dunkelblau.jpg); background-position:center;}

/** CONTENT **/
#c_dbl_frm { float:left;  }
#content_frm { clear:left;background-image:url(images/bg_main_top.jpg);background-repeat:repeat-y;}
div.content_frm { float:left; background-image:url(images/bg_main_frm_right.jpg);background-repeat:repeat-y;}
div.content_frm1 { float:left; width:970px; background-image:url(images/bg_main_top.jpg);background-repeat:repeat-y;}
#c_head { text-align:left; }
#c_left { float:left; width:608px; text-align:left; margin-left:25px; margin-right:17px}
#c_right { float:left; width:320px; text-align:left;}
div.bb_header { color:#fff;  font-size:18px; padding-left:20px; padding-top:15px; }
div.bb_subheader { color:#A7DEFB; font-weight:bold; font-size:12px; padding-left:20px; padding-top:15px;}
div.bb_content_165  { color:#fff; font-size:12px; padding: 0 15px 0 20px; line-height:18px; height:165px; overflow:auto;}
div.bb_content_200 { color:#fff; font-size:12px; padding: 0 15px 0 20px; line-height:18px; height:200px; overflow:auto;}
div.bb_content_235 { color:#fff; font-size:12px; padding: 0 15px 0 20px; line-height:18px; height:235px; overflow:auto;}
div.bb_content_270 { color:#fff; font-size:12px; padding: 0 15px 0 20px; line-height:18px; height:270px; overflow:auto;}
div.bb_link { color:#fff; font-weight:bold; font-size:12px; padding-left:20px;padding-top:15px;}
#s_boxes { padding-left:22px; text-align:left;}

div.single_small { float:left; width:301px; height:155px; background-image:url(images/bg_kb_dunkelblau.jpg); background-repeat:repeat-x; margin-right:12px; overflow:hidden;}
div.sb_head { color:#fff; margin: 5px 10px 0 10px; font-weight:bold; font-size:13px;}
div.sb_text { color:#fff; margin: 6px 10px 0 10px; height:100px; font-size:11px; line-height:17px; overflow:hidden}
div.sb_text p { display:inline; }
div.sb_link { color:#fff; margin: 5px 10px 0 10px; font-size:12px;}
div.sb_links { float:left; margin: 5px 10px 0 10px; }
div.sb_rechts { float:right; margin: 5px 10px 0 10px; }
div.sb_footer { float:left; width:283px; }

/** FEEDS **/
#feed_head { width:264px; height:21px; color:#fff; font-size:13px; font-weight:bold; margin-left:6px;line-height:22px; background-image:url(images/bg_feed_head_dunkelblau.jpg);background-repeat:no-repeat;}
#feeds_c { margin-left:20px; font-size:12px; }
#rss { font-size:11px; padding: 10px 20px 0 10px; }
#rss1 { font-size:11px; padding: 10px 20px 0 10px; }
div.rss_date {font-weight:bold; color:#777;}
div.rss_descr { padding: 8px 8px 8px 0; line-height:14px;}

/** FORMS **/
span.wpcf7-list-item { margin:0px!important; }

/** INHALTSBLOCK **/
.widget_text  { margin: 10px 0 10px 10px; width:265px; border:1px solid #999; border-radius:5px; padding:8px; font-size:11px;  }
.widget_custom_post_widget { margin: 10px 0 10px 10px; width:265px; border:1px solid #999; border-radius:5px; padding:8px; font-size:11px;  }
.widget_custom_post_widget p { display:inline; }
h5.titlebox{ float:left; font-size:11px; padding:0 3px; margin:-15px 0 0 160px; background:#fff;}

/** FOOTER **/
#footer {clear:left; max-width:100%; height:40px; }
#footer_c { max-width:970px; height:40px; background-image:url(images/bg_footer_dunkelblau.jpg); background-repeat:repeat-x; background-position:top;}
#footer_txt { float:left; width:281px; font-size:12px; font-weight:bold; color:#fff; text-align:left; margin-left:20px; padding-top:8px;}
#footer_nav { text-align:right; width:98%; }
.abs_f { height:100px; }

#navigation_footer { float:right; color:#fff; padding-top:8px;}
#navigation_footer ul { list-style-type:none; display:inline; }
#navigation_footer li { float:right; color:#fff; }
#navigation_footer  li a {float:right; color:#fff; font-size:12px; font-weight:bold; }

/** BILDER **/
.sb_img { border: 2px solid #fff; margin-bottom:-6px;}
.sb_img_links { float:left; border: 2px solid #fff; margin-right:10px; margin-top:14px; margin-bottom:2px; }
.sb_img_rechts { float:right; border: 2px solid #fff; margin-left:10px; margin-top:14px; margin-bottom:2px; }
.anzeige { float:left; padding-right:10px;}
img.alignleft { float:left; margin-right:10px; }
img.alignright { float:right; margin-left:10px; }

/** LINKS **/
a { text-decoration:none; color:#0D3D7B; }
a.rss { font-size:11px; font-weight:bold;}
a.bb_link { color:#fff; font-size:12px; font-weight:bold; padding: 4px 10px 3px 10px; background-color:#113F8C; line-height:17px}
a.sb_link { color:#A7DEFB; }
a.feeds { color:#fff; font-size:12px; }

/** BANNER **/
#banner p { display:inline; }
#banner_frm { float:left; vertical-align:top; }
#right_banner { display:none; float:left; width:20%; }

/** ALLGEMEIN **/
h1 { font-size:18px; color:#428511; }
h1.ob { font-size:18px; display:inline; color:#428511; }
h2 { font-size:16px; color:#428511; }
h3 { font-size:14px; color:#428511; }
div.break { clear:both; height:30px;}

/** RESPONSIVE **/
#navigation_resp {  display:none; text-align:center; padding-bottom:15px; padding-right:5%; }
#navigation_resp ul { display:inline; list-style-type:none; }
#navigation_resp li { display:inline-block; padding:0 15px 0 15px;}
#navigation_resp li a { font-size:17px; font-weight:bold; }
#navigation_resp li a:hover { text-decoration:underline; }
#navigation_resp .menu-top-menu-container { background:none; width:100%; margin-left:0px; height:auto; }
#slog_resp { padding-bottom:20px; color:#0D3D7B; display:none; }

#head_resp { display:none; float:left;color:#000; width:20%; text-align:left; margin-top:8px; color:#fff; }
div.content_frm_resp { float:left; background-image:url(images/bg_main_frm_right.jpg);background-repeat:repeat-y; }
#c_right_resp { float:left; width:320px; text-align:left;}
#c_left_resp { float:left; width:608px; text-align:left; margin-left:25px; margin-right:17px  }
img { max-width:100%; height:auto; }
#feed_head_resp { width:264px; height:21px; color:#fff; font-size:13px; font-weight:bold; margin-left:6px;line-height:22px; background-image:url(images/bg_feed_head_dunkelblau.jpg);background-repeat:no-repeat; }


.img_ln_resp { width:100%; height:2px; }
.logo_resp { max-height:98px; }


@media screen and (max-width:1220px) and (min-width:200px)  {
 div.content_frm_resp { max-width:970px; padding:0 0px; background-image:url(images/bg_main_frm_right_resp.jpg);background-repeat:repeat-y;}
 #c_right_resp {  width:98%; margin-left:1%; margin-right:1%; } 
 #c_left_resp { width:70%; margin-left:3%; margin-right:3%; }
 
 /** BANNER **/
 #banner  { display:none; }
 #banner_frm { display:none; }
 #right_banner { display:inline; }
 
 #feed_head_resp { background-image:none; background:#1C5274; width:98%; margin-left:1%; margin-right:1%; }
 #rss { margin:0px 1% 5px; border: solid 1px #1C5274; } 
}

@media screen and (max-width:989px) and (min-width:200px)  {
 /** HEADER **/
 #slogan_all { display:none; }
 #kd_logo { float:none; width:100%; text-align:center; }
 #slog_resp { display:inline-block; }
 
 #navigation_resp {  display:inline-block; }
 #navigation_top {  display:none; }
 #head_resp { display:inline; }
 
 #search { text-align:right; width:80%; }
 input.search_submit { float:none; }
 #search_frm { float:left; width:100%; height:40px; background-image:url(images/bg_nav_dunkelblau.jpg); }
 #search { margin-top:0px; }
 
 #s_trenner, #s_trenner1 { margin:0px; width:100%; }
 div.content_frm_resp { background:none; }
 #content_frm { background:none; }
 #s_boxes { padding-left:1%; }
 div.single_small { width:98%; margin-bottom: 3px; }
 div.bb_content_165, div.bb_content_200, div.bb_content_235, div.bb_content_270 { height:auto; }
 div.content_frm1 { width:auto; background-image:none; }
 #c_left { width:98%; margin-left:1%; margin-right:1%; }
 #c_right {  width:98%; margin-left:1%; margin-right:1%; }
 div.content_frm { background:none; }
 #rss1 { margin:0px 1% 5px; border: solid 1px #1C5274; } 
 #feed_head { background-image:none; background:#1C5274; width:98%; margin-left:1%; margin-right:1%; } 
}


@media screen and (max-width:989px) and (min-width:568px)  {
 #content_frm { background-image: none; }
 #main_left { width:48%; margin-left:0px; background:none; height:auto;}
 #main_right_bg { height:auto; padding-bottom: 1%; background-image:none; background:#12428A;}
 #main_right { width:50%; padding: 1% 1% 1% 1%; height:auto; }
 #c_dbl_frm { background:#AAC1E0; }
 .widget_custom_post_widget { width:95%; margin: 1% 1% 1% 1%; }
}

@media screen and (max-width:989px) and (min-width:625px)  {
 div.single_small { width: 48%; }
}



@media screen and (max-width:567px) and (min-width:200px)  {
 #c_dbl_frm { float:none; }
 #main_left { width:100%; margin-left:0px; height:auto; }
 #main_right { width:100%; height:auto; padding:0px; }
 #main_right_bg { height:auto; padding-bottom: 1%; background-image:none; background:#12428A; }
 .widget_custom_post_widget { width:88%; margin: 1% 1% 1% 1%; }
}

@media screen and (max-width:479px) and (min-width:320px)  {
 #slog_resp h1 { font-size:22px; }
  .logo_resp { max-height:50px; }
}

@media screen and (max-width:319px) and (min-width:200px)  {
 #navigation_footer li a { font-size:10px; }
 div.content_frm_resp { background:none; float:none;}
 #slog_resp h1 { font-size:16px; }
 #slog_resp { display:inline-block; }
 .sb_img { display:none; }
   .logo_resp { max-height:50px; }
}

 @media screen and (max-width:989px) and (min-width:768px)  {
  #slog_resp h1 { font-size:40px; }
  #slog_resp { font-size:22px; }
  .single_small:nth-child(3) { display:none; }
 }
 
 @media screen and (max-width:767px) and (min-width:600px)  {
  #slog_resp h1 { font-size:32px; }
  #slog_resp { font-size:17px; }
  .logo_resp { max-height:80px; }
  .single_small:nth-child(3) { display:none; }
 }
 
 @media screen and (max-width:599px) and (min-width:568px)  {
  #slog_resp h1 { font-size:30px; }
  #slog_resp { font-size:16px; }
  .logo_resp { max-height:75px; }
 }
 
 @media screen and (max-width:567px) and (min-width:480px)  {
  #slog_resp h1 { font-size:26px; }
  #slog_resp { font-size:15px; }
   .logo_resp { max-height:65px; }
 }

/** ALLGEMEIN **/
h1 { font-size:18px; color:#1150A0; }
h1.ob { font-size:18px; display:inline; color:#1150A0; }
h2 { font-size:16px; color:#1150A0; }
h3 { font-size:14px; color:#1150A0; }
div.break { clear:both; height:30px;}