@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("schuelervz.net") {

body {
background: #fff !important;
padding: 0 !important;
margin: 0 !important;
font-family: tahoma, vardana, arial, 'sans serif' !important;
font-size: 11px !important;
color: #000 !important;
text-align: left !important;
min-height: 100% !important;
height: 100% !important;
}

/*** layout ***/

#content {
width: 626px !important;
/*min-height: 300px !important;*/
padding: 20px 10px !important;
border-left: 1px solid #7D7D7D !important;
border-right: 1px solid #7D7D7D !important;
}
.narrowContent {
width: 586px !important;
margin-left:10px !important;
}
.commentMetaData {
border-top: 1px solid #00A600 !important;
background-color: #f7f7f7 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 3px 5px !important;
border-bottom: 1px solid #808080 !important;
}
#pageFooter {
width: 628px !important;
background: #AAFFAA !important;
padding: 5px 10px !important;
text-align: center !important;
border-top: 1px solid #00A600 !important;
border-bottom: 1px solid #7D7D7D !important;
}
#pageFooter a {
text-decoration: none !important;
padding: 2px 5px !important;
}
#pageFooter a:hover {
color: #fff !important;
background: #00A600 !important;
}

#allIn {
width: 930px !important;
margin: 20px auto !important;
}
#logo {
width: 132px !important;
height: 64px !important;
}
#topHeader {
width: 648px !important;
height: 40px !important;
background-color: #00A600 !important;
background-image: url(../Img/topbg.png) !important;
background-repeat: no-repeat !important;
}

#leftAds {
float: left !important;
width: 760px !important;
}
#rightAds {
float: right !important;
width: 160px !important;
}

.adPlaceholder {
margin-bottom:20px !important;
}

#masterLeft {
float: left !important;
width: 132px !important;
}
#masterRight {
float: right !important;
width: 628px !important;
}

#pageHeader {
background: #C4C4C4 !important;
color: #fff !important;
width: 626px !important;
padding: 3px 10px !important;
border-left: 1px solid #7D7D7D !important;
border-right: 1px solid #7D7D7D !important;
border-bottom: 1px solid #7D7D7D !important;
}
#ad125x125 {
margin: 10px 0 0 0 !important;
}
#ad770x90 {
margin: 0 0 10px 0 !important;
}
#ad160x600 {
margin: 0 !important;
}
#ad728x90 {
text-align:right !important;
}
#ad728x90 div {
width:826px !important;
margin-bottom:10px !important;
}
#ad300x250 {
text-align:left !important;
}

#ad500x250 {
text-align:left !important;
}
#ad120x600 div {
margin-left:0 !important !important;
margin-top:64px !important;
}

/*** hyperlinks ***/

a {
color: #00A600 !important;
text-decoration: none !important;
}
a:hover {
text-decoration: underline !important;
}

/*** button-like hyperlinks ***/

a.btnLikeLink:link,
a.btnLikeLink:visited,
a.btnLikeLink:hover,
a.btnLikeLink:focus,
a.btnLikeLink:active {
color: #f7f7f7 !important;
font-family: tahoma, arial, "sans serif" !important;
font-size: 11px !important;
font-weight: normal !important;
background: #ff4070 !important;
border-top: 1px solid #f79 !important;
border-left: 1px solid #f79 !important;
border-right: 1px solid #a00 !important;
border-bottom: 1px solid #a00 !important;
cursor: pointer !important;
padding: 2px 5px !important;
text-decoration: none !important;
margin-right: 10px !important;
}

/*** link-like buttons ***/

input.llbut {
background-color: transparent !important;
color: #00A600 !important;
border: none !important;
cursor: pointer !important;
padding: 0px !important;
margin: 0 !important;
border-bottom: 1px solid transparent !important;
}
input.llbut:hover {
border-bottom: 1px solid #00A600 !important;
}

/*** standard tags ***/

img {
border: none !important;
}

/*** headers ***/

h1,h2,h3,h4,h5 {
margin: 0 !important;
padding-top: 5pt;
}
h1 {
color: #fff !important;
font-size: 14px !important;
}
h3 {
color: #00A600 !important;
font-size: 11px !important;
}
h4 {
display: block !important;
font-size: 11px !important;
border-bottom: 1px solid #00A600 !important;
margin-bottom: 10px !important;
}
h2, .mH {
display: block !important;
padding: 2px 3px !important;
color: #AAFFAA !important;
background: #808080 !important;
border-top: 1px solid #00A600 !important;
border-bottom: 1px solid #7D7D7D !important;
font-size: 11px !important;
font-weight: bold !important;
}
.dialogueHeader {
color: #e04060 !important;
display: block !important;
font-size: 13px !important;
border-bottom: 1px solid #00A600 !important;
margin-bottom: 10px !important;
background:transparent !important;
border-top:none !important;
}

