/****************************************************************************************************/
/**********************************  Standardlayout suchmaschinenland.de - statische Vorlage ********/
/****************************************** gandke m&s gmbh   ***************************************/
/****************************************************************************************************/
/*
  Datei       		: style.css für suchmaschinenland.de
  Autor       		: Markus Baersch, gandke marketing & software gmbh
  Fassung vom	: 30.03.2018
**
*/


/**********STYLE ELEMENTE ***********************************/

/* exo-regular - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Exo Regular'), local('Exo-Regular'),
       url('../fonts/exo-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-v6-latin-regular.svg#Exo') format('svg'); /* Legacy iOS */
}
/* exo-700 - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Exo Bold'), local('Exo-Bold'),
       url('../fonts/exo-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-v6-latin-700.svg#Exo') format('svg'); /* Legacy iOS */
}

* {
padding : 0;
margin : 0;
}

html { overflow-y:scroll; }

body {
font-family: Arial,Helvetica,sans-serif;
color: #222; /*Schriftfarbe Vorgabe */
background: #fff ;
font-size: 16px;
line-height: 1.5em;
margin: 0; 
padding: 0;
/*Zur zentrierten Platzierung auch im IE5/6...*/
text-align:center;
}


/********* Bilder    ***********  */

img.leftfloat {
float: left;
margin: 5px;
margin-right: 15px;
}

img.rightfloat {
float: right;
margin: 5px;
margin-left: 15px;
}

/********* Formulare  & Co.. ***********  */

hr { 
color: #000; 
background: transparent; 
margin: 0 0 0.5em 0; 
padding: 0 0 0.5em 0; 
border: 0; 
height: 1px;
border-bottom: 1px #395980 solid; 
}


fieldset { 
border:0;
}
	
select, 
input, 
textarea { 
background: #fefefe;
padding: 3px;
border: 1px #395980 solid; 
font-size: 99%;
}

textarea { 
font-size: 100%;
overflow:auto;
}

input[type=reset],
input[type=submit],
input[type=button] {
width: auto;
overflow:visible;
background: #2A425F;
color:#fff;
padding:0.5em 3em;
}

input[type=reset]:hover,
input[type=submit]:hover,
input[type=button]:hover {
background: #299AD4;
transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
}

input[type=text]:focus, 
textarea:focus {
background: #fff;
border-color: #666;
}


input[type=radio], 
input[type=checkbox] {
background:transparent none repeat scroll 0% 50%;
border:0pt none;
}


option {
padding-left: 0.4em;
padding-right: 1.0em;
}

	
/*************** Textauszeichnungen... *************/
	
pre {	
font-family: "Courier New", Courier, monospace; 
}
	
dt, 
strong,
b { 
font-weight: bold;
}

i, em { 
font-style: italic;
}


/***************************** Tabellen *********************************/

table { 
border: 1px solid #395980; 
background-color: #fff; 
empty-cells: show; 
}

caption {
padding: 3px; 
margin-bottom: 5px;
font-size: 0.8em; 
font-weight: bold; 
line-height: 1.5em; 
caption-side: top;
text-align: left; 
}

thead { 
font-size:1.0em; 
text-align:center;
background-color: #395980; 
color: #fff;
}

tfoot { 
font-size: 0.8em;
text-align: left;
background-color: #fff;
font-weight: bold; 
background-color: #eee; 
}

tbody { 
font-size: 0.9em; 
text-align: left; 
vertical-align: top; 
background-color: #fff;
}

td, th {
padding: 3px;
}

th {
font-weight: bold; 
}


/********* Überschriften und Textauszeichnungen ***********  */

h1,h2,h3,h4,h5,h6 { 
font-family: 'Exo',Arial,Helvetica,sans-serif;
margin-top: 0.25em; 
margin-left: 0px;
font-size: 1.2em;
letter-spacing: 2px;
color: #395980;
line-height: 1.3em;
}

h1  { 
font-size: 1.8em;
}


h2  { 
font-size: 1.4em;
}

h3  { 
font-size: 1.3em;
}


h4  { 
font-size: 1.2em;
margin-top: 1.0em; 
margin-bottom: 3px;
}


/**************************/

