body {font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:#f2f2f2; color:#585858; margin:0px; padding:0px;}
a, a:link, a:visited, a:hover, a:active {color:#585858;  text-decoration:underline;}
p, table, tbody, tr, th, td, tt, div, form, input, textarea, select, h1, h2, h3, h4, h5, h6, ul, ol, li, font, dl, dt, dd, marquee {font-family:inherit; font-size:inherit;}
table, form	{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
p {margin:0px; padding:5px 0px 5px 0px;}
table , td {border-collapse:collapse;}
img {border-style:none;}
img {width: auto; /* IE8 */}
h1 {font-size:2em; margin:15px 0; padding:0px 0px 10px 0px; font-weight:normal;}
h2 {font-size:1.4em; margin:0px; padding:5px 0px 5px 0px; font-weight:normal;}
h3 {margin-bottom:0px;}
hr {background-color:#fff; color:#fff; border:none; border-bottom:#ddd solid 1px;margin:2% 0;}
.strong {font-size:1.4em; font-weight:normal;}
.fontCopyright {font-weight: bold;}
.clearer {width:1px; height:1px; clear:both; font-size:1px; line-height:0px;}

#wrapper {background-color:#fff; width:98%; padding:5px 1% 20px 1%;}

#content {margin:20px 2%;}
#content_center {width:96%; margin:20px 2%;}

#column_left,
#column_right {width:100%; margin:0px; float:none; margin:0; padding:0;}

#bottomnav {clear:both; padding:30px; }
#bottomnav a, #bottomnav a:link, #bottomnav a:visited, #bottomnav a:hover, #bottomnav a:active {color:#585858; text-decoration:underline;}
#bottomnav_index,
#bottomnav_list {min-height:30px; margin:10px 0px; padding:15px 10px 3px 10px; text-align:center; border:1px solid #aaaaaa;}
#bottomnav_index td {white-space:nowrap;}

.bottomnav li {list-style: none; list-style-image: none; padding:0px 5px;}
#navigation,
#popup_content {padding:1% 2%; margin-bottom:2%; border:1px solid #aaaaaa;}
.bottomnav {margin:0px; padding:0px;}
.act {visibility: hidden; display: none;}

#content_head {width:100%; padding-top: 10px;}
#logo_teleauskunft {padding:22px 80px 0px 25px; width:250px; height:14px;}
#logo_partnervongelbeseiten_text {padding:22px 0px 0px 0px; width:80px; height:25px; vertical-align:middle; }
#logo_partnervongelbeseiten_text a, #logo_partnervongelbeseiten_text a:link {text-decoration: none;}
#logo_partnervongelbeseiten {padding:5px 5px 0px 0px; width:95px; height:35px; }
#logo_detemedien {padding:15px 0px 0px 20px; width:220px; height:35px; font-family: Arial, sans-serif; font-weight: bold;}
#suchblock {padding:10px 0px; text-align:center; border:1px solid #aaaaaa; color: #3b3b3b;}
#suchblock.suchanfragen {padding:0px;}
#suchblock.suchanfragen h1 {padding-left: 0px;}

#suche {padding:10px;}

#suche .box1,
#suche .box2 {width:100%; float:none; text-align:left;}

#suche input {width:94%; height:20px; border:1px solid #000; padding:5px 3%; background-color: #f2f2f2;}
#suche label {display:none;}
#suche .box2 {float:right;}
#buttons h2 {text-align:center;}
#buttons form {float:left; text-align:center;}

#banner {padding-left:10px;width:728px;}
#skyscraper {position:absolute; left:870px; top:10px;}
.destination {text-align:center;}
.destination p {padding:3px 0px 7px 0px; }
.favbox {text-align:left; border:1px solid #aaaaaa; color:#6d6d6d; width:88%; float: none; margin:0; margin-bottom:10px; padding:5%; height:auto;}
#favbox1 {border-right: 2px solid #c71418; border-top: 6px solid #c71418; }
#favbox1 div.text { padding-left: 23px; }

#dtb, #doe, #gs, #suchen {margin: 0px 0px 30px 15px;}
#dtb p, #doe p, #gs p, #suchen p  {margin-bottom: 20px;}

.left    {width: 32%; border-left: 1px solid #585858; margin: 0px; float: left;}
.center  {width: 32%; border-left: 1px solid #585858; margin: 0px auto;}
.right   {width: 32%; border-left: 1px solid #585858; margin: 0px; float: right;}

.left ul, .center ul, .right ul {padding: 0px 0px 0px 10px; margin:  0px 0px 0px 0px;}
.left li, .center li, .right li {list-style: none; list-style-image: none; list-style-type: none; margin-left: 0px; padding-left: 0px;}
.left li a:link, .center li a:link, .right li a:link  {color: blue; text-decoration: underline;}
.left li a:hover, .center li a:hover, .right li a:hover  {color: #000000; text-decoration: underline;}

iframe.frame {width:228px; height:16px; padding:1px 0px 0px 1px; overflow: hidden;}

.helpbar {margin-left: 190px;}
.helpbar a {margin-right: 40px;}
#popup_content ul {margin-top: 0px;}
#popup_content ul li {margin-bottom: 10px;}

.faqbox {border:#3b3b3b solid 1px; margin:2%; padding:2%;}
.faqheadline {background: url("../images/tb_frage.gif") no-repeat left center; padding:5px 0px 5px 35px; }
.faqbox h3 {margin:0px 0px 2% 0px; font-size:1.2em;}
.faqanchor {background: url("../images/tb_top.gif") no-repeat right center; padding:5px 20px 5px 5px; text-align: right; display: block;}

/* Anpassungen fuer iPhone --------------- */
@media only screen and (max-width: 1023px) {
    /*body {background-color:orange; width:auto;}*/
    /*.favbox {background-color:orange;}*/
    /*.bottomnav li {background-color:orange;}*/

    #logo_teleauskunft,
    #logo_detemedien {float:none; }
    #logo_teleauskunft,
    #logo_partnervongelbeseiten_text {height:20px}
    #logo_detemedien,
    #logo_partnervongelbeseiten_text,
    #logo_partnervongelbeseiten {padding-left:25px; padding-right:0; float:none; clear: both;}
    #logo_partnervongelbeseiten {padding-top:0px;}

    .bottomnav li {text-align: left; font-size:1.1em; }
    .bottomnav li a {display: block; padding-top:5px; padding-bottom:5px;}

    .destination p {border-bottom:1px solid #aaaaaa; margin:0px 20%; padding-top:0px;}
    .destination:nth-of-type(3) p {border-bottom:none;}
    .topsuchanfragen .left,
    .topsuchanfragen .right,
    .topsuchanfragen .center {width:100%; float:none; margin-bottom:15px; font-size: 1.2em;}

}

/* Anpassungen fuer Tablet --------------- */
@media only screen and (min-width: 760px) {
    /*body {background-color:blue;}*/
    /*.favbox {background-color:blue;}*/
    /*.bottomnav li {background-color:blue;}*/

    #content_center {height:auto;}

    .favbox {width:20.5%; float: left; margin:1% 0px; padding:1.5%; min-height:115px;}
    #favbox1 {min-height:109px;}
    #favbox2, #favbox3, #favbox4 {margin-left:1%;}
    #favbox4 {display: none;}

    #suchblock {min-height:279px;}
    #suche .box1, #suche .box2 {text-align:left; width:48%; margin-right:2%; float:left;}

    #content_head {padding:20px 0px; width: 100%;}

    #logo_teleauskunft,
    #logo_partnervongelbeseiten_text,
    #logo_partnervongelbeseiten,
    #logo_detemedien {float: left;}

    .destination {float:left; width: 33%;}
    .destination p {border:none;}

    .bottomnav {text-align:center; }
    .bottomnav li {text-align:center; border-right:#585858 solid 1px; float: left; }
    .bottomnav li:last-of-type {border-right:none;}


}

/* Mittlere Monitore bzw. iPad Landscape --------------- */
@media only screen and (min-width: 980px) {
    /*body {background-color:yellow;}*/
    /*.favbox {background-color:yellow;}*/
    /*.bottomnav li {background-color:yellow;}*/

    #wrapper {width:900px; margin:30px auto; }

    #content {min-height:510px;}
    #content_center {min-height:390px;}

    #logo_partnervongelbeseiten {padding:10px 60px 0px 0px; }

    .favbox {min-height:105px; }
    #favbox1 {min-height:99px;}

}

/* Große Monitore --------------- */
@media only screen and (min-width: 1280px) {
    /*body {background-color:pink;}*/
    /*.favbox {background-color: pink;}*/
    /*.bottomnav li {background-color:pink;}*/

    #column_left {width:70%; float:left;}
    #column_right {width:28%; margin-left:2%; float:right;}

    .favbox {width:90%; float: none; margin:0px 0px 5% 0px; padding:5%;}
    #favbox1 {min-height: initial; height:71px; margin-left:0px;}
    #favbox2 {min-height: initial; height:60px; margin-left:0px;}
    #favbox3 {min-height: initial; height:60px; margin-left:0px;}
    #favbox4 {min-height: initial; height:45px; margin-left:0px;}

    #bottomnav_index {min-height:40px; padding-top:24px; padding-bottom: 5px; }

}

.emailtext {margin: 0; padding: 3px; background: #f5f5f5;}

/* Anpassung Cookie-Hinweis */
.cookie-container {
	display: none;
	font-size: 18px;
	text-align: center;
	background: rgba(0, 0, 0, 0.75);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	padding: 0 10px;
	color: #FFFFFF;
}

.cookie-container a {
	color: #FFFFFF;
	text-decoration: underline;
}

.cookie-container .cookie {
	padding: 20px 0 40px 0;
	position: relative;
	max-width: 1224px;
	margin-right: auto;
	margin-left: auto;
}

.cookie-container .cookie button {
	border: none;
	font-size: 16px;
	vertical-align: middle;
	padding: 10px 25px;
	height: auto;
	line-height: 1.6;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	background: #FFFFFF;
	color: #000000;
	margin: 15px 0 0 0;
}


.datenschutz ol, .datenschutz ul {margin: 0; padding: 10px 0;}
.datenschutz ol ul {padding-left: 10px;}
.datenschutz ol ol {padding-left: 20px;}
.datenschutz ol li {margin: 0 0 10px 15px; padding: 0;}
.datenschutz td {margin: 0; padding: 0 5px 0 0; border: 0; vertical-align: top;}