/*** start page (not logged in) ***/

.highlightBox h2 {
font-size:15px !important;
font-weight:bold !important;
background:transparent !important;
color:#000 !important;
border:0 !important;
margin:0 0 10px 0 !important;
padding:0 !important;
}
.RegBox {
}
.RegBox h2 {
font-size: 16px !important;
border: none !important;
background-color: transparent !important;
color: #000 !important;
padding: 0 !important;
margin-bottom: 20px !important;
}
.LoginHintBox h2 {
font-size: 13px !important;
border: none !important;
background-color: transparent !important;
color: #000 !important;
padding: 0 !important;
margin-bottom: 10px !important;
}
.RegText {
width: 400px !important;
float: left !important;
}
.RegText ul {
padding:0 0 0 15px !important;
}
.RegText ul {
line-height:17px !important;
}
.RegBtnContainer {
width: 400px !important;
margin-top:20px !important;
}
.RegBtnContainer .floatL {
padding: 10px !important;
background-color: #ffe0e0 !important;
border: 1px solid #00A600 !important;
width: 150px !important;
margin-right:20px !important;
}
.RegBtnContainer a {
font-size:13px !important;
font-weight:bold !important;
text-decoration:underline !important;
}

.RegText ul li {
color: #e04060 !important;
margin-bottom: .7em !important;
}
.RegText ul li span {
color: #000 !important;
font-size: 12px !important;
}

/*** pager ***/

.pager {
margin-right: .7em !important;
}
.pagerCont {
padding: 10px !important;
}

/*** red link list ***/

ul.linkList {
list-style-type: none !important;
padding: 0 !important;
margin: 0 !important;
border-bottom: none !important;
border: 1px solid #fff !important;
}
.linkList li {
border-bottom: 1px solid #808080 !important;
margin: 0 !important;
padding: 0 !important;
}
.linkList a {
text-decoration: none !important;
display: block !important;
padding: 2px !important;
}
.linkList a:hover {
text-decoration: none !important;
color: #fff !important;
background-color: #00A600 !important;
}
.linkList a.left {
width: 72px !important;
float: left !important;
}
.linkList a.right {
width: 40px !important;
text-align: right !important;
float: right !important;
}

#masterLeft ul.linkList {
padding: 0 !important;
margin: 20px 10px 0 0 !important;
}

/*** red tabs ***/

ul#tabBar {
width: 586px !important;
list-style:none !important;
margin: 0 0 10px 0 !important;
padding: 0 0 0 20px !important;
border-bottom: 1px solid #00A600 !important;
}
#tabBar li {
float: left !important;
padding: 4px !important;
margin-right: 2px !important;
}
#tabBar li.selected {
background-color: #B4B4B4 !important;
}
#tabBar li:hover {
background-color:#AAFFAA !important;
}
#tabBar li.selected:hover {
background-color: #B4B4B4 !important;
}
#tabBar li a {
color:#00A600 !important;
text-decoration: none !important;
}
#tabBar li.selected a {
color: #fff !important !important;
}

/*** clearfix ***/

.clearFix:after {
content: "." !important;
display: block !important;
height: 0 !important;
clear: both !important;
visibility: hidden !important;
}
.clearFix {
display: inline-block !important;
}
* html .clearFix {
height: 1% !important;
}

/*** float classes ***/

.floatL {
float: left !important;
}
.floatR {
float: right !important;
}

/*** alignement classes ***/

.tLeft {
text-align: left !important;
}
.tCenter {
text-align: center !important;
}
.tRight {
text-align: right !important;
}

/*** horizontal centering of block level lements with unknown width ***/

.hCenterOuter {
left: 50% !important;
position: relative !important;
text-align: left !important;
}
.hCenterInner {
left: -50% !important;
position: relative !important;
text-align: center !important;
overflow: hidden !important;
}

/*** vertical centering ***/

.vCenterOuter {
#position: absolute !important;
#top: 50% !important;
display: table-cell !important;
vertical-align: middle !important;
}
.vCenterInner {
#position: relative !important;
#top: -50% !important
}

/*** top navigation ***/

