/********** CSS Document **********/

body
{
    font-family: Verdana;
    background-image: url(design/verlauf_hintergrund_272px.gif);
    background-repeat: repeat-x;
    background-color: #424242;
    margin: 0px;
    padding: 0px;
}

html
{
    background-image: url(design/verlauf_hintergrund_272px.gif);
    background-repeat: repeat-x;
    background-color: #424242;
}

.root
{
    font-size: 11px;
    width: 996px;
    margin: 0px auto;
    text-align: left;
    color: #222;
    background-color: #FFF;
    background-image: url(design/schatten_hintergrund_996px.gif);
    background-repeat: repeat-y;
}
.root a
{
    color: #6f0d00;
    text-decoration: none;
    font-weight: bold;
}
.root a:hover
{
    color: #961201;
}

#header
{
    height: 120px;
    margin: 0px;
}

#navi
{
    background-image: url(design/verlauf_navi_22px.gif);
    background-repeat: repeat-x;
    background-color: #232323;
    height: 16px;
    padding: 3px 20px;
    width: 940px;
    float: left;
}
#navi a
{
    color: #d5d5d5;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 10px;
}
#navi a:hover
{
    color: #FFF;
}
#navi span
{
    float: right;
}

#shadowLeft
{
    width: 8px;
    height: 152px;
    float: left;
    padding: 0px;
    margin: 0px;
}
#shadowRight
{
    width: 8px;
    height: 152px;
    float: right;
}

#content
{
    font-size: 12px;
    background-color: #888888;
    border-right: 225px solid #515151;
    display: block;
    overflow: visible;
    position: relative;
    padding: 0px;
    width: 755px;
    margin: 0px;
    float: left;
}

#contentLeft
{
    float: left;
    width: 735px;
    padding: 5px 10px;
}

#contentRight
{
    display: inline;
    float: right;
    margin-right: -225px;
    position: relative;
    width: 225px;
    color: #dddddd;
}
#contentRight h2
{
    color: #999999;
    font-weight: bold;
    font-size: 13px;
    margin: 5px 0px 0px 5px;
    padding: 0px;
}
#contentRight a
{
    color: #DDDDDD;
}
#contentRight a:hover
{
    color: #FFFFFF;
}
#contentRight ul
{
    list-style: none;
    padding: 0px 0px 0px 10px;
}
#contentRight div
{
    padding: 0px 5px 3px 8px;
}

#contentFullsize
{
    font-size: 12px;
    background-color: #888888;
    padding: 0px;
    width: 980px;
    margin: 0px;
    float: left;
}

#footer
{
    width: 996px;
    margin: -5px auto 0px auto;
    background-image: url(design/footer.gif);
    background-repeat: no-repeat;
    text-align: center;
    color: #282828;
    font-size: 9px;
    padding: 12px 0px;
    
}

/***** Portal *****/
.community
{
    float: left;
    width: 360px;
    margin-top: 10px;
}
.community table
{
    padding: 0px;
    width: 100%;
}
.community td
{
    vertical-align: top;
}
.community .firstColumn
{
    width: 40px;
    color: #444444;
}

.portalGalerieImage
{
    float: right;
}
.portalGalerieImage img
{
    border: 1px solid #666666;
}
.portalGalerieImage img:hover
{
    border: 1px solid #888888;
}

.portalGalerieButton
{
    float: left;
    text-decoration: none; 
	  border: 0px; 
	  padding: 0px;
    margin: 0px; 
 	  display: block;
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0px; 
	  width: 103px;
	  background-position: 0px center;
	  background-repeat: no-repeat;
	  background-color: #515151;
}
.portalGalerieButton:hover
{
    background-position: -103px center !important;
    background-color: #888888;
}

.portalGalerieButtonSelected
{
    background-position: -206px center !important;
    background-color: #333333;
}
.portalGalerieButtonSelected:hover
{
    background-position: -206px center !important;
    background-color: #333333;
}

