/* standard elements */
html {min-height: 100%;}
* {
margin: 0;
padding: 0;
}
a { color: #2d5791 }
INPUT { color: #d94936; border-width: 1px }
a:hover {color: #C60;}
/*body { color: #444; font: 62.5% Tahoma, sans-serif; background: #207987 url(img/bg.jpg) repeat-x left bottom }
*/
body { font-size: 11px; font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; background-color: #207987; margin: 0 auto; padding: 0 }
p,code,ul {padding-bottom: 1.2em;}
li {list-style: none;}
h1 {
font: normal 1.8em Tahoma,sans-serif;
margin-bottom: 4px;
}
code {
background: #FFF;
border: 1px solid #EEE;
border-left: 6px solid #C1CAD3;
color: #666;
display: block;
font: normal 1em Tahoma,sans-serif;
line-height: 1.6em;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
blockquote {
background: url(img/quote.gif) no-repeat;
display: block;
font-weight: bold;
padding-left: 28px;
}
h1,h2,h3 {padding-top: 6px;}
h4 { color: #333; font-size: 12px; font-family: sans-serif; text-decoration: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 0; height: 20px }
/* misc */
.clearer { width: 100px; height: 5px; clear: both }
.left { float: left }
.left h4 { font-size: 20px; margin-top: 17px }
.right {float: right;}
/* structure */
.container { font-size: 1.2em; background: #fff; margin: 0 auto; padding: 0 10px 10px; width: 780px }
.werbung { margin: 255px auto 0 5px; width: 160px; height: 600px; float: right; clear: both }
/* main */
.main { background-image: url(img/bgmain2.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; border-top: 4px solid #fff }
.main_community { background-color: #fafafa; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; border-top: 4px solid #fff }
/* für Profil */
.prosidenav { width: 300px }
.procontent { margin: 0 0 10px; padding: 0 2px; width: 460px; float: right; border-left: 1px solid #ededed }
.controlpanel { font-size: 11px; font-family: Arial; margin-bottom: 25px; padding: 3px; width: 288px; float: left; border: solid 1px #e2e2e2 }
.controlpanel_right_left { font-family: Arial; font-variant: small-caps; text-decoration: none; text-align: left; margin: 1px; width: 142px; float: left }
.controlpanel b { color: #12395a; font-size: 11px; font-family: Tahoma; font-weight: bold }
.controlpanel_head { color: #12395a; font-size: 12px; font-family: Arial; background-color: #f3f3f3; margin: 1px; padding: 3px 2px; width: 282px; float: left; border-bottom: 1px solid #cdd3d9 }
.controlpanel a { font-family: Arial; font-variant: small-caps; text-decoration: none; background-color: #e4eaf0; text-align: left; margin: 2px 1px 1px; padding: 3px 2px 3px 3px; width: 135px; float: left }
.controlpanel a:hover { color: #fff; font-family: Arial; font-variant: small-caps; text-decoration: none; background-color: #cdd3d9; text-align: left; margin: 2px 1px 1px; padding: 3px 2px 3px 3px; width: 135px; float: left }
.procontent .descr { color: #664; font-size: 0.9em; margin-bottom: 6px }
.procontent li { list-style: url(img/li.gif); margin-left: 18px }
.procontent p { font-family: "Lucida Sans Unicode", sans-serif }
/* header */
.form { text-align: left; margin: 0 0 0 5px; padding-top: 10px; border-width: 1px }
.top { background-position: 5px 0; padding: 5px; float: left }
.top2 { background-image: none; background-position: 20px 0; margin-right: 10%; margin-left: auto; padding: 10px 10px 0; width: 990px }
/* title */
.header { font-size: 12px; background-color: #fff; background-image: none; background-position: 0 0; margin: 0 auto; padding: 10px 10px 5px; width: 780px; height: 100px }
.header .left, .header .right { color: #fff; background-color: #207987; background-image: none; background-position: 0 0; height: 100px }
.header .left { color: #fcfade; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; background-color: #207987; background-image: url(img/headlinks.png); background-position: 0 0; text-align: center; width: 212px }
.header .left a { color: #fcfade; font-style: normal; font-weight: normal; text-decoration: none }
.header .left a:hover { color: #feaa0e; font-style: normal; font-weight: normal }
.header .right { background-color: #207987; background-image: url(img/headrechts.png); background-repeat: no-repeat; width: 564px; height: 100px }
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 { font: 1.6em "Trebuchet MS", sans-serif; padding-top: 10px }
/* navigation */
.navigation_google { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 25px }
.navigation_google_decke { background-color: #207987; background-position: 0 0; width: 100px; height: 20px; clear: both }
.clear_flag { text-decoration: none; background-color: #fff; background-position: 0 0; padding: 20px 10px; z-index: 99; float: right; clear: both }
.navigation { background: #d9e1e5 url(img/nav.gif); height: 35px; border-style: solid; border-width: 1px; border-color: #dfeef7 #cfdee7 }
.navigation a { color: #456; font: bold 12px/35px sans-serif; text-decoration: none; background: #d9e1e5 url(img/nav.gif); display: block; padding: 0 20px; float: left; border-right: 1px solid #afbec7 }
.navigation a:hover {background-position: left bottom; color: #234;}
/* navigation */
.navigation_c { background-color: #f3f3f3; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 0; height: 20px; border: solid 1px #fff }
.navigation_c a { color: #456; font: bold 10px/20px sans-serif; text-decoration: none; background-position: 0 0; display: block; margin: 0; padding: 0 20px; float: left; border-right: 1px solid #afbec7 }
.navigation_c a:hover { color: #234; background-color: #cad5ea; background-position: left bottom }
/* sub navigation */
.sidenav { width: 210px; float: left }
.sidegoogle { background-color: #000; margin-top: 50px; margin-right: 50px; margin-left: 5px; z-index: 300; width: 50px; height: 500px; float: right }
.sidenav h2 { color: #5a5a43; font-size: 1em; line-height: 30px; margin: 0; padding-left: 12px }
.sidenav h3 { color: #bf0010; font-size: 13px; line-height: 30px; margin: 0; padding-left: 12px }
.sidenav h4 { color: #207987; font-size: 11px; line-height: 15px; margin: 0; padding-left: 12px }
.sidenav ul { padding: 0; border-top: 1px solid #eaeada }
.sidenav li { border-bottom: 1px solid #eaeada }
.sidenav li a { color: #868686; font-size: 1.1em; text-decoration: none; display: block; padding: 8px 0; width: 95% }
.sidenav li a:hover { color: #654; background: #f0f0eb }
/* content */
.content { margin: 0 0 10px; padding: 0 2px; width: 550px; float: right }
.content .descr { color: #664; font-size: 0.9em; margin-bottom: 6px }
.content li { list-style: url(img/li.gif); margin-left: 18px }
.content p { font-family: "Lucida Sans Unicode", sans-serif }
/* footer */
.footer { color: #fff; font: bold 1em/39px sans-serif; background: url(img/bgfooter.gif) repeat-x; text-align: center; padding: 0 12px }
.footer a, .footer a:hover { color: #fff }
A.pageBrowse { color: #999; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; text-align: center; cursor: pointer; margin: 0 1px 1px 0; padding: 1px 4px; border: solid 1px #e5e5e5 }
A.pageBrowse:hover { color: #fff; background-color: #d9e1e5 }
A.selected { color: #ffffff; background-color: #d9e1e5; border: solid 1px #c5dadf }
/* Layer */
/* für IE6 */
/* minilink */
.smalllink { color: #2d5791; font-size: 11px; font-family: sans-serif; text-decoration: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 0; height: 20px }
.smalllink a { color: #2d5791; font-size: 11px; font-family: sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; background-position: 0 0; display: block; float: left; border-right: 1px solid #afbec7 }
.smalllink a:hover { color: #c60; font-size: 11px; font-family: sans-serif; text-decoration: none; background-position: left bottom }
@media all{
* html b\ody #layer { color: #e0e0e0; background-position: 0 0; text-align: center; margin-left: -250px; position: absolute; z-index: 99; top: 200px; left: 50%; width: 512px; height: 394px; border: solid 2px #d2d2d2 }
}
/* für alle anderen browser */
#layer { color: #e0e0e0; background-position: 0 0; text-align: center; margin-left: -250px; position: fixed; z-index: 99; top: 200px; left: 50%; width: 512px; height: 394px; border: solid 2px #d2d2d2 }
#layer_head { color: #8c8c8c; background-color: #fff; background-position: 0 0; text-align: right; padding: 1px; z-index: 99; width: 500px; height: 18px; border-style: solid; border-width: 5px 5px 2px; border-color: #fff }
#layer_content { color: #e0e0e0; background-color: #8c8c8c; background-image: url(img/wkd_layer.jpg); background-position: 0 0; text-align: center; cursor: help; padding: 1px; z-index: 99; width: 500px; height: 354px; border-style: solid; border-width: 3px 5px 5px; border-color: #fff }
/* neue css ab hier +++++++++++++++++++++++*/
.headlogin { background-position: 0 0; padding: 0 }
/* neue css */
.ueberschrift { background-position: 0 0; padding: 5px }
div#uebersch_zeile { color: #12395a; font-size: 12px; font-family: sans-serif; font-style: normal; text-decoration: none; background-color: #f3f3f3; background-position: 8px center; letter-spacing: 0.04pc; margin: 2px; padding: 5px 8px; width: auto; height: auto; border-bottom: 1px solid #cdd3d9; border-left: 1px solid #cdd3d9 }
div#uebersch_zeile a { color: #12395a; font-size: 12px; font-family: sans-serif; font-style: normal; font-weight: 300; text-decoration: none; background-position: 8px center; letter-spacing: 0.04pc; margin: 0 0 0 -4px; padding: 5px 8px; width: auto; height: auto; border-right: 1px solid #cdd3d9 }
div#uebersch_zeile a:hover { color: #12395a; font-size: 12px; font-family: sans-serif; font-style: normal; text-decoration: underline; background-color: #e9e9e9; background-position: 8px center; letter-spacing: 0.04pc; padding: 5px 8px; width: auto; height: auto; border-right: 1px solid #cdd3d9 }
div#picborder { color: #070707; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; background-position: 8px center; margin: 5px; padding: 5px; width: auto; height: auto; border: double 2px #dfe6ec }
.td_profil { color: #2d577b; font-size: 11px }
/* Meldungen */
div#infobox { font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; background-color: #fff; background-position: left top; margin: -2px 2px 400px; padding: 5px 3px; width: auto; height: 80px; border-right: 1px; border-bottom: 1px solid #dfdfdf; border-left: 1px }
div#infobox a { color: #813911; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; background-color: #fff; background-position: left top; margin: 5px 2px; width: auto }
div#meldung_post { color: #fff; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; background-color: #f2efa8; background-position: left top; margin-bottom: 10px; padding: 5px 3px; width: auto; height: inherit; border: double 5px }
div#meldung_friends { color: #fff; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; background-color: #bee7f2; background-position: left top; margin-bottom: 10px; padding: 5px 3px; width: auto; height: inherit; border: double 5px }
div#meldung_sonst { color: #fff; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; background-color: #f4f5e8; background-position: left top; margin-bottom: 10px; padding: 5px 3px; width: auto; height: inherit; border: double 5px }
div#meldung_true { color: #fff; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; background-color: #bcd6df; background-image: url(images/accept.gif); background-repeat: no-repeat; background-position: 8px center; margin-bottom: 2px; padding: 5px 3px 5px 27px; width: auto; height: auto; border: solid 5px #eef3f3 }
div#meldung_false { color: #fff; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; background-color: #fa8b77; background-image: url(images/false.gif); background-repeat: no-repeat; background-position: 8px center; margin-bottom: 2px; padding: 5px 3px 5px 27px; width: auto; height: auto; border: solid 5px #fbc4b8 }
/* Profilbutton */
div#profilbutton { background-position: 0 0; padding: 2px; width: 170px; border-top: 1px solid #9ab4ca; border-bottom: 1px solid #9ab4ca }
.profilbutton { }
.profilbutton a { color: #12395a; font-size: 12px; text-decoration: none; text-align: left; display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; width: 166px; border-bottom: 1px solid #dfe6ec }
.profilbutton a:hover { color: #654; background: #dfe6ec }
.profillink { color: #2d577b; font-size: 11px; text-decoration: none }
.profillink a { color: #2d577b; font-size: 11px; text-decoration: none; text-align: left; display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; width: 166px; border-bottom: 1px solid #dfe6ec }
.profillink a:hover { color: #2d577b; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
/* mailsend */
.smalltext { color: #333; font-size: 11px; font-family: sans-serif; text-decoration: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 0; height: 20px }
.smalltext_fehler { color: #fd111c; font-size: 11px; font-family: sans-serif; text-decoration: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 0; height: 20px }
div#msg { color: #525252; font-style: normal; font-weight: normal; background-color: #f5f5f5; background-repeat: repeat; background-attachment: fixed; background-position: 0 0; text-align: left; margin-right: 2px; margin-bottom: 20px; margin-left: 2px; padding: 5px; width: auto; height: auto; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2 }
div#platzhalter { color: #525252; font-style: normal; font-weight: normal; background-repeat: repeat; background-attachment: fixed; background-position: 0 0; text-align: left; margin-right: 2px; margin-bottom: 20px; margin-left: 2px; padding: 5px; width: auto; height: 250px }
div#box_leer { color: #525252; font-style: normal; font-weight: normal; background-color: #f7f7f2; background-position: left top; text-align: center; margin-right: 2px; margin-bottom: 30px; margin-left: 2px; padding-top: 100px; padding-bottom: 100px; width: auto; height: inherit; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2 }
div#sendborder { background-color: #f3f3f3; background-position: 0 0; margin: 2px; padding: 8px; width: 530px; border-top: 1px solid #9ab4ca; border-bottom: 1px solid #9ab4ca }
div#sendborderbetreff { background-color: #f3f3f3; background-position: 0 0; margin: 2px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; width: 98% }
SELECT.button { color: #606060; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fdfdfd; margin-top: 2px; margin-bottom: 2px; margin-left: 0; padding: 2px; border: solid 1px #ccc }
SELECT.button_fehler { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fd111c; margin-top: 2px; margin-bottom: 2px; margin-left: 0; padding: 2px; border: solid 1px #ccc }
INPUT.button { color: #606060; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fdfdfd; margin-top: 2px; margin-bottom: 2px; margin-left: 0; padding: 2px; border: solid 1px #ccc }
INPUT.button_fehler { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fd111c; margin-top: 2px; margin-bottom: 2px; margin-left: 0; padding: 2px; border: solid 1px #ccc }
TEXTAREA.textarea { color: #5f96b8; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background: #f9f9f9; padding: 2px; border: solid 1px #ccc }
TEXTAREA.msg { color: #606060; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff; padding: 5px; width: 525px; border: solid 1px #ccc }
.button2 { color: #fbf7eb; font-size: 12px; font-weight: bolder; background: #558fba; margin-top: 5px; margin-bottom: 2px; margin-left: 0; padding-right: 15px; padding-left: 15px; border: solid 2px #ccc }
.td_1 { background-color: #fdfdfd }
.td_2 { background-color: #f9f9f9 }
.td_3 { padding-bottom: 5px; border-bottom: 2px solid #cadcbd }
.td_4 { padding-top: 5px; border-top: 2px solid #cadcbd }
#wait_box { display:none; background-color: #fff; background-position: center; margin-top: -50px; margin-left: -100px; position: fixed; top: 50%; left: 50%; width: 200px; height: 100px; border: solid 1px #4e4e4e }