#topNavi {
float: right !important;
margin: 12px 5px 0px 5px !important;
padding: 0 !important;
list-style-type: none !important;
}
#topNavi li {
display: block !important;
list-style: none !important;
float: left !important;
}
#topNavi a {
padding: 2px 5px !important;
text-decoration: none !important;
color: #ffefef !important;
display: block !important;
float: left !important;
height: 14px !important;
overflow: hidden !important;
text-align: center !important;
}
#topNavi a:hover {
color: #FFF !important;
background-color: #e04060 !important;
}

.hidden {
display: none !important;
}

.status {
font-weight: bold !important;
color: #228B22 !important;
}

.warning {
font-weight: bold !important;
color: #ff0000 !important;
}
/* People List */

.peopleList {
list-style-type: none !important;
padding:0 !important;
margin: 10px 0 !important;
text-align:center !important;
}
.peopleList li{
float:left !important;
margin-bottom:10px !important;
height:120px !important;
width:65px !important;
padding-left:0 !important;
text-align:center !important;
}
.peopleList li div.table {
display:table !important;
}
.peopleList li div.tr {
display:table-row !important;
}
.peopleList li div.td {
display:table-cell !important;
vertical-align:middle !important;
}

.peopleList li div {
width:62px !important;
height:84px !important;
}



/*** shoutbox ***/

#shoutbox {
border-left:1px solid #7D7D7D !important;
border-right:1px solid #7D7D7D !important;
padding:10px !important;
}
#shoutbox div {
border: 1px solid #ccc !important;
padding: 10px !important;
background-color: #eee !important;
}
#shoutbox p {
padding: 0 !important;
margin: 0 !important;
font-weight: bold !important;
}
#shoutbox p.success {
color:#000 !important;
}
#shoutbox p.error {
color: #00A600 !important;
}
#shoutbox p.error a {
text-decoration:underline !important;
}




/*** Captcha Box ***/

#Captcha_userCaptcha {
width: 15% !important;
margin-right: 10px !important;
}
#captchaCantRead {
display: none !important;
width: 230px !important;
}
#CaptchaImageBox {
margin: 20px 0 10px 0 !important;
}
#captchaBox p {
padding-left: 0 !important;
text-align:left !important;
}
#CaptchaImageBox img {
float: left !important;
}
.CaptchaGetText {
margin-left: 20px !important;
float: left !important;
width: 70% !important;
}

/*** form elements ***/

form {
margin: 0 !important;
padding: 0 !important;
}
fieldset {
border: none !important;
margin:0 !important;
padding:0 !important;
}
form br {
clear: left !important;
}
label {
font-weight: normal !important;
width: 28% !important;
padding: 3px 0 3px 0 !important;
color: #777 !important;
text-align: left !important;
}
label, select, input.fieldCheckbox, input.fieldRadio, 
input.fieldBtnSubmit, input.fieldBtnCancel {
cursor: pointer !important;
}
input[type=checkbox]{
margin:0 5px 0 0 !important;
}

input.fieldText, textarea, select {
width: 68% !important;
font-family: tahoma, vardana, arial, 'sans serif' !important;
font-size: 11px !important;
margin: 0 0 10px 0 !important;
padding: 3px !important;
border: 1px solid #999 !important;
float:left !important;
}

select {
width:69% !important;
}

input.fieldRadio,
input.fieldCheckbox {
margin: 0 .7em 0 28% !important;
}
textarea {
height: 120px !important;
}
input:focus, textarea:focus {
border: 1px solid #333 !important;
}
textarea:focus {
/*background: #fff url('../Img/svz_star.png') right bottom no-repeat !important;*/
}
form .hint {
margin-bottom:2px !important;
margin-left: 28% !important;
color: #00A600 !important;
font-size:11px !important;
}
.fieldNotes,
.buttonArea {
margin-top: 0 !important;
margin-left: 28% !important;
color: #777 !important;
}
.fieldNote2 {
width: 66% !important;
}
form .hidden {
width: 0 !important;
overflow: hidden !important;
/*
display: block !important;
height: 1.2em !important;
*/
}
input.fieldBtnSubmit,
input.fieldBtnCancel {
color: #f7f7f7 !important;
font-weight: normal !important;
background: #808080 !important;
border-top: 1px solid #B5B5B5 !important;
border-left: 1px solid #B5B5B5 !important;
border-right: 1px solid #B5B5B5 !important;
border-bottom: 1px solid #B5B5B5 !important;
cursor: pointer !important;
padding: 1px 3px !important;
}
input.invalid, select.invalid, textarea.invalid {
background: #AAFFAA !important;
border: 1px solid #7D7D7D !important;
}
input.blink {
    border: 0 !important;
    background: transparent !important;
    color: #00A600 !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 1px !important;
    border: none !important;
}
input.blink:hover {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #00A600 !important;
}