#sidebar h2 { 
color: #444;
font-size: 1.1em;
letter-spacing: 0;
}

#sidebar h1 { 
letter-spacing: 1px;
}


h5, h6 { 
font-size: 1.0em;
margin-bottom: 2px;
}


p, ul, blockquote, cite { 
margin-top: 0.2em;
margin-bottom: 1em;
font-size: 1.0em; 
}

blockquote, cite { 
width: auto;
}

cite {
font-style: italic; 
}

ul, ol, dl { 
padding: 3px;
padding-left: 1.8em;
}

li {
line-height: 1.6em;
}

/***************************** Links *********************************/

a {
color: #299AD4; 
text-decoration: underline; 
}

a:active, a:hover {
color: #000; 
outline:none;
}

/*****************************  TOOLS  UND KLASSEN   *********************************/

.bordered {
border: 1px solid #395980; 
}

.bordered, 
.lighted { 
padding: 0.6em;
}

.padded,
.padded_plus {
padding: 1em 2%;
}

.right  {
text-align: right;
}

.dotted { 
border: 1px dotted #395980; 
}

.noborder { 
border: 0px; 
}

.nopadding { 
padding: 0!important; 
}

.nomargin { 
margin: 0!important; 
}

.highlight { 
padding: 5px;
background-color: #7EB5F6;
color: #111;
}

.lighted { 
background-color: #f2f2f2;
color: #111;
}

.onbck {color:#fff;}

.infobox {
background-color: #DAE4F4;
float:right;
margin-left:2em;
padding:0.5em;
padding-left: 1.8em;
width:35%;
font-size: 0.9em;
}

.ibtitle {
list-style-type: none; 
font-weight: bold;
margin-bottom: 10px;
margin-left: -1em;
}

.alert { 
color: #c00; 
}

.headerbox { 
margin: 0;
padding: 2px;
padding-left: 5px;
margin-bottom: 0px;
color: #fff;
background-color: #1F3249;
}

h1.headerbox, h1.headerbox_round, 
h2.headerbox, h2.headerbox_round, 
h3.headerbox, h3.headerbox_round { 
font-size: 1.1em!important;
}

.headerbox_round, 
.headerbox_fix { 
margin: 0px;
padding: 2px;
padding-left: 5px;
margin-bottom: 0px;
color: #fff;
background-color: #1F3249;
font-size: 1.1em;
font-weight: bold;
}

.headerbox_round { 
padding-bottom: 3px;
padding-top: 0px;
}

.contentbox_round, 
.contentbox { 
padding: 0.6em;
padding-left: 1.3em;
padding-right: 1em;
margin-top: 0px;
margin-bottom: 1.5em;
background-color: #fff;
}

.contentbox_round { 
margin-bottom: 0px;
background-color: #fff;
}

/*Für "runde Ecken" ohne Grafik*/

.l1u, 
.l2u, 
.l3u, 
.l4u,
.l1, 
.l2, 
.l3, 
.l4 {
margin: 0px;
padding: 0px;
display: block; 
overflow: hidden; 
font-size: 1px;
}

.l1u, 
.l2u, 
.l3u, 
.l1, 
.l2, 
.l3 {
height: 1px;
}

.l2u, 
.l3u, 
.l4u,
.l2, 
.l3, 
.l4 {
background: #395980; /*Hintergrundfarbe der Boxheader eintragen*/
}

.l2u, 
.l3u, 
.l4u {
background: #fff; /*Hintergrundfarbe der Box eintragen*/
}

.l1u, 
.l1 {
margin: 0 5px; 
background: #395980; /*Rahmenfarbe hier einsetzen */
}

.l2u, 
.l2 {
margin: 0 3px; 
}

.l3u, 
.l3 {
margin: 0 2px;
}

.l4u,
.l4 {
height: 2px; 
margin: 0 1px 0 1px;
}

.l1u {
margin-bottom: 15px;
}

/**********************************/

.float_right { 
float: right; 
background-color: transparent;
}

.float_left { 
float: left; 
background-color: transparent;
}

.cleaner {
clear: both;
height: 0px;
padding:0px;
margin: 0px;
border: 0px;
overflow: hidden;
}

.pgcl {
margin-bottom:50px;
}

.colorfont {
color: #E48F00;
}

.colorfont2{
color: #395980;
}


img.ns {
height: 0 ;
width : 0 ;
}

.bgline  li {
margin-bottom: 0.5em;
}

.centered {
text-align: center;
}


/******SEITENLAYOUT ****************************************/

#tp {
background: #f2f2f2;
height: 60px; 
}


