body{margin:0px;padding:0px;font-family: 'Didact Gothic', Calibri, Arial, Verdana, Arial;font-size:16px;height:100%;width:100%;}
a{color:blue;}
a:hover{text-decoration:none;}
.Site {display: flex;min-height: 100vh;flex-direction: column;}
.Site-content {flex: 1;text-align:center;}
.header{min-height:90px;background-color:#ffbb03;margin:5px 0 0 0;background-image: url('https://www.flashmodels.de/img/hg_1.jpg'); background-repeat:no-repeat;  background-position:550px -10px;}
.header .flex-box .b{align-self: flex-end;} 
.header .flex-box .c{height:50px;margin-top:5px;}

.wrapper_middle{margin-top:20px;}

.topline{text-align:center;background:#c6c6c6;min-height:30px;margin:5px 0 5px 0;background-image: url('https://www.flashmodels.de/img/hg_2.jpg'); background-repeat:no-repeat;  background-position:650px -10px;font-size:.8em;padding:5px 0 0 0;}

.t1{font-size:1.2em;margin-left:50px;}
.t2{margin-left:70px; color: #644600; font-weight:normal; font-size:1.4em;}
.t5{font-size:1.6em; margin-top:10px;}
.t6{font-size:2em; margin:0px 0px 20px 80px;}

.footer{background:#efefef;min-height:130px;padding:50px 0 50px 0;margin-top:50px;}

.flex-box{display:flex;flex-direction:row;/*background:orange;*/width:1300px;margin:auto;}
.flex-box .a{width:300px;/*background:blue;*/text-align:left;}
.flex-box .b{width:100px;flex-grow:1;/*background:#0ff*/;text-align:left;}
.flex-box .c{width:300px;/*background:red;*/text-align:left;}

.flex-box_fotograf{display:flex;flex-direction:row;width:100%;margin:auto; margin:20px 0 20px 0;padding:10px 0 10px 0; border-top:1px solid silver;}
.flex-box_fotograf .a5{width:50%;/*background:red;*/text-align:left;padding:0 5px 0 0;}
.flex-box_fotograf .b5{width:50%;/*background:red;*/text-align:left;padding:0 0 0 5px;}
.flex-box_fotograf .b5 img{width:100px; height:100px; float:left; padding:0 5px 5px 0;}

.Site-content .flex-box{/*background:silver*/;min-height:600px;}
.footer .flex-box{width:1000px;}

.topline .flex-box .b{text-align:right;margin-right:2px;font-size:.8em;}

.a h2{font-size:1.6em;display:inline;}
.flex-box_fotograf .b1{margin-top:20px;}
.flex-box_fotograf a{color:blue;}
.fotografenlinks{border-top:1px solid silver;margin:20px 0 20px 0;padding:10px 0 10px 0;}
.fotografenlinks ul{margin:0;padding:0;}
.fotografenlinks li{margin:0;padding:0;list-style: none;padding:0px;}
.fotografenlinks a{color:blue;}

.masterbox-button{position:absolute;z-index:10;text-align:right;right:28px; top:8px; font-size:.8em;color:#000;}

.dsinfo{display:none;position:fixed;z-index:999;background-color: rgba(50,50,50,.9); bottom:0px;width:100%;padding:0px;text-align:center;color:#fff;font-size:1em;}  
.dsinfo div{padding:15px 5px 10px 5px;}
.dsinfo a{color:#fff;}
.dsinfo span{margin-top:10px;background:#6D6D6D;padding:0 10px 0 10px;vertical-align: -.1em;}
.dsinfo_close{text-decoration:none;font-size:1.6em;padding:0;20px;0;20px;  cursor: pointer;}

.topmenu{text-align:right;}
.topmenu ul{padding:0;margin:0;list-style: none;}
.topmenu li{;text-decoration:none;display:inline;}
.topmenu a{text-decoration:none; color:#000;}
.topmenu a:hover{text-decoration:underline; color:#000;}

.footer{color:gray;}
.footer a{color:gray;text-decoration:none;}
.footer a:hover{color:#000;text-decoration:underline;}
.footer ul{padding:0;margin:0;list-style: none;}
.footer li{text-decoration:none;margin-bottom:5px;}

.flex-box .a1{width:30%;/*background:blue;*/text-align:left;}
.flex-box .a2{width:30%;flex-grow:1;/*background:#0ff*/;text-align:left;}
.flex-box .a3{width:30%;/*background:red;*/text-align:left;}

.logo{width:280px;height:auto;}
.scroll{position:fixed; z-index:5; bottom:40px; right:40px; width:80px; display:none;font-size:80px; color:#000;}
#bildschirmbreite{position:fixed;z-idex:5;}

#slideshow{width:600px; height:250px; margin-top:10px; overflow:hidden; border:0px;}
#slideshow img{border:0px;}
.balkenbox{width:600px;}
.balken{width:600px; height:3px; width:1px; background:silver;}

.fotoboxstartseite{margin-top:20px;border-top:1px solid silver;}
.citytext{min-height:190px;border-bottom:1px solid silver; height:150px; padding:5px 10px 2px 0;font-size:.9em;clear:both;}
.citytext h2{display:inline;}
.cityimg{float:left;width:140px;height:130px;margin-right:10px;}

.pflichtfeld{color:red;}
.profil-deaktiviert{font-size:1.4em;background-color:#ac0004; color:#fff;padding:5px 20px 5px 20px;margin:0 10px 0 0;}
/* Menü */     

.mobile_menu_button{display:none;position:absolute;z-index:30;right:30px;top:80px;cursor: pointer; cursor: hand;color:#000;}
.mobile_menu_button .fa{font-size:2.4em;}
.mobile_menu_button div{font-size:.75em;}
.mobile_close{display:none;text-align:right;margin:10px 20px 10px 0;cursor: pointer; cursor: hand;}

.menubox{min-height:220px;height:auto !important;height:220px;padding:10px 0px 10px 0px;}
ul.menu{list-style: none;display:block;padding:0px;margin:0px;}
ul.menu li a{display:block;color:#000;text-decoration:none;padding:2px 0px 2px 5px;}
ul.menu li a:hover{background-color:#f7f7f7;font-weight:bold;}
ul.menu li li a:hover{background-color:#f7f7f7;}
ul.menu li li a{display:block;color:#000;padding-left:30px;}
ul.menu li ul{display: none;list-style: none;padding:0px;}
ul.menu li:hover ul{display:block;}


/* aktive Zustände */
li.active{font-style:italic;font-weight:bold;}
ul.menu li.active ul{display:block;color:#000;padding-left:0px;font-weight:normal;font-style:normal;}
a.sub_active{font-weight:bold;background-color:#fff;}
/* Ende Menü */

/* Left Accordion Menü  */
.menu_list {width:100%;font-size:1.3em;}
.menu_head {padding: 2px;cursor: pointer;position: relative;margin:1px;}
.menu_head a{color:#000;text-decoration:none;display:block;}

.menu_head:hover{background-color:#efefef;}

.menu_body {display:none;}
.menu_body a, .m_open a{display:block;padding:2px 0 2px 30px;text-decoration:none;color:#000;}
.menu_body a:hover, .m_open a:hover{color: #000000;text-decoration:none; background-color:#efefef;font-weight:bold;}
.m_active{color:#000;font-weight:bold;text-decoration:none;font-style:italic;}
a.myaccount{color:blue;} 

/* Ende Accordion Menü  */
.squaredTwo{float:left;}

.sedcard{float:left;width:135px;height:240px;font-size:.8em;}
.inout{display: none;}
.sedcard-info{font-weight:bold;}
.sedcard-info-b{margin:0 0 0 10px;}
div.sedcard-online{position:absolute; background-color:#d9ff6d; color:#green; text-align:right; padding:0px 2px 0px 2px; margin:109px 0px 0px 15px;}
.sedcard-newfoto{position:absolute; background-color:#ac000c; color:#fff; font-size:11px; text-align:right; padding:0px 2px 0px 2px; margin:4px 0px 0px 7px;}
.bildschatten {background: url('https://www.flashmodels.de/img/bildschatten200.png') no-repeat bottom left; padding: 7px 7px 27px 15px;}
div.sedcard-premium{position:absolute; background-color:#d9ff6d; color:#green; font-size:11px; text-align:right; padding:0px 2px 0px 2px; margin:108px 0px 0px 9px; background: url('https://www.flashmodels.de/img/premium.png') no-repeat top left; width:50px; height:50px;}
.fa-heart-o.sedcard-single{color:red;margin:0 0 0 2px;font-size:.8em;font-weight:bold;}
.chooseline{text-align:center;margin:30px 0 30px 0;font-size:1.5em;}
.chooseline a{color:blue; margin-right:5px;}
.result{font-weight:bold;margin:0 3px 0 0;}
.suchbox{margin-bottom:20px;font-size:1.2em;background:#efefef;padding:10px;}
.suchbox div{margin:10px 0 10px 0;}
.suchbox a{color:blue;}
.suchbox .fa-times{color:red;}
.addperson{margin-bottom:20px; font-size:1em;}

.fix{position:absolute;}
.fix-left-a{position:fixed;margin:30px 0 0 0; width:200px; height:100px;}
.online_mem{color:blue;text-decoration:none;}
.online_mem:hover{text-decoration:underline;}


.fa-star{color:#ffbb03;font-size:1em;text-shadow: 1px 1px gray;padding:0 1px 0 0;}
.bottominfo{font-size:.8em;}
.bottominfoB{font-size:.8em;margin:20px 0 0 0;} /* rechtshinweis */
.bottominfoB .fa-exclamation-circle{color:#ca0004;font-size:1.4em;}
/* --- LoginMaske --- */
.loginboxA{border:2px solid #efefef; border-left:20px solid #efefef; padding:10px; background:#f5f5f5;}
.loginboxB{border:2px solid #dbeaff; border-left:20px solid #dbeaff; padding:10px; background:#ebf4ff;margin:10px 0 0 0;}
.loginboxA a{color:blue;}
.loginboxA a:hover{text-decoration:none;}
.loginboxA .b5{margin-top:40px; padding-top:10px; border-top:1px solid silver;}

/* ---- LOGINBereich ------------------- */
.stammdatenbox{background-color:#f7f7f7; border:3px solid #efefef; margin-bottom:10px; padding-bottom:10px; padding:5px;}
.stamm-flex{display:flex;flex-direction:row;/*background:orange;*/background-color:#f7f7f7;margin:0 0 10px 0;}
.tds_left{display:block; width:200px;/*background:blue;*/}
.tds_middle{display:block; width:30px;/*background:red;*/}
.tds_right{display:block; /*background:green;*/}
.dataformular{width:200px;}
.phbox{width:400px;}

.myaccount_middle{margin-top:20px;padding:0 10px 10px 0;}
.myaccount_middle a{color:blue;}
.myaccount_middle a:hover{text-decoration:none;}

.myaccountT1{font-size:1.6em;margin-top:30px;}
.myaccountT2{font-size:1.3em;margin-left:30px;}
.myaccountinfobox{margin:10px 0 10px 0; border-bottom:1px solid silver;padding:10px 10px 10px 0;}
.pichinweis{background-color:#f7f7f7; margin:10px 0px 10px 0px; width:80%; border:3px solid #ff676a;padding:3px;min-height:50px;padding:10px;}

.right{text-align:right;}
.onlink{background:green; color:lime;padding:1px 5px 1px 5px;margin:1px 0 1px 0;}
.offlink{background:red; color:#fff;padding:1px 5px 1px 5px;margin:1px 0 1px 0;}
.rbox{margin:0px 0px 2px 2px; padding-bottom:2px; border-bottom:1px solid silver;}
.status_premium, .status_standard{text-decoration:none;color:#000;}

.who_button_off{display:inline-block; background-color:red;color:#fff; font-size:1.4em;padding:3px; margin-bottom:10px; width:200px; text-align:center; font-weight:bold;}
.who_link_off a{color:green;margin:0 5px 0 5px;}
.who_button_on{display:inline-block; background-color:green;color:lime; font-size:1.4em;padding:3px; margin-bottom:10px; width:200px; text-align:center; font-weight:bold;}
.who_link_on a{color:red;margin:0 5px 0 5px;}

.arrowbox{text-align:center;font-size:3em;color:red;}
.rupdateinfo{margin-bottom:2px; padding-bottom:2px; border-bottom:1px solid silver; text-align:center; background-color:#c3deff; border-top:5px solid #7bb5ff; border-bottom:5px solid #7bb5ff; margin:10px 0px 10px 0px;}
.rupdateinfo a{display:block;color:blue; font-size:1.3em;margin:5px 0 5px 0;}
.rupdateinfo div{font-size:.8em;}
.acceptbox{background-color:#f7f7f7; border:3px solid #efefef; padding:15px;}
.login_formbutton{font-size:1.3em;padding:3px 10px 3px 10px;}
.myformbutton{padding:5px 10px 5px 10px; font-size:1em;}
.zertifikatbox{background:#e6c7ff;text-align:center;font-size:1.3em;padding:15px 0 15px 0;border:2px solid #d7a5ff;margin:0 0 10px 0;}

/* ---- aus alter Version ------ */

/* Bilder / Thumbs */
ul.pic-box {
position: relative;
margin-left:20px;
margin-right:20px;
padding-left:0px; 
}

ul.pic-box li{
position: relative;
display: inline; 
float: left;
margin-right:3px;
border:0px solid red; 
}

ul.pic-box div{
position:absolute;
text-align:left;
color:#fff;
margin:-50px 0px 0px 15px;
visibility:hidden;
filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7;  -opera-opacity:0.7; 
}

a.button250x30 {
  float:left;
  margin:auto;
  color:blue;
  line-height:28px;
  display:block;
  width:255px;
  height:28px;
  text-align:center; 
  text-decoration:none; 
  font-size:16px; 
  font-weight:bold;
  background:transparent url('http://www.flashmodels.de/img/button_mail.png') no-repeat top left;
}
 
a.button250x30:hover {
  background:transparent url('http://www.flashmodels.de/img/button_mail.png') no-repeat bottom left;
}

/* --- Friend --- */
a.buttonfriend, a.buttonfriend_normal {
  line-height:28px;
  display:block;
  width:400px;
  height:28px;
  padding-left:58px;
  margin:0px 0 20px 0;
  text-decoration:underline; 
  font-size:16px; 
  font-weight:bold;
  color:blue;
  background:transparent url('http://www.flashmodels.de/img/button_friend.png') no-repeat top left;
}

a.buttonfriend:hover, a.buttonfriendactive {
  background:transparent url('http://www.flashmodels.de/img/button_friend.png') no-repeat bottom left;
}

.friendinfobox{
/*float:left;*/ width:450px; padding:2px; margin:0 0 10px 0; border:1px solid #e1e1e1; display:none;
}

.infobox2{
background-color:#fff8e5; border:1px solid #ffdd81; text-align:left; font-size:20px; display:table; width:100%; padding:5px;
}

.infobox2 a{color:blue;}

#inout_friend{
display:block;
width:100%;
margin:10px 0 20px 0;
}

.friendbox{
  text-align:center; min-height:150px; padding:5px;
}