/* for non-form-elements in forms */


/*** Chooser ***/

.chooseBox {
width: 68% !important;
margin: 0 0 10px 0 !important;
padding: 5px 1px 0px 5px !important;
float: left !important;
border: 1px solid #ccc !important;
background-color: #eee !important;
}

/*** ThreeColumnList ***/

ul.tcl {
padding-left: 0 !important;
margin-left: 0 !important;
list-style-type: none !important;
width:606px !important;
}
ul.tcl li {
background-color: #fff !important;
margin-bottom: 10px !important;
padding: 10px !important;
border: 1px solid #7D7D7D !important;
width:582px !important;
}
.tcl .Image {
float: left !important;
width: 110px !important;
}
.tcl .Details {
float: left !important;
width: 300px !important;
}
.tcl .Links {
width: 150px !important;
float: right !important;
}
.tcl .Links .linkList li {
border: none !important;
border-bottom: 1px solid #808080 !important;
margin: 0 !important;
padding: 0 !important;
width:150px !important;
}
.tcl .Details .label {
width: 80px !important;;
color: #888 !important;
padding: 3px 3px 0 0 !important;
font-weight: normal !important;
}
.tcl .Details .labeledText {
width: 180px !important;
margin: 0 !important;
padding: 3px 3px 0 0 !important;
}

/*** Error Message ***/

#PauseMessage {
margin:40px auto !important;
padding:0 auto !important;
width:500px !important;
text-align:center !important;
}
#PauseMessage p {
text-align:left !important;
margin:30px 0 0 0 !important;
}
.pauseMessageText {
margin:30px 0 !important;
width:500px !important;
text-align:justify !important;
border:1px solid #aaa !important;
background:#ddd !important;
padding:15px !important;
}
#PauseMessage div h1 {
color:black !important;
margin-bottom:15px !important;
}

/* diese Elemente muessen eliminiert werden. Sie stehen nur noch in dieser CSS, damit vorhandene Elemente, die 

diese Styles noch nutzen, funktionieren */


img.m {
padding:1px !important;
border:1px solid #ccc !important;
}

td,div,p,span,input {
    font-size: 11px !important;
}
.confirm {
border: 3px solid #00A600 !important;
background: #f7f7f7 !important;
width: 70% !important;
margin: 10px auto !important;
padding: 10px !important;
}
.success1 {
border: 1px solid #FFE222 !important;
background: #FFFBE2 !important;
width: 90% !important;
margin: 10px auto !important;
padding: 10px !important;
}
/*** old left navigation ***/

#leftNavi {
    margin-top: 20px !important;
    width: 123px !important;
}

#leftNavi a {
    text-decoration: none !important;
    display: block !important;
    border-bottom: solid 1px #7D7D7D !important;
    padding: 2px !important;
}

#leftNavi a:hover {
    color: #fff;
    background: #00A600 !important;
}

#leftNavi a.left {
    width: 70px !important;
    float: left !important;
}

#leftNavi a.right {
    width: 45px !important;
    text-align: right !important;
    float: right !important;
}

hr.hr {
    border: none 0 !important;
    border-top:1px dotted #999 !important;
    height:1px !important;
    margin:10px 0 !important;
}

.highlightBox {
margin-bottom:20px !important;padding:10px !important;border:1px solid #ffe222 !important;background:#fffbe2 

!important;
}

#Registration_Step2 iframe {
border:1px solid #ccc !important;
}


/* pinboard, messages history, etc */
ul.listStyle {
margin:10px 0 0 0 !important;
padding: 0 !important;
}

ul.listStyle li {
list-style-type: none !important;
padding: 0 !important;
margin-bottom: 10px !important;
text-align: left !important;
}

ul.listStyle li img {
width: 50px !important;
padding:1px !important;
border:1px solid #ccc !important;
margin-right: 5px !important;
}

ul.listStyle li div.img {
width: 58px !important;
}

ul.listStyle li .header {
margin:0 10px 0 58px !important;
} 

ul.listStyle li .header span {
font-size: 9px !important;
display: block !important;
}

ul.listStyle li .header p a {
color: #00A600 !important;
text-decoration: none !important;
font-weight:bold !important;
}

ul.listStyle li .header p a:hover {
color: #00A600 !important;
text-decoration: underline !important;
font-weight:bold !important;
}