/***** Mein Profil *****/
#profileLeft
{
    float: left;
    width: 723px;
    background-image: url(design/profil.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding-left: 10px;
}
#profileLeft h2
{
    float: right;
    color: #BBBBBB;
    font-weight: bold;
    font-size: 13px;
    margin: 0px 3px 0px 0px;
}

.profileRight
{
    float: right;
    width: 225px;
    background-color: #515151;
    color: #dddddd;
}
.profileRight div
{
    padding: 0px 5px 3px 8px;
}
.profileRight h2
{
    color: #999999;
    font-weight: bold;
    font-size: 13px;
    margin: 5px 0px 0px 5px;
    padding: 0px;
}
.profileRight span
{
    float: right;
    color: #898989;
    font-size: 9px;
}

.profileTextbox
{
    border: 1px dashed #BBBBBB;
    padding: 5px;
    margin-bottom: 10px; 
    background-color: #999999;
    clear: both;
    color: #DDDDDD;
    width: 723px;
}

.profileTextboxEdit
{
    border: 1px dashed #BBBBBB;
    padding: 5px;
    margin-bottom: 10px; 
    background-color: #DDDDDD;
    clear: both;
    color: #444444;
    width: 723px;
    font-family: Verdana;
}

.profileInputEdit
{
    border: 1px dashed #BBBBBB;
    background-color: #DDDDDD;
    color: #444444;
    font-family: Verdana;
    margin-bottom: 5px;
}

.profileButtons
{
    float: right;
    margin: 8px 3px 0px 0px;
}

.sedcardButtons
{
    float: right;
    margin: 0px 3px 0px 0px;
}

#sedcardNavi
{
    padding: 0px 0px 0px 0px;
    height: 35px;
    margin-top: 5px; 
    clear: both;
    background-image: url(design/sedcard.gif);
    background-repeat: no-repeat;
    background-position: top right;
    width: 733px;
}

.sedcardNaviTabs
{
    float: left;
    text-decoration: none; 
	  border: 0px; 
	  padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 2px; 
 	  display: block; 
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0px; 
	  width: 98px; 
	  height: 25px; 
	  background-position: 0px 0px;
	  background-repeat: no-repeat;
}
.sedcardNaviTabs:hover
{
    background-position: -98px 0px !important;
}

.sedcardNaviTabsSelected
{
    background-position: -196px 0px !important;
}
.sedcardNaviTabsSelected:hover
{
    background-position: -196px 0px !important;
}

.sedcardNaviTabsNewAndSettings
{
    float: left;
    text-decoration: none; 
	  border: 0px; 
	  padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 2px; 
 	  display: block; 
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0px; 
	  width: 116px; 
	  height: 25px; 
	  background-position: 0px 0px;
	  background-repeat: no-repeat;
}
.sedcardNaviTabsNewAndSettings:hover
{
    background-position: -116px 0px !important;
}

.sedcardNaviTabsNewAndSettingsSelected
{
    background-position: -232px 0px !important;
}
.sedcardNaviTabsNewAndSettingsSelected:hover
{
    background-position: -232px 0px !important;
}

#sedcard
{
    background-color: #333333;
    border-right: 225px solid #515151;
    display: block;
    overflow: visible;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 755px;
}

#sedcardLeft
{
    float: left;
    width: 755px;
}
#sedcardLeft h2
{
    float: right;
    color: #BBBBBB;
    font-weight: bold;
    font-size: 13px;
    margin: 0px 3px 0px 0px;
}

#sedcardDetails
{
    background-color: #777777;
    padding: 5px 10px 30px 10px;
}

#sedcardRight
{
    display: inline;
    float: right;
    margin-right: -225px;
    position: relative;
    width: 225px;
    color: #dddddd;
    padding-top: 5px;
}
#sedcardRight h2
{
    color: #999999;
    font-weight: bold;
    font-size: 13px;
    margin: 0px 0px 0px 5px;
    padding: 0px;
}
#sedcardRight ul
{
    list-style: none;
    padding: 0px 0px 8px 10px;
}
#sedcardRight li
{
    clear: both;
}
#sedcardRight div
{
    padding: 0px 0px 8px 10px;
}
#sedcardRight span
{
    float: right;
    color: #898989;
    font-size: 9px;
    margin-right: 5px;
}
#sedcardRight .unselected
{
    color: #777777; 
}

#sedcardLeftCenter
{
    float: left;
    width: 735px;
    padding: 45px 10px;
    background-color: #777777;
}
#sedcardLeftCenter h2
{
    color: #BBBBBB;
    font-weight: bold;
    font-size: 13px;
    margin: 0px 0px 3px 0px;
}

.sedcardButton
{
    float: left;
    text-decoration: none;
	  border: 0px; 
	  padding: 0px;
    margin: 10px 24px; 
 	  display: block; 
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0px; 
	  width: 135px; 
	  height: 34px; 
	  background-position: 0px 0px;
	  background-repeat: no-repeat;
}
.sedcardButton:hover
{
    background-position: -135px 0px !important;
}

.sedcardButtonSelected
{
    background-position: -135px 0px !important;
}

.sedcardTextbox
{
    border: 1px dashed #BBBBBB;
    padding: 5px;
    margin: 0px;
    background-color: #999999;
    clear: both;
    color: #DDDDDD;
    width: 723px;
}
.sedcardTextbox table
{
    width: 100%;
}

.sedcardTextboxEdit
{
    border: 1px dashed #BBBBBB;
    padding: 5px;
    margin: 0px; 
    background-color: #DDDDDD;
    clear: both;
    color: #444444;
    width: 723px;
    font-family: Verdana;
}

#sedcardImageUploader
{
    background-color: #666666;
    clear: both;
    color: #DDDDDD;
    width: 745px;
    padding: 5px 0px 0px 10px;
}
#sedcardImageUploader table
{
    width: 735px;
}

.sedcardImageUploaderButtons
{
    margin: 0px 10px 5px 0px;
    border: 0px; 
	  padding: 0px;
	  display: block;
	  float: right;
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0px;
    text-decoration: none; 
	  width: 107px;
	  height: 25px; 
	  background-position: 0px 0px;
	  background-repeat: no-repeat;
}
.sedcardImageUploaderButtons:hover
{
    background-position: -107px 0px !important;
}

.sedcardImageUploaderButtonSelected
{
    background-position: -107px 0px !important;
}

.sedcardImageOptionButtons
{
    margin: 0px 3px;
    border: 0px; 
	  padding: 0px;
	  display: block;
	  float: left;
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0px;
    text-decoration: none; 
	  width: 10px;
	  height: 10px; 
	  background-position: 0px 0px;
	  background-repeat: no-repeat;
}
.sedcardImageOptionButtons:hover
{
    background-position: -10px 0px !important;
}


.imageTable
{
    background-color: #333333;
    clear: both;
    width: 745px;
    padding: 0px;
    margin: 5px;
}

.imageTable td
{
    background-color: #333333;
    text-align: center;
    width: 151px;
}
.imageTable img
{
    border: 1px solid #666666;
}
.imageTable img:hover
{
    border: 1px solid #DDDDDD;
}

.imageTable .options
{
    width: 122px;
    height: 11px;
    background-color: #666666;
    margin: 0px auto;
    font-size: 5px;
    text-align: center;
    line-height: 5px;
}
.imageTable .options a
{
    color: #D5D5D5;    
}
.imageTable .options a:hover
{
    color: #FFFFFF;
}

.imageTable .imageDetails
{
    color: #777777;
    font-size: 9px;
}

/***** Sedcard - Bildanzeige *****/
/*#sedcardImageLeft
{
    float: left;
    width: 745px;
    text-align: center;
}

#sedcardImageRight
{
    display: inline;
    float: right;
    margin-right: -220px;
    position: relative;
    width: 220px;
    color: #dddddd;
}*/

.iconNavi a
{
    margin: 0px 7px 5px 0px;
    border: 0px; 
	  padding: 0px;
	  float: left;
	  display: block;
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0px;
    text-decoration: none; 
	  width: 28px;
	  height: 28px; 
	  background-position: 0px 0px;
	  background-repeat: no-repeat;
}
.iconNavi a:hover
{
    background-position: -28px 0px !important;
}
.iconNavi img
{
    margin: 0px 7px 5px 0px;
    float: left;
    padding: 0px;
}

#forumbox
{
    font-size: 10px;
    padding: 7px 4px;
    float: left;
    width: 972px;
}

/***** Chat *****/
#chat
{
    text-align: center;
    padding: 5px 0px 5px 0px;
    width: 880px;
    height: 580px;
    background-color: #CCCCCC;
    margin: 5px auto 0px auto;
}

/***** CMS *****/

.cmsMeldung
{
    margin: 0px 0px 10px 0px;
    background-color: #999999;
    padding: 2px;
}
.cmsMeldung div
{
    color:#515151;
    border-bottom: 1px solid #777777;
    margin-bottom: 2px;
}

/***** allgemeine Klassen *****/

h1
{
    font-size: 16px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    color: #6f0d00;
}
h2
{
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    margin: 5px 0px 2px 0px;
    padding: 0px;
}
h3
{
    color: #444444;
    font-weight: bold;
    font-size: 13px;
    margin: 5px 0px 2px 0px;
    padding: 0px;
}

ul
{
    margin: 0px;
}

form
{
    margin: 0px;
}

textarea, input
{
    font-size: 12px;
}

/* alternative Linkfarbe */
a.altLink
{
    color: #DDDDDD;
}
a.altLink:hover
{
    color: #FFFFFF;
}

.clear
{
    clear: both;
}

.hinweisbox
{
    float: left;
    width: 810px;
    padding: 10px 10px 10px 160px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    font-weight: bold;
    font-size: 11px;
}
.success
{
    background-color: #6f7b6d;
    background-image: url(design/hinweis.gif);
}
.error
{
    background-color: #7b6060;
    background-image: url(design/hinweis_error.gif);
}
.meldung
{
    background-color: #7b6060;
    background-image: url(design/hinweis_meldung.gif);
}

.userTable
{
    width: 100%;
}
.userTable a
{
    color: #222222;
}
.userTable td
{
    width: 33%;
    padding: 3px;
}
.userTable tr
{
    cursor: pointer;
    cursor: hand;
}
.userTable tr:hover
{
    background-color: #909090;
    color: #961201;
}
.userTable span
{
    font-size: 9px;
    font-weight: bold;
    color: darkred;
    vertical-align: 2px;
}
.altrow
{
    background-color: #808080;
}