* html #tp {
height: 60px;
}

.bg_page {
padding-top: 5px;
background: #395980 ;
}

.bg_nav {
padding-top: 2px;
padding-right:6px;
background: #7EB5F6 url('img/nvbg.png') repeat 0pt;
padding-bottom: 5px;
border-bottom: 1px solid #395980;
}


#c_page {
margin: 0 auto;
width: 1100px;
text-align: left;
}


.h_page {
margin: 0 auto;
width: 1100px;
text-align: left;
font-size: 0.9em ;
color: #444; 
} 

.h_page p {
margin: 0; 
font-size: 0.9em;
padding-top: 15px;
}

.big  { 
font-size: 1.6em;
}


#skip {
position: absolute; 
left: -3000px;
}

#header {
padding: 0.5em ;
border: 1px solid #395980 ;
border-left: 0;
border-right: 0;
background: #395980 url('img/header.jpg') 0 0 no-repeat;
height:138px;
text-align: right;
padding-right: 50px;
font-size: 0.9em;
position:relative;
}

  #logo {
  position:absolute;
  cursor:pointer;
  width:320px;
  height:138px;
  left:0;
  right:0;
  }

#header span {
font-size: 3em;
font-weight: bold;
line-height: 1.6em;
}

#header  {font-family:'Exo',Verdana,Arial,Helvetica,sans-serif}

#header h2 {
font-size: 1em;
font-weight: normal;
font-style: italic;
}

#header,
#header a,
#header h2,
#header h1
 {
color: #fff!important;
text-decoration:none;
}


#maincnt {
font-size: 0.9em ;
min-height: 500px ;
}

* html #maincnt {
height: 500px;
}

#content {
float: left ;
width: 67% ;
}

#sidebar {
float: left ;
width: 31% ;
font-size: 0.9em;
}


#footer {
padding: 0.5em ;
border-top: 1px solid #395980 ;
font-size: 0.8em;
}

/****************NAVIGATION ********************************/


#mnav {
float: left; 
font-size:1.1em;
}

#secnav {
float: right; 
margin-top:6px;
}

#secnav,
#mnav  {
margin-bottom: 0!important;
padding: 0!important;
list-style-type: none;
font-weight: normal;
line-height: 1.0em;
font-family:'Exo',Verdana,Arial,Helvetica,sans-serif
}


#mnav  li {
border-left: 1px solid #395980 ;
}

#secnav  li,
#mnav  li {
margin: 0; 
padding: 0; 
float: left; 
text-align: center ;
line-height: 1em;
}

#secnav  li a {
font-size: 0.9em; 
padding-left: 1em ;
text-decoration: none;
color: #444;
}

#secnav  li a:hover {
color: #000; 
text-decoration: underline;
transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
}


#secnav li {
padding-top: 0.3em;
}

#mnav  li a {
padding: 5px;
padding-left: 1em ;
padding-right: 1em ;
display: block;
font-weight: bold;
text-decoration: none;
color: #395980;
}

.errordiv h6 {
font-size: 1em;
color: red!important;
}


#secnav  li.current {
font-weight: bold;
}


#mnav  li.current {
background: #C4D5F4;
}

#mnav  li a:hover {
color: #fff; 
background: #395980; 
transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
}

#dnav {
border: 1px solid #395980 ;
border-top: 0;
margin-bottom: 20px;
line-height: 1.0em;
background: #fff;
padding: 10px; 
}

#suchen {
padding: 0!important;
font-size: 0.9em;
}

.toplist {
font-size: 0.9em; 
margin-bottom: 15px;
}

.toplist a {
font-size: 1.1em; 
}

.bw {
background: transparent url('img/bm.gif') 100% 50% no-repeat;
padding-right: 15px;
}