ul.listStyle li .content {
padding: 6px 5px !important;
width: 300px !important;
}




/* CSS von der PW: */

/* Overview */
#Pinboard_Overview {
margin-top: 20px !important;
}
#Pinboard_Overview h2 {
margin-bottom:0 !important;
}
#Pinboard_Overview ul {
margin: 5px 0 !important;
margin-top: 10px !important;
padding: 0 !important;
}
#Pinboard_Overview ul li {
list-style-type: none !important;
padding: 0 !important;
margin-bottom: 10px !important;
text-align: left !important;
}
#Pinboard_Overview ul li img {
width: 50px !important;
padding:1px !important;
border:1px solid #ccc !important;
margin-right: 5px !important;
}
.pinboard_Navi {
border-bottom: 1px solid #C4C4C4 !important;
padding: 2px 7px !important;
background-color: #C4C4C4 !important;
width:366px !important;
}
.pinboard_NaviEntries {
float:left !important;
width: 50% !important;
}
.pinboard_NaviWrite {
float:right !important;
text-align: right !important;
width: 50% !important;
}
.pinboard_NaviWriteNoEn {
text-align: right !important;
width: 100% !important;
}
.pinboard_Write {
margin: 0 0 20px 0 !important;
padding: 10px !important;
border:1px solid #ccc !important;
border-top:0 !important;
background-color: #f7f7f7 !important;
}
.pinboard_Write .buttonArea {
padding: 0px !important;
}

.pinboard_Write h3 {
margin:0 !important 0 10px 0 !important;
color: #e04060 !important;
font-size: 11px !important;
font-weight: bold !important;
border-bottom: 1px solid #e04060 !important;
}

.pinboard_Image {
width:58px !important;
}
.pinboard_Entry {
width: 320px !important;
} 
.pinboard_Entry span {
font-size: 9px !important;
display: block !important;
}
.pinboard_Entry p a {
color: #00A600 !important;
text-decoration: none !important;
font-weight:bold !important;
}
.pinboard_Entry p a:hover {
color: #C4C4C4 !important;
text-decoration: underline !important;
font-weight:bold !important;
}
.pinboard_Content {
padding: 6px 5px !important;
width: 300px !important;
}
.pinboard_Reply {
margin-top: 10px !important;
padding: 3px 5px !important;
font-size:9px !important;
}

.pinboard_Reply span.info {
display:block !important;
margin-top:5px !important;
color:#888 !important;
}

textarea#Pinboard_entry {
margin-bottom:2px !important;	
}



/* CSS von friends */

#Friends_Invitations_Overview {
margin-bottom: 20px !important;
}
#Friends_Invitations_Overview .FriendsInvitationsIcon {
float: left !important;
width: 150px !important;
}
#Friends_Invitations_Overview .floatR,
#Friends_Invitations_Overview p.tLeft {
width: 280px !important;
}
#Friends_Invitations_Overview h2 {
margin-bottom: 10px !important;
}

.friendsColumn {
width: 100% !important;
margin-bottom:5px !important;
}
.friendsColumn h2 {
margin-bottom: 0 !important;
}
.friendsColumn .peopleList li {
height:auto !important;
width:60px !important;
}

.friendsListLinks {
padding:10px 0 !important;
background: #ffe0e0 !important;
}

.friendsUni {
margin: 20px 0 0 0 !important;
}
.friendsInfo {
border-bottom: 1px solid #C4C4C4 !important;
padding: 2px 7px !important;
background-color: #C4C4C4 !important;
margin-bottom:10px !important;
}
.friendsConnection {
margin-top:5px !important;
}
.friendsConnection ul {
width:100% !important;
margin:0 !important;
}
.connectionStatus {
width:100% !important;
padding:5px 0 !important;
}
.uniFriends ul {
width:200px !important;
}
.friendsArrow {
float: left !important;
padding-top: 20px !important;
margin:5px !important;
background-color:#fff !important;
width:20px !important;
}
.arrowList {
width:30px! important;
}
.uniFriends {
padding:0 3px !important;
}
.uniList {
list-style-type: none !important;
padding: 0 !important;
margin-left: 5px !important;
width: 43% !important;
margin-top:0 !important;
}
.uniListSingle {
list-style-type: none !important;
padding: 0 !important;
margin-left: 5px !important;
margin-top:0 !important;
}
.friendsUni_showAll {
clear:both !important;
margin: auto !important;
}

/* Add New Friend */

