@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic');
@import url('https://fonts.googleapis.com/css?family=Pacifico');

/* SocialPinect */

@font-face
    {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=3.2.1');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),
         url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),
         url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
    }

/* Body Formatierung - Body formatting */

html, body
{
background: url('../images/background.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Roboto', sans-serif;
font-size: 12px;
color: #444444;
line-height: 1em;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

header, footer, nav, menu, section, article, hgroup
{
display: block;
}

#overlaysy
{
position: fixed;
z-index: 1;
background: transparent url('../images/pattern.png') repeat top left;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.3;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
}

/* Kopfzeile - Header */

header
{
position: fixed;
overflow: visible;
z-index: 5000;
background-color: #ffffff;
margin: 0 auto;
width: 100%;
height: 40px;
top: 0;
border-bottom: 1px solid #dedede;
-webkit-box-shadow: 0 10px 6px -6px #777777;
-moz-box-shadow: 0 10px 6px -6px #777777;
box-shadow: 0 10px 6px -6px #777777;
}

.logo
{
font-family: 'Lobster', cursive;
font-size: 18px;
color: #2dabf9;
text-align: center;
margin-top: 14px;
}

/* Navigation */

nav
{
position: relative;
width: 1100px;
margin: 0 auto;
}

.left
{
float: left;
display: inline;
text-align: left;
width: 450px;
margin-top: 7px;
}
.middle
{
float: left;
display: inline;
text-align: center;
width: 200px;
}
.right
{
float: right;
display: inline;
text-align: right;
width: 450px;
margin-top: 14px;
}

/* Menü - Menu */

#menu
{
position: relative;
width: 100%;
margin: 0 auto;
}

#membermenu
{
background: #f3f3f3;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
background: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
background: -moz-linear-gradient(top, #ffffff, #f3f3f3);
background: -ms-linear-gradient(top, #ffffff, #f3f3f3);
background: -o-linear-gradient(top, #ffffff, #f3f3f3);
background: linear-gradient(top, #ffffff, #f3f3f3);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
width: 100%;
height: 50px;
margin: 0 auto;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-box-shadow: 1px 1px 3px #888888;
-moz-box-shadow: 1px 1px 3px #888888;
box-shadow: 1px 1px 3px #888888;
text-shadow: 1px 1px 0 #ffffff;
}

/* Fußzeile - Footer */

footer
{
position: absolute;
display: block;
z-index: 2;
margin: 0 auto;
width: 100%;
color: #ffffff;
text-align: center;
bottom: 15px;
}

/* Sektionen - Sections */

section
{
position: relative;
float: left;
display: inline;
}

#searching
{
margin-left: 10px;
}

/* Artikel - Articles */

article
{
position: relative;
text-align: center;
margin-top: 60px;
}

#statistic
{
color: #888888;
font-size: 12px;
}

.summary
{
font-family: 'Lobster', cursive;
font-size: 14px;
color: #7b7b7b;
}
.indent
{
margin-right: 10px;
}

/* Inhalt - Content */

#content
{
position: relative;
margin: 0 auto;
width: 100%;
height: 100%;
}

#makenewpin
{
display: none;
margin-top: -50px;
margin-bottom: 30px;
}

#update
{
background-color: #fff4ba;
width: 700px;
color: #606060;
font-size: 14px;
text-align: center;
padding: 20px;
margin: 0 auto;
margin-top: 90px;
margin-bottom: -40px;
border: 1px solid #cdcdcd;
border-top : none;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-box-shadow: 0 2px 3px #888888;
-moz-box-shadow: 0 2px 3px #888888;
box-shadow: 0 2px 3px #888888;
text-shadow: 1px 1px 0 #ffffff;
}

#login
{
position: absolute;
z-index: 2;
background: url('../images/login.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 700px;
height: 438px;
top: 50%;
left: 50%;
margin-top: -219px;
margin-left: -350px;
color: #ffffff;
font-size: 14px;
text-align: center;
padding: 12px 10px 5px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
-webkit-box-shadow: 0 3px 8px #000000;
-moz-box-shadow: 0 3px 8px #000000;
box-shadow: 0 3px 8px #000000;
text-shadow: 1px 1px 0 #333333;
}

#title
{
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}

.descitext
{
font-weight: 700;
color: #a4d9f9;
}

.sepbuttons
{
margin-right: 10px;
}

.imgpreview
{
margin-top: 30px;
margin-bottom: 5px;
}

#screenbox
{
position: relative;
background-color: #fefefe;
text-align: center;
margin: 0 auto;
padding: 10px;
width: 400px;
border: 1px solid #d8d8d8;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}

#contactbox
{
position: relative;
background-color: #fefefe;
text-align: center;
margin: 0 auto;
padding: 10px 10px 5px 10px;
width: 400px;
border: 1px solid #d8d8d8;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}

#discussionbox
{
position: relative;
background-color: #fefefe;
text-align: center;
margin: 0 auto;
padding: 10px 10px 5px 10px;
width: 400px;
border: 1px solid #d8d8d8;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}

#profilebox
{
position: relative;
background-color: #fefefe;
text-align: center;
margin: 0 auto;
padding: 10px 10px 5px 10px;
width: 400px;
border: 1px solid #d8d8d8;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}

#privacybox
{
position: relative;
background-color: #fefefe;
text-align: center;
margin: 0 auto;
padding: 10px 10px 20px 10px;
width: 600px;
border: 1px solid #d8d8d8;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}

#verify
{
position: relative;
width: 500px;
margin: 0 auto;
margin-top: 100px;
}

#mempins
{
position: relative;
width: 500px;
margin: 0 auto;
margin-top: 30px;
}

#error
{
position: relative;
width: 500px;
margin: 0 auto;
margin-top: 100px;
}

#termbox
{
position: relative;
width: 600px;
margin: 0 auto;
}

.signinbox
{
margin: 30px 0 10px 0;
}

#short
{
width: 400px;
}

#wide
{
width: 600px;
}

/* Video - Songs iframe */

.iframe
{
margin-top: 10px;
}

/* Links */

a
{
font-size: 12px;
color: #444444;
font-weight: normal;
text-decoration: none;
}
a:visited
{
font-size: 12px;
color: #444444;
font-weight: normal;
text-decoration: none;
}
a:active
{
font-size: 12px;
color: #444444;
font-weight: normal;
text-decoration: none;
}
a:hover
{
font-size: 12px;
color: #333333;
font-weight: normal;
text-decoration: none;
}

a.notices
{
color: #ffffff;
font-size: 12px;
font-weight: normal;
text-shadow: 1px 1px 0 #333333;
}
a.notices:active
{
color: #f1f1f1;
text-decoration: none;
}
a.notices:hover
{
color: #f1f1f1;
text-decoration: none;
}

a.navigation
{
font-family: "entypo";
color: #333333;
font-size: 25px;
font-weight: normal;
font-style: normal;
font-variant: normal;
}
a.navigation:active
{
color: #f1f1f1;
text-decoration: none;
}
a.navigation:hover
{
color: #f1f1f1;
text-decoration: none;
}

a.account
{
font-family: "entypo";
color: #8f8f8f;
font-size: 29px;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding: 0 5px 0 3px;
-webkit-transition: color .15s;
-moz-transition: color .15s;
-o-transition: color .15s;
transition: color .15s;
}
a.account:active
{
text-decoration: none;
}
a.account:hover
{
color: #2dabf9;
text-decoration: none;
}

a.settings
{
color: #555555;
text-decoration: none;
text-shadow: 1px 1px 0 #ffffff;
}
a.settings:active
{
text-decoration: none;
}
a.settings:hover
{
color: #2dabf9;
text-decoration: none;
text-shadow: 1px 1px 0 #ffffff;
}

a.mymenu-pin
{
font-family: "entypo";
color: #8f8f8f;
font-size: 26px;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding: 0 5px 0 5px;
-webkit-transition: color .15s;
-moz-transition: color .15s;
-o-transition: color .15s;
transition: color .15s;
}
a.mymenu-pin:active
{
text-decoration: none;
}
a.mymenu-pin:hover
{
color: #3cc800;
text-decoration: none;
}

a.mymenu-group
{
font-family: "entypo";
color: #8f8f8f;
font-size: 25px;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding: 0 5px 0 3px;
-webkit-transition: color .15s;
-moz-transition: color .15s;
-o-transition: color .15s;
transition: color .15s;
}
a.mymenu-group:active
{
text-decoration: none;
}
a.mymenu-group:hover
{
color: #00aec8;
text-decoration: none;
}

a.mymenu-friends
{
font-family: "entypo";
color: #8f8f8f;
font-size: 28px;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding: 0 5px 0 3px;
-webkit-transition: color .15s;
-moz-transition: color .15s;
-o-transition: color .15s;
transition: color .15s;
}
a.mymenu-friends:active
{
text-decoration: none;
}
a.mymenu-friends:hover
{
color: #d300d3;
text-decoration: none;
}

a.mymenu-friends-new
{
font-family: "entypo";
color: #d300d3;
font-size: 28px;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding: 0 5px 0 3px;
-webkit-transition: color .15s;
-moz-transition: color .15s;
-o-transition: color .15s;
transition: color .15s;
}
a.mymenu-friends-new:active
{
text-decoration: none;
}
a.mymenu-friends-new:hover
{
color: #d300d3;
text-decoration: none;
}

a.mymenu-pm
{
font-family: "entypo";
color: #8f8f8f;
font-size: 28px;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding: 0 5px 0 3px;
-webkit-transition: color .15s;
-moz-transition: color .15s;
-o-transition: color .15s;
transition: color .15s;
}
a.mymenu-pm:active
{
text-decoration: none;
}
a.mymenu-pm:hover
{
color: #c86e00;
text-decoration: none;
}

a.mymenu-pm-new
{
font-family: "entypo";
color: #c86e00;
font-size: 28px;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding: 0 5px 0 3px;
-webkit-transition: color .15s;
-moz-transition: color .15s;
-o-transition: color .15s;
transition: color .15s;
}
a.mymenu-pm-new:active
{
text-decoration: none;
}
a.mymenu-pm-new:hover
{
color: #c86e00;
text-decoration: none;
}

a.mymenu-home
{
font-family: "entypo";
color: #8f8f8f;
font-size: 25px;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding: 0 5px 0 3px;
-webkit-transition: color .15s;
-moz-transition: color .15s;
-o-transition: color .15s;
transition: color .15s;
}
a.mymenu-home:active
{
text-decoration: none;
}
a.mymenu-home:hover
{
color: #c81764;
text-decoration: none;
}

a.privacy
{
color: #555555;
font-size: 11px;
text-shadow: 1px 1px 0 #ffffff;
}
a.privacy:active
{
font-size: 11px;
text-decoration: none;
}
a.privacy:hover
{
color: #2dabf9;
font-size: 11px;
text-shadow: 1px 1px 0 #ffffff;
}

a.privacy_policy
{
color: #888888;
font-size: 11px;
text-decoration: underline;
}
a.privacy_policy:active
{
color: #888888;
font-size: 11px;
text-decoration: underline;
}
a.privacy_policy:hover
{
color: #555555;
font-size: 11px;
text-decoration: underline;
}

a.comment_link
{
color: #555555;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 0 #ffffff;
}
a.comment_link:active
{
color: #555555;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.comment_link:hover
{
color: #333333;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

a.del_pin
{
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
a.del_pin:active
{
color: #2dabf9;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
a.del_pin:hover
{
color: #2dabf9;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

a.mymenu-rss
{
font-family: "entypo";
color: #8f8f8f;
font-size: 25px;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding: 0 5px 0 3px;
-webkit-transition: color .15s;
-moz-transition: color .15s;
-o-transition: color .15s;
transition: color .15s;
}
a.mymenu-rss:active
{
text-decoration: none;
}
a.mymenu-rss:hover
{
color: #c81764;
text-decoration: none;
}

a.mfooli
{
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
a.mfooli:active
{
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
a.mfooli:hover
{
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

a.main_tlinks
{
color: #ffffff;
font-size: 12px;
font-weight: normal;
margin-right: 10px;
text-shadow: 1px 1px 0 #333333;
}
a.main_tlinks:active
{
color: #f1f1f1;
text-decoration: none;
}
a.main_tlinks:hover
{
color: #f1f1f1;
text-decoration: none;
}

a.main_tlinksl
{
color: #ffffff;
font-size: 12px;
font-weight: normal;
text-shadow: 1px 1px 0 #333333;
}
a.main_tlinksl:active
{
color: #f1f1f1;
text-decoration: none;
}
a.main_tlinksl:hover
{
color: #f1f1f1;
text-decoration: none;
}

/* Platzhalter - Separators */

.separator
{

}
.spacer
{
margin-left: 15px;
}

/* Überschriften - Headlines */

h1
{
font-family: 'Pacifico', cursive;
font-size: 50px;
color: #2dabf9;
font-weight: bold;
text-decoration: none;
.inset {text-shadow: -1px -1px 0px #222222, 1px 1px 0px #ffffff;}
}
h2
{
font-family: 'Lobster', cursive;
font-size: 18px;
color: #2dabf9;
}
h3
{
font-size: 16px;
color: #555555;
text-align: left;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 0 #ffffff;
}
h4
{
font-size: 20px;
color: #999999;
text-align: center;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 0 #ffffff;
}

/* Textformatierungen - Text formatting */

.separator
{
margin-top: 70px;
}
.custom
{
font-family: "entypo";
font-size: 23px;
padding-right: 6px;
}
.dot
{
font-size: 14px;
margin-right: 5px;
}
.information
{
color: #888888;
font-size: 11px;
margin-top: 25px;
}
.headline
{
text-align: center;
margin-top: 15px;
margin-bottom: 30px;
}
.service_headline
{
font-size: 14px;
color: #555555;
text-align: center;
font-weight: bold;
text-decoration: none;
margin-top: 20px;
text-shadow: 1px 1px 0 #ffffff;
}
.mkp_statistic
{
margin-top: 25px;
font-size: 11px;
text-shadow: 1px 1px 0 #000000;
}

/* Anmelde und Registrierungs-Buttons - Login and register buttons */

.join
{
display: inline-block;
cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
background: -moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
background-color: #2dabf9;
font-family: 'Roboto', sans-serif;
color: #ffffff;
text-decoration: none;
font-size: 15px;
padding: 9px 23px;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
box-shadow:inset 0px -3px 7px 0px #29bbff;
text-shadow: 0px 1px 0px #333333;
}
.join:active
{
position: relative;
top: 1px;
}
.join:hover
{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
background: -moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: -webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: -o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: -ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
background-color: #0688fa;
}

.signin
{
display: inline-block;
cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1));
background: -moz-linear-gradient(top, #ffffff 5%, #d1d1d1 100%);
background: -webkit-linear-gradient(top, #ffffff 5%, #d1d1d1 100%);
background: -o-linear-gradient(top, #ffffff 5%, #d1d1d1 100%);
background: -ms-linear-gradient(top, #ffffff 5%, #d1d1d1 100%);
background: linear-gradient(to bottom, #ffffff 5%, #d1d1d1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0);
background-color: #d1d1d1;
font-family: 'Roboto', sans-serif;
color: #555555;
text-decoration: none;
font-size: 15px;
padding: 9px 23px;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-moz-box-shadow:inset 0px -3px 7px 0px #ffffff;
-webkit-box-shadow:inset 0px -3px 7px 0px #ffffff;
box-shadow:inset 0px -3px 7px 0px #ffffff;
text-shadow: 0px 1px 0px #ffffff;
}
.signin:active
{
position: relative;
top: 1px;
}
.signin:hover
{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #ffffff));
background: -moz-linear-gradient(top, #d1d1d1 5%, #ffffff 100%);
background: -webkit-linear-gradient(top, #d1d1d1 5%, #ffffff 100%);
background: -o-linear-gradient(top, #d1d1d1 5%, #ffffff 100%);
background: -ms-linear-gradient(top, #d1d1d1 5%, #ffffff 100%);
background: linear-gradient(to bottom, #d1d1d1 5%, #ffffff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0);
background-color: #d1d1d1;
}

/* Buttons */

.button
{
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -webkit-linear-gradient(top, #ffffff, #efefef);
background: -moz-linear-gradient(top, #ffffff, #efefef);
background: -ms-linear-gradient(top, #ffffff, #efefef);
background: -o-linear-gradient(top, #ffffff, #efefef);
background: linear-gradient(top, #ffffff, #efefef);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#efefef',GradientType=0);
font-size: 12px;
color: #3f3f3f;
font-weight: normal;
text-decoration: none;
padding: 4px 7px;
border: 1px solid #cecece;
border-bottom: 1px solid #acacac;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 #ffffff;
}
.button:active
{
color: #3f3f3f;
font-weight: normal;
text-decoration: none;
}
.button:hover
{
background: #f1f1f1;
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f2f2f2));
background: -webkit-linear-gradient(top, #f1f1f1, #f2f2f2);
background: -moz-linear-gradient(top, #f1f1f1, #f2f2f2);
background: -ms-linear-gradient(top, #f1f1f1, #f2f2f2);
background: -o-linear-gradient(top, #f1f1f1, #f2f2f2);
background: linear-gradient(top, #f1f1f1, #f2f2f2);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f2f2',GradientType=0);
font-size: 12px;
color: #3f3f3f;
font-weight: normal;
text-decoration: none;
}

/* Textfelder - Text fields */

.field
{
background-color: #f9f9f9;
font-size: 12px;
color: #444444;
width: 300px;
padding: 5px 8px 5px 8px;
border: 1px solid #c7c7c7;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 0 1px 0 #ffffff;
}
.field:hover
{
border: 1px solid #c7c7c7;
box-shadow: 0 0 3px rgba(204,204,204,.8);
}
.field:focus
{
border: 1px solid #c7c7c7;
box-shadow: 0 0 3px rgba(204,204,204,.8);
}

.small_field
{
background-color: #f9f9f9;
font-size: 12px;
color: #444444;
width: 220px;
padding: 5px 8px 5px 8px;
border: 1px solid #c7c7c7;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 0 1px 0 #ffffff;
}
.small_field:hover
{
border: 1px solid #c7c7c7;
box-shadow: 0 0 3px rgba(204,204,204,.8);
}
.small_field:focus
{
border: 1px solid #c7c7c7;
box-shadow: 0 0 3px rgba(204,204,204,.8);
}

.upload_field
{
background-color: #ffffe3;
font-size: 12px;
color: #444444;
width: 400px;
padding: 7px 8px 7px 8px;
border: 1px solid #dedede;
margin-top: 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 0 1px 0 #ffffff;
}

.textfield
{
background-color: #f9f9f9;
font-size: 14px;
color: #444444;
width: 350px;
padding: 8px;
border: 1px solid #dedede;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 0 1px 0 #ffffff;
}

.embedfield
{
background-color: #f9f9f9;
font-size: 11px;
color: #444444;
width: 310px;
padding: 5px;
border: 1px solid #dedede;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}

/* Textareas - Text areas */

.contactfield
{
background-color: #f9f9f9;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #444444;
width: 350px;
height: 150px;
padding: 8px;
border: 1px solid #dedede;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 0 1px 0 #ffffff;
}

.commentfield
{
background-color: #f9f9f9;
font-family: 'Roboto', sans-serif;
font-size: 12px;
color: #444444;
width: 300px;
height: 50px;
padding: 8px;
border: 1px solid #dedede;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 0 1px 0 #ffffff;
}

.profilefield
{
background-color: #f9f9f9;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #444444;
width: 350px;
height: 150px;
padding: 8px;
border: 1px solid #dedede;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 0 1px 0 #ffffff;
}

.embedarea
{
background-color: #f9f9f9;
font-family: 'Roboto', sans-serif;
font-size: 11px;
color: #444444;
width: 310px;
padding: 5px;
border: 1px solid #dedede;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}

/* DropDown */

.dropdown
{
background-color: #f9f9f9;
font-size: 12px;
color: #444444;
width: 150px;
padding: 5px 8px 5px 8px;
border: 1px solid #c7c7c7;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.dropdown:hover
{
border: 1px solid #c7c7c7;
box-shadow: 0 0 3px rgba(204,204,204,.8);
}
.dropdown:focus
{
border: 1px solid #c7c7c7;
box-shadow: 0 0 3px rgba(204,204,204,.8);
}

/* Suchfeld - Search field */

.search
{
background: #ffffff url('../images/search.png') no-repeat right;
color: #555555;
font-size: 12px;
font-weight: normal;
text-decoration: none;
width: 200px;
padding: 5px 30px 5px 8px;
border: 1px solid #fafafa;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-box-shadow: 0 0 1px #bababa;
-moz-box-shadow: 0 0 1px #bababa;
box-shadow: 0 0 1px #bababa;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
text-shadow: 1px 1px 0 #ffffff;
}

/* Kategorien-Navigation - Categories navigation */

#categories
{
float: left;
display: inline;
background: #ffffff;
width: 25px;
height: 25px;
border: 1px solid #fafafa;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-box-shadow: 0 0 1px #bababa;
-moz-box-shadow: 0 0 1px #bababa;
box-shadow: 0 0 1px #bababa;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
#categories ul
{
margin: 0;
padding: 0;
list-style: none;
}
#categories li
{
margin: 0;
padding: 0;
}
#categories a
{
margin: 0;
padding: 0;
text-decoration: none;
}
#categories > ul > li
{
position: relative;
float: left;
}
#categories > ul > li > a
{
font-family: "entypo";
color: #8f8f8f;
font-size: 31px;
font-weight: normal;
font-style: normal;
font-variant: normal;
padding: 0 4px;
-webkit-transition: color .15s;
-moz-transition: color .15s;
-o-transition: color .15s;
transition: color .15s;
}
#categories > ul > li > a:hover
{
color: #2dabf9;
}
#categories > ul > li > ul
{
opacity: 0;
visibility: hidden;
position: absolute;
background-color: #fafafa;
text-align: left;
top: 55px;
left: 50%;
width: 180px;
padding: 13px 0 10px 0;
margin-top: -12px;
margin-left: -90px;
-webkit-transition: all .3s .1s;
-moz-transition: all .3s .1s;
-o-transition: all .3s .1s;
transition: all .3s .1s;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
#categories > ul > li:hover > ul
{
opacity: 1;
top: 65px;
visibility: visible;
}
#categories > ul > li > ul:before
{
content: '';
display: block;
border-color: transparent transparent #fafafa transparent;
border-style: solid;
border-width: 10px;
position: absolute;
top: -20px;
left: 50%;
margin-left: -10px;
}
#categories > ul ul > li
{
position: relative;
}
#categories ul ul a
{
background-color: #fafafa;
color: #555555;
padding: 5px 8px 7px 16px;
display: block;
-webkit-transition: background-color 0.1s;
-moz-transition: background-color 0.1s;
-o-transition: background-color 0.1s;
transition: background-color 0.1s;
text-shadow: 1px 1px 0 #ffffff;
}
#categories ul ul .first
{
margin-top: 10px;
}
#categories ul ul .last
{
margin-bottom: 10px;
}
#categories ul ul .between
{
border-bottom: 1px solid #dedede;
}
#categories ul ul .icons
{
font-family: "entypo";
font-size: 23px;
padding-right: 5px;
}
#categories ul ul .long
{
padding-right: 8px;
}
#categories ul ul .privacy
{
font-size: 11px;
margin-top: 10px;
}
#categories ul ul ul
{
visibility: hidden;
opacity: 0;
position: absolute;
background-color: #fafafa;
top: -16px;
left: 206px;
padding: 16px 0 20px 0;
text-align: left;
width: 180px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
#categories ul ul > li:hover > ul
{
opacity: 1;
left: 190px;
visibility: visible;
}
#categories ul ul a:hover
{
background-color: #f5f5f5;
color: #2dabf9;
text-shadow: 1px 1px 0 #ffffff;
}

/* Mitglieder-Menü - Members menu */

#myaccount
{
position: absolute;
display: none;
z-index: 5000;
background-color: #fafafa;
color: #555555;
text-align: left;
top: 24.5px;
right: 0;
width: 120px;
padding: 5px 5px 5px 14px;
margin-top: 36px;
margin-right: -57px;
*margin-right: -58px;
border-bottom: 1px solid #dedede;
-webkit-transition: all .3s .1s;
-moz-transition: all .3s .1s;
-o-transition: all .3s .1s;
transition: all .3s .1s;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
#myaccount:before
{
content: '';
display: block;
border-color: transparent transparent #fafafa transparent;
border-style: solid;
border-width: 10px;
position: absolute;
top: -20px;
left: 50%;
margin-left: -10px;
}

#mynav
{
float: right;
display: inline;
background: #ffffff;
width: 25px;
height: 25px;
margin-top: -7px;
border: 1px solid #fafafa;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-box-shadow: 0 0 1px #bababa;
-moz-box-shadow: 0 0 1px #bababa;
box-shadow: 0 0 1px #bababa;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
#newpin
{
float: right;
display: inline;
background: #ffffff;
width: 25px;
height: 25px;
margin-top: -7px;
margin-right: 10px;
border: 1px solid #fafafa;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-box-shadow: 0 0 1px #bababa;
-moz-box-shadow: 0 0 1px #bababa;
box-shadow: 0 0 1px #bababa;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
}

/* Hinweise - Notifications */

.success
{
background: #eaf4e2;
color: #61a06f;
font-size: 11px;
font-weight: bold;
padding: 8px 8px 8px 34px;
border: 1px solid #c1dea9;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.failed
{
background: #f7e7e4;
color: #b55351;
font-size: 11px;
font-weight: bold;
padding: 8px 8px 8px 34px;
border: 1px solid #ecbeb6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.nopins
{
background: #f7e7e4;
font-family: 'Lobster', cursive;
font-size: 18px;
color: #b55351;
text-align: center;
width: 500px;
padding: 30px 5px 30px 5px;
border: 1px solid #ecbeb6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.nosee
{
background: #f7e7e4;
font-family: 'Lobster', cursive;
font-size: 16px;
color: #b55351;
text-align: center;
width: 500px;
padding: 20px 5px 20px 5px;
border: 1px solid #ecbeb6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.nosite
{
background: #f7e7e4;
font-family: 'Lobster', cursive;
font-size: 18px;
color: #b55351;
text-align: center;
width: 500px;
padding: 30px 5px 30px 5px;
border: 1px solid #ecbeb6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.noaccess
{
background: #f7e7e4;
font-family: 'Lobster', cursive;
font-size: 18px;
color: #b55351;
text-align: center;
width: 500px;
padding: 30px 5px 30px 5px;
border: 1px solid #ecbeb6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.alert
{
display: none;
background: #eaf4e2;
color: #61a06f;
font-size: 11px;
font-weight: bold;
width: 324px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 15px;
padding: 8px 8px 8px 34px;
border: 1px solid #c1dea9;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.allowed
{
background: #eaf4e2;
color: #61a06f;
font-size: 11px;
font-weight: bold;
padding: 8px 8px 8px 34px;
border: 1px solid #c1dea9;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.forbidden
{
background: #f7e7e4;
color: #b55351;
font-size: 11px;
font-weight: bold;
padding: 8px 8px 8px 34px;
border: 1px solid #ecbeb6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.feedback
{
display: none;
}
.callback
{
display: none;
}
.logback
{
display: none;
}

.done
{
background: #eaf4e2;
color: #61a06f;
font-size: 11px;
font-weight: bold;
width: 370px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 15px;
padding: 8px 8px 8px 34px;
border: 1px solid #c1dea9;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.false
{
background: #f7e7e4;
color: #b55351;
font-size: 11px;
font-weight: bold;
width: 370px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 15px;
padding: 8px 8px 8px 34px;
border: 1px solid #ecbeb6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}

.notice
{
background-color: #2dabf9;
padding: 15px 0;
margin-top: 20px;
}

.information_inline
{
color: #b55351;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0 #ffffff;
}
.question_inline
{
color: #61a06f;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0 #ffffff;
}
.success_inline
{
color: #61a06f;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0 #ffffff;
}
.failed_inline
{
color: #61a06f;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0 #ffffff;
}

.right_activation
{
width: 500px;
}
.false_activation
{
width: 500px;
}

/* PopUp Fenster - Popup windows -- Modal */

#register
{
display: none;
}
#loggen
{
display: none;
}
#termsofuse
{
display: none;
}
#popprivacy
{
display: none;
}
#popdisclaimer
{
display: none;
}
#popimprint
{
display: none;
}

#simplemodal-overlay
{
background-color: #555555;
}

#simplemodal-container
{
background: #eeeeee url('../images/glossy.png') no-repeat -200px -80px;
color: #606060;
text-align: center;
padding: 12px;
border: 1px solid #bbbbbb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
text-shadow: 1px 1px 0 #ffffff;
}
#simplemodal-container .simplemodal-data
{
padding: 8px;
}
#simplemodal-container code
{
display: block;
background: #141414;
color: #bbbbbb;
font-size: 12px;
padding: 4px 6px 6px;
margin-bottom: 12px;
border-left: 3px solid #65b43d;
}
#simplemodal-container a.modalCloseImg
{
position: absolute;
display: inline;
cursor: pointer;
z-index: 6000;
background:url(../images/close.png) no-repeat;
width: 32px;
height: 32px;
top: -18px;
right: -18px;
}

.additionals
{
display: none;
}

/* Nach oben scrollen - Scroll to top */

.scrollup
{
display: none;
position: fixed;
background: url('../images/top.png') no-repeat;
width: 40px;
height: 40px;
bottom: 25px;
right: 25px;
text-indent: -9999px;
opacity: 0.3;
}

/* Linien - Lines */

#line
{
clear: both;
width: 99%;
height: 1px;
margin: 25px 0;
border-bottom: 1px solid #cecece;
}

/* Leeren - Clear */

.clear
{
clear: both;
}
.clear_long
{
clear: both;
margin-top: 30px;
}
.clear_wide
{
clear: both;
margin-bottom: 20px;
}
.clear_form
{
clear: both;
margin-bottom: 20px;
}
.clear_message
{
clear: both;
margin-bottom: 30px;
}
.clear_pins
{
clear: both;
margin-bottom: 50px;
}

/* Allgemeine Formatierungen - General formattings */

form
{
border: none;
}
table
{
font-size: 12px;
}
li
{
list-style-type: none;
}
ul
{
list-style: none;
}
ol
{
list-style: none;
}
label
{
font-size: 11px;
font-weight: normal;
margin-left: 1px;
text-shadow: 1px 1px 0 #ffffff;
}

/* Skalierung - Responsive */

@media screen and (max-width : 1240px) {
	body{
		overflow:auto;
	}
}
@media screen and (max-width : 900px) {
	#wrapper{
		margin-top: 90px;
	}
}