/********************/

ul.entries {
margin-top: 0.6em;
margin-bottom: 0!important;
padding: 0!important;
list-style-type: none;
}

ul.entries li {
margin: 0; 
padding: 5px;
border: 1px solid #bbb;
font-size: 0.9em;
margin-bottom: -1px;
}

ul.entries li:hover {
background-color: #7EB5F6;
transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
}

a.bw0,
a.bw1,
a.bw2,
a.bw3,
a.bw4,
a.bw5,
a.katlink {
text-decoration: none ;
color: #444 ;
padding-left: 65px;
}

a.katlink {
padding-left: 0 ;
}


a.bw0:hover,
a.bw1:hover,
a.bw2:hover,
a.bw3:hover,
a.bw4:hover,
a.bw5:hover,
a.katlink:hover {
text-decoration: underline ;
color: #299AD4; 
}

a.bw0 { background: transparent url('img/bw0.gif') 0 50% no-repeat; }
a.bw1 { background: transparent url('img/bw1.gif') 0 50% no-repeat; }
a.bw2 { background: transparent url('img/bw2.gif') 0 50% no-repeat; }
a.bw3 { background: transparent url('img/bw3.gif') 0 50% no-repeat; }
a.bw4 { background: transparent url('img/bw4.gif') 0 50% no-repeat; }
a.bw5 { background: transparent url('img/bw5.gif') 0 50% no-repeat; }

table.frm {
border: 0;
}

.frm strong {
font-size: 1.2em;
}



table.frm td {
margin: 0;
padding: 0;
padding-left: 5px;
}


tr.info td {
padding-top: 0;
margin-top: 0;
}

.smaller {
font-size: 0.9em;
}

h1 small {
font-size: 0.7em;
color: #444;
letter-spacing: 0;
}


#plhld {
background: #7EB5F6;
height: 120px;
}

#poswrp {
position:absolute;
top:60px;
left: 0;
width: 100%;
}

.bdb {
margin-top: 0 ;
font-size: 0.9em;
}

.bdb a {
color: #666;
text-decoration: none;
}

.listtop a.current {
font-weight: bold;
}


.bdb a:hover {
color: #299AD4; 
text-decoration: underline;
}

.listtop p {
line-height: 1em!important;
margin-bottom: 5px!important;
}

.listtop {
margin-top: 10px;
margin-bottom: 10px;
font-size: 0.9em;
padding: 5px!important;
border: 1px solid #ccc;
background: #7EB5F6 ;
}

.rtext {
text-align: right; 
}

.tline {
padding-top: 5px ;
border-top: 1px solid #ccc; 
}

.bgr {
font-size: 1.1em;
}

#startsearch {padding: 0.5em;}

/*Fuer den DIR-Beitrag*/
h2.phark {
background-image: url('http://suchmaschinenland.de/img/testueberschrift1.png');
background-repeat: no-repeat; 
height: 20px;
text-indent: -3000px;
width: 90%;
}
	
#u2 { background-image: url('http://suchmaschinenland.de/img/testueberschrift2.png') }


@media all and (max-width: 1100px) {
#c_page, .h_page { padding:0; margin:0; width:100%}
#c_page form input, #c_page form textarea {max-width:100%!important}
}

@media all and (max-width: 900px) {
#mnav, #secnav {font-size: 0.9em;}
#header {height:auto;padding-bottom:0;}
}

@media all and (max-width: 719px) {
.padded, .padded_plus { padding: 2% 0; }
#mnav, #header {font-size: 0.8em;}
#mnav  li {border-left: 0; }
#content {padding-top:0;}
#header {background-position-x:-50px;}
#logo {display:none;}
#c_page img, #c_page iframe, #c_page textarea, #c_page pre, 
#c_page input, #c_page form, #c_page table {max-width:100%!important}
#sidebar, #content { float: none ; width: 98%; padding:10px 1%; margin:0;}
}

@media all and (max-width: 595px) {
#header {background-image:none;font-size: 0.8em;}
#header span {font-size: 2.5em;}
#secnav, #mnav {float:none;}
 
input[type=reset],
input[type=submit],
input[type=button] {
padding:0.5em 1em;
}
}