#AddFriend {
border: 3px solid #DC1E64 !important;
background: #f7f7f7 !important;
width: 70% !important;
margin: 10px auto !important;
padding: 10px !important;
}
#AddFriend h2 {
margin-bottom:20px !important;
}

/* Confirm Invite */
.confirmInvite span {
color: #e04060 !important;
font-weight:bold !important;
}
.confirmInvite ul {
padding:0;
margin:0 !important;
}
.confirmInvite li {
border: 1px solid #DC1E64 !important;
background: #f7f7f7 !important;
margin:10px 0 !important;
padding:7px !important;
list-style:none !important;
width:585px !important;
}
.confirmInvite a {
font-weight:bold !important;
}
.confirmInvite .floatL {
margin-right:10px !important;
}
.confirmInvite .buttonArea {
margin-left:0;
margin-top:15px !important;
}




/* CSS von blog */

#MicroBlog {
margin-bottom:10px !important;
padding: 0 !important;
}

.microblogInfo {
background-color:#C4C4C4 !important;
border-bottom:1px solid #C4C4C4 !important;
padding:2px 7px !important;
text-align:right !important;
width:190px !important;
}

#microblogContent {
border-right: 1px dotted #ff90b0 !important;
padding-top:5px !important;
}

#MicroBlog p {
padding: 0 !important;
margin:0;
}
#MicroBlog .microblogMeta {
font-size: 9px !important;
color: #777 !important;
padding: 0 3px 5px 3px !important;
}
#MicroBlog .microblogMeta form {
display: inline !important;
}
#MicroBlog .microblogMeta form .llbut {
font-size: 9px !important;
}
#MicroBlog .microblogNavi {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#MicroBlog .microblogNavi a:hover {
color: #DC1E64 !important;
}
#MicroBlog .microblogNavi,
#MicroBlog .microblogNavi a {
font-size: 11px !important;
color: #aaa !important;
font-weight: bold !important;
}
#MicroBlog .microblogHistory {
margin: 0 !important;
padding: 5px 3px !important;
}

#MicroBlog #historyEntries {
margin-top:5px !important;
}

#MicroBlog #historyEntries .microblogHistory {
border-top: 1px dotted #ff90b0 !important;
}


#MicroBlog_Edit {
padding: 0 !important;
}

#MicroBlog_Edit form {
margin:0 3px !important;
}

#MicroBlog_Edit textarea {
width: 97% !important;
height: 65px !important;
margin: 5px 0 0 0 !important;
padding: 2px !important;
border-bottom:0 !important;
}
#MicroBlog_Edit .microblogPresets {
padding: 0 !important;
margin: 0 0 5px 0 !important;
list-style-type: none !important;
border: 1px solid #ff90b0 !important;
border-bottom: none !important;
border-top: none !important;
display:none !important;
}
#MicroBlog_Edit .microblogPresets li {
padding: 0 !important;
margin: 0 !important;
border-bottom: 1px solid #ff90b0 !important;
}
#MicroBlog_Edit .microblogPresets li a {
width: auto !important;
display: block !important;
background-color: #fff !important;
padding: 3px 3px 3px 18px !important;
margin: 0 !important;
}
#MicroBlog_Edit .microblogPresets li a:hover {
background-color: #eee !important;
text-decoration: none !important;
}

#microblogPresetsToggler {
background:url(../Img/collapsedBright.gif) no-repeat scroll 5px 5px !important;
cursor:pointer !important;
padding:3px 3px 3px 18px !important;
color: #DC1E64 !important;
border: 1px solid #DC1E64 !important;
border-top: 1px dotted #DC1E64 !important;
}

#microblogPresetsToggler.opened {
background-image:url(../Img/expandedBright.gif) !important;
}

#MicroBlog_Edit div.microblogMaxChars {
margin:5px 0 2px 0 !important;
}

#MicroBlog_Edit div.microblogMaxChars, #MicroBlog_Edit span#microblogCharsCount {
color: #777 !important;
font-size: 9px !important;
padding: 0 !important;
}
#MicroBlog_Edit .microblogVisibility {
font-size: 9px !important;
color:#777 !important;
padding: 0 !important;
}

/* CSS für Gruppen */

/* SHOP LINK */
#ShopLink {
margin:6px 0 !important;
}
#ShopLink p {
color:#777 !important;
margin-bottom:3px !important;
}
/* AgendMode */

.agendMode {
border: 1px solid #ccc !important;
padding: 10px !important;
font-weight:bold !important;
background-color: #eee !important;
margin-bottom:10px !important;
}
/* Overview pagelet */

#GroupsInformation ul{
padding:10px 0 !important;
margin: 0 !important;
list-style-type: none !important;
}
#GroupsInformation li {
clear:both !important;
}
#GroupsLeft {
float: left !important;
width:390px !important;
margin-right:10px !important;
}
#GroupsRight {
float: right !important;
width:200px !important;
margin:0 !important;
}
#GroupsRight ul {
margin:0 !important;
padding:0 !important;
list-style-type:none !important;
}
#GroupsRight .linkList {
margin-top:10px !important;
margin-bottom:10px !important;
}
#GroupsRight h2 {
margin-bottom:0 !important;
}

#GroupsMember {
margin-top:10px !important;
}

.groupsRightColumns {
border-left:1px dotted #ff90b0 !important;
padding:10px !important;
}
.groupsDescription {
padding:10px 0 !important;
}

/*Groups Snipplet */

#GroupsSnipplet {
padding:0 !important;
width: 100% !important;
}
#GroupsSnipplet ul {
color: #808080 !important;
margin:0 0 0 13px !important;
padding:0 !important;
}
#GroupsSnipplet ul li {
padding:2px 0 !important;
}
.groupsColumn {
margin-top:20px !important;
width: 100% !important;
}
.groupsColumn h2 {
margin-bottom: 10px !important;
}
.groupsColumn h2 a {
color: #907070 !important;
}
.hiddenGroupName, .hiddenGroupName a {
color:#888 !important;
}

/* Groups Pagelet */

.createGroupRestriction {
color:#777 !important;
}

.groupsmHNavi {
border-bottom: 1px solid #ff8080 !important;
padding: 2px 7px !important;
background-color: #ffe0e0 !important;
width: 376px !important;
}

#GroupList h2 {
margin-bottom: 0 !important;
margin-top:20px !important;
padding: 5px 0 !important;
}

#GroupCategories ul {
list-style:none !important;
padding:0 0 10px 0 !important;
margin-left:15px !important ;
}
#GroupCategories li {
width:122px !important;
}
#GroupCategories h2 {
margin: 0 !important;
padding: 5px 0 !important;
}
.createGroup {
width: 220px !important;
}
.searchGroup {
width: 360px !important;
}
.topSearchBar {
padding:10px 10px 0 10px !important;
}
input#Search_name {
width: 220px !important;
margin-right: 4px !important;
}
.findGroups {
width:450px !important;
}
.findGroups input.fieldText {
margin-right: 10px !important;
width:50% !important;
}
.findGroups select {
width:52% !important;
}
.groupsImage {
width:150px !important;
}
.groupsDetails {
width:250px !important;
}
.groupsWrap {
padding: 10px !important;
background-color: #ffe0e0 !important;
margin: 0 !important;
}
.groupsWrap ul {
margin:0 !important;
padding:0 !important;
}
.groupsWrap li {
list-style-type: none !important;
}
.groupsWrap ul li.clearFix {
width:594px !important;
padding: 5px !important;
background-color: #fff !important;
border: 1px solid #ff8080 !important;
margin-bottom:10px !important;
}


/* Settings Pagelet */

.groupSettingsLeave {
border-top:1px solid #808080 !important;
margin-top:20px !important;
padding:10px !important;
}
#GroupSettings {
border: 3px solid #808080 !important;
background: #f7f7f7 !important;
width: 70% !important;
margin: 10px auto !important;
padding: 10px !important;
}
#GroupSettings h2 {
margin-bottom: 10px !important;
background:transparent !important;
border-top:none !important;
font-size:13px !important;
}
#GroupSettings input.fieldRadio {
margin-left:0 !important;
}
.groupSettingsColumn {
width: 28% !important;
color: #888 !important;
font-weight:bold !important;
}
.groupSettingsContent {
width: 60% !important;
}
.groupsFontLight {
font-weight:normal !important;
}
#GroupSettings label {
display: block !important;
float: left !important;
padding-bottom: 10px !important;
padding-top: 0 !important;
width: 230px !important;
}
#GroupSettings .fieldRadio,
#GroupSettings .fieldCheckbox {
float: left !important;
}

/* Invitation Snipplet */

.groupStartSnipplets {
margin-bottom: 20px !important;
}
.groupStartSnipplets .invitationIcon {
float: left !important;
width: 150px !important;
}
.groupStartSnipplets .floatR,
.groupStartSnipplets .tRight {
width: 280px !important;
}
.groupStartSnipplets .floatR ul {
list-style: none !important;
margin: 0 !important;
margin-top:10px !important;
padding: 0 !important;
}
.groupStartSnipplets .floatR ul li {
padding-bottom: 6px !important;
margin-bottom: 10px !important;
border-bottom: 1px dotted #ff90b0 !important;
}
.groupStartSnipplets .floatR ul li div.floatL {
width: 170px !important;
}
.groupStartSnipplets .floatR ul li div.floatR {
width: 100px !important;
}

/* Admin Pagelets */

#GroupAdmin {
padding: 10px !important;
}
.narrowContent {
margin-left:0 !important;
}
#GroupAdmin textarea {
width:50% !important;
height:80px !important;
}

#GroupAdmin .buttonArea {
margin-top:10px !important;
}
#GroupAdmin .deleteGroup {
border-top: 1px solid #808080 !important;
border-bottom: 1px solid #808080 !important;
margin: 10px 0 !important;
padding: 20px 0 !important;
}
.groupAdminGroupname {
color: #888 !important;
font-weight:bold !important;
margin-bottom:10px !important;
}

#GroupAdmin input.fieldText {
width:50% !important;
}
#GroupAdmin select {
width:52% !important
}
#GroupAdmin .changeNameBtn {
margin-bottom:15px !important;
}
#GroupAdminImage {
padding: 0 20px !important;
}
#GroupAdminImage ul#tabBar {
width:546px !important;
}
#GroupAdminImage .fieldCheckbox {
margin: 10px 0 0 0 !important;
#margin: 4px 0 0 -4px !important;
}
#GroupAdminImage label {
width:100% !important;
float:none !important;
}
#GroupAdminImage img {
margin-bottom:5px !important;

}
.groupAdminChangeName {
background-color:#E8E8E8 !important;
padding:10px !important;
font-weight:normal !important;
margin: 10px 0 20px 0 !important;
}

.groupAdminChangeName p {
margin:0 0 10px 0 !important;
}
#AdminMembers {
width:450px !important;
margin:auto !important;
}
#AdminMembers ul {
list-style: none !important;
padding-left:0 !important;
margin-left:0 !important;
}
#AdminMembers div {
margin-bottom: 15px !important;
}
#AdminMembers ul li{
float:left !important;
margin:1px 0 !important;
padding:left:0 !important;
}
#AdminMembers h2 {
width:450px !important;
}
.adminMembersInvited {
float:none !important;
}
.membersColumn {
width:450px !important;
}
.adminMembersHeader {
margin: 0 !important;
padding: 2px 0 !important;
text-align:left !important;
width:450px !important;
}
.adminMembersUserRequest {
width:170px !important;
}
.adminMembersUser {
width:100px !important;
}
.adminMembersRank {
width:70px !important;
}
.adminMembersApprove {
width:150px !important;
}
.adminInvite {
padding:20px 0 !important;
}
.groupsAdminSettingsBBCode {
width:50% !important;
padding:20px !important;
font-size:9px !important;
}
.groupsActualImage {
width:200px !important;
margin-right:20px !important;
float:left !important;
color:#888 !important;
}
.groupsUploadImage {
float:left !important;
width:300px !important;
}
.groupsUploadImage div {
font-size: 9px !important;
}

/* Create New Pagelet */

#CreateGroup {
color: #777 !important;
border: 3px solid #808080 !important;
background: #f7f7f7 !important;
width: 70% !important;
margin: 10px auto !important;
padding: 10px !important;
}
#CreateGroup h2 {
margin-bottom: 20px !important;
color: #e04060 !important;
border-bottom: 1px solid #808080 !important;
border-top:none !important;
background:transparent !important;
font-size: 13px !important;
padding: 0 0 2px !important;
}

#GroupInvitation h2 {
margin-bottom:10px !important;
}

.tcl .Details .label {
width:60px !important;
}






#QuickFormSearch {
    margin-top: 10px !important;
}

#QuickFormSearch input {
    width: 101px !important;
    padding: 3px 3px 3px 18px !important;
    border: 1px solid #808080 !important;
    background: url(http://static.pe.schuelervz.net/Img/magglass.png) 3px 4px no-repeat !important;
    color:#000 !important;
}

#QuickFormSearch input.preset {
    color: #888 !important;
}























/* CSS für messages */


#Messages_List thead {
background-color:#aaffaa !important;
}
#Messages_List thead th {
padding:5px 5px !important;
}
#Messages_List th.subject {
padding-left:10px !important;
}

.opened td.subject .wrap {
background: #fee url(../Img/expandedBright.gif) no-repeat 5px 7px;
border: 1px solid #808080;
margin-right:5px;
}
}