/* CSS-Stylesheet-Datei Sophie-HH Memberbereich    */
/* V2 2011 by Markus Nimtz                         */

body { 
	margin:0px; color:#000000; 
	/* LightSkyBlue #87CEFA */
	background-color:#87CEFA; 
	font-size:10pt;
	border-style:none;
	border-color:#000000; font-family:"Verdana"
}

table { 
	margin-top:20px; border-collapse:collapse; 
}

table.main { 
	margin-left:15px; margin-top:0px; width:95%; min-width:95% 
}

table.hilfe { 
	margin-left:10px; margin-top:0px; width:680px; min-width:680px 
}

fieldset {
	margin-left:10pt;
	margin-right:20pt;
	margin-bottom:10pt;
	padding-top:10pt
	/*border-style:solid;
	border-color:#000000;
	border-width:1pt*/
}

legend {
	font-size:8pt;
	font-style:italic;
	color:#1111ee
}

fieldset td {
	border-bottom-style:none;
}

/* IE PNG Fix Einträge */
img, a img { 
	border:0; 
}

img, input { 
	behavior: url(../iepngfix.htc) 
}

div.pfeil_anfang {
	float:left;
	width:45px;
	height:32px;
	background-image:url(imagesm/pfeil_anfang01.png);
	display:block
}

div.pfeil_anfang:hover {
	background-image:url(imagesm/pfeil_anfang01_hover.png);
}

div.pfeil_links {
	float:left;
	width:45px;
	height:32px;
	background-image:url(imagesm/pfeil_links01.png);
	display:block

}

div.pfeil_links:hover {
	background-image:url(imagesm/pfeil_links01_hover.png);
}

div.pfeil_rechts {
	float:left;
	width:45px;
	height:32px;
	background-image:url(imagesm/pfeil_rechts01.png);
	display:block
}

div.pfeil_rechts:hover {
	background-image:url(imagesm/pfeil_rechts01_hover.png);
}

div.pfeil_ende {
	float:left;
	width:45px;
	height:32px;
	background-image:url(imagesm/pfeil_ende01.png);
	display:block
}

div.pfeil_ende:hover {
	background-image:url(imagesm/pfeil_ende01_hover.png);
}

strong { 
	font-style:bold 
}

.inline { 
	display:inline 
}

.linksfluss {
	float:left;
	display:inline;
	/*border-style:solid;
	border-width:1px;*/
}
.rechtsfluss {
	float:right;
	display:inline;
	/*border-style:solid;
	border-width:1px;*/
}

.textrechts {
	text-align:right
}

.flux { display:none }

.vertikalfluss {
	vertical-align:top;
}

ul {
	list-style-type:none;
	margin:0px;
    margin-left:-20px;
	border-width:1px
}
/* IE FIx */
* html ul {
    margin-left:10px;
}

ul.klassik {
	list-style-type:square
}

ul.seitennavi {
	font-size:9pt;
	margin-top:2px;
	margin-left:-20px
}

li {
    margin:0px;
    padding:2px;
}

ul.table_subinfo {
	padding:5pt;
	background-image:url(imagesm/table_subinfo_pattern.png);
	background-position:right;
	background-repeat:repeat-y;
	/*background-color:#eeccaa;*/
	margin-left:0px;
	margin-top:10px;
	text-align:right;
}

ul.poster_info {
	margin-top:5px;
	margin-left:-40px;
}

ul.poster_info li {
	padding:1px;
	font-size:7pt
}

li.navigation {
	margin-top:2px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	border-top-color:#ffffff;
	border-left-color:#ffffff;
	padding:5px;
	background-color:#6688bb;
	font-weight:bold
}

li.navigation input {
	margin-right:5pt
}

li.linksfluss {
	float:left;
	padding:3pt;
	background-color:#6688bb
}

li>ul {
	font-weight:normal;
	font-size:8pt;
	padding-left:30px
}

input.kartenreiter {
	float:left;
	margin-right:1pt;
	padding-left:3pt;
	padding-right:3pt;
	font-size:8pt;
	background-color:#eeccaa;
	border-style:solid;
	border-width:1pt;
	border-color:#000000
}

.menusubitem { font-size:7pt }

h1 { 
	margin-left:25px; margin-top:0px; padding-top:15px; border-style:none;
    color:#ffffff; font-weight:bold; font-size:13pt 
}

h2 { 
	text-align:center; padding:0px; border-style:none;
    color:#000000; font-weight:bold; font-size:12pt 
}

h3 { 
	text-align:center; border-style:solid; border-width:5px; 
	padding:10px; font-size:14pt;
    color:#000000; background-color:#eebb00; 
	border-color:#ffffff; margin:20px 
}

h4 { 
	font-size:10pt 
}

h5 { 
	font-size:75%; margin:5px; margin-left:0px 
}

img.illus {
     padding-top:20px;
}

* html img.illus { margin-top:20px }

img.border {
     border-style:solid;
     border-width:1px;
     margin-right:10px;
     vertical-align:text-top;
     border-color:#000000;
     display:block;
}

img.comics {
	margin-left:20px;
    border:2px
}

img.right-margin {
	margin-right:5px;
}

img.hide {
	display:none
}

div.website { 
	position:absolute; top:0px; left:0px; 
	width:1000px;
	min-width:1000px;
	/*height:1000px;*/
	min-height:600px;
	background-image:url(imagesm/background_pattern01.png);
	background-repeat:repeat-y
}

div.counterbox { 
	position:absolute; left:725px;
    top:335px;
	vertical-align:top; width:120px 
}

* html div.counterbox { 
	top:345px 
}

div.banner { 
	position:relative; width:1000px; height:96px;
    border-style:none 
}

div.login { 
	float:left; top:0px; left:0px; margin:2px;
    margin-right:0px;
    padding:4px; width:800px; height:16px; border-style:none;
    color:#ffffff; background-color:#334466 
}

div.mailto { 
	float:right; top:0px; left:0px; margin:2px;
    margin-left:0px; padding:4px; padding-right:10px;
    width:174px; height:16px; border-style:none;
    text-align:right;
	color:#ffffff; background-color:#334466 
}

* html div.mailto { 
	width:172px 
}

div.buttonbar { 
	float:left; padding:0px; width:160px;
    max-width:160px ; border-style:none; color:#ffffff;
}

div.content { 
	float:right; width:820px; min-width:820px 

}

div.worksheet_oben { 
	width:100%; min-width:100%; overflow:hidden;
    height:100px; min-height:100px; 
	background-image:url(imagesm/worksheet_oben.png);
    background-repeat:no-repeat 
}

div.worksheet_oben02 { 
	width:100%; min-width:100%;
    height:250px; min-height:250px; 
	background-image:url(imagesm/worksheet_oben02.png);
    background-repeat:no-repeat 
}

div.worksheet_oben03 { 
	margin-top:-10px;
	width:100%; 
	min-width:100%;
    height:50px; 
	min-height:50px; 
	background-image:url(imagesm/worksheet_oben03.png);
    background-repeat:no-repeat 
}

div.worksheet_oben04 { 
	width:100%; min-width:100%; overflow:hidden;
    height:50px; min-height:50px; 
	background-image:url(imagesm/worksheet_oben04.png);
	background-repeat:no-repeat 
}

div.worksheet {
    padding-bottom:10px; width:100%; border-style:none; min-width:100%;
    overflow:visible; color:#000000; z-index:0;
    background-image:url(imagesm/worksheet.png)
}

div.worksheet_unten { width:100%; min-width:100%;
                      height:42px; min-height:42px; background-image:url(imagesm/worksheet_unten.png);
                      background-repeat:no-repeat 
}

div.manage { 
	margin-top:-10px;
	width:100%; 
	min-width:100%; 
	height:70px; 
	border-style:none;
	overflow:visible;
	background-image:url(imagesm/buttonsheet.png) 
}

div.infokasten { 
	padding:10px;
	padding-top:5px;
	margin-left:15px;
	margin-right:25px;
	margin-bottom:5px;
	/*width:760px; max-width:760px;*/
	border-style:none;
	background-color:#eeccaa; 
	z-index:1; 
}

/*div.inforeiter {
	float:left;
	font-size:8pt;
	margin:0px;
	background-color:#eeccaa
}*/

div.popup_top { 
	position:absolute;
	top:0px;
	left:60%;
	border-style:none;
	border-width:1px;
	z-index:1;
	/*background-color:#eeccaa*/
}

/*div.popup_top:active {
	display:none
}*/

div.infokasten ul {
	font-size:8pt;
	color:#000000
}

div.infokasten blockquote {
	margin:0pt;
	background-color:#334477;
	padding:2px;
	font-size:7pt;
	border-style:dotted;
	border-width:1px;
}

div.textbox {
	margin-bottom:10px;
    margin-left:15px;
    margin-right:25px;
    padding:10px;
    background-color:#ffeedd;
	border-style:solid;
	border-width:1pt;
	overflow:hidden
}

div.postbox {
	margin-bottom:10pt;
    margin-left:15pt;
    margin-right:5pt;
	padding:10pt;
	padding-bottom:20pt;
	background-color:#ffffff;
	border-style:none;
	border-width:1pt;
	overflow:hidden
}

div.postbox ul {
	list-style-type:square;
}

/* Für's Forum seit Januar 2011 */
div.steckbrief {
	float:left;
	width:180px;
	min-width:180px;
	height:180px;
	min-height:180px;
	margin:0pt;
	margin-right:10pt;
	padding:5pt;
	/*background-color:#ffffff;*/
    background-image:url(imagesm/steckbrief01.png);
	background-repeat:no-repeat
}

div.kartenreiter {
	float:left;
	margin-top:-11px;
	margin-left:20px;
	margin-bottom:5px;
	margin-right:-20px;
	padding:0pt;
	padding-left:10pt;
	width:120px;
	height:20px;
	background-image:url(imagesm/kartenreiter01.png);
	background-repeat:no-repeat
}
/* Ende Forum */

div.quotebox {
	/*margin:10px;*/
	margin-left:15px;
	margin-right:25px;
	margin-bottom:10px;
	padding:10px;
	background-color:#ddeeff;
	font-size:9pt;
	font-style:italic;
	border-style:solid;
	border-width:1pt
}
*html div.quotebox { max-height:100px 
}

div.databox {
	margin-left:15px;
	margin-right:25px;
	padding:10px;
	padding-top:5px;
	background-color:#ffffff;
	border-style:solid;
	border-width:1px;
	font-style:italic;
	overflow:hidden
}

div.selectinfo {
	margin-bottom:10px;
	margin-left:15px;
	margin-right:25px;
	font-size:8pt;
	color:#000000;
	background-color:#bbbbcc;
	padding:5pt
}

p.onlineusers {
	font-size:9pt;
	margin-left:15pt;
	color:#000000
}
	
p.ganzunten { text-align:center; font-size:8pt 
}

p.notiz { 
	font-size:7pt;
}

p.small { color:#999999; font-family:"times new roman"; font-size:10pt 
}

p.kommentar { padding:10px; padding-top:5px; margin:10px;
             text-align:right;
			 margin-left:15px; margin-right:25px;
             font-style:italic;
             border-style:solid; border-width:1px;
             background-color:#ffffff 
}

p.archivcomment { padding:10px; padding-top:5px; margin:0px;
              margin-left:15px; margin-right:25px;
              border-style:solid; border-width:1px;
              background-color:#ffeedd }

p.buttonbild {
              padding-top:20px
}

p.creatorinfo {
				margin:0px;
                text-align:right;
                padding-top:10px;
                margin-right:30px;
				font-size:10px;
                /*color:#ffffff;*/
}
* html p.creatorinfo { margin-top:2px }

p.rechtsbund {
	font-size:90%;
	margin:5px;
	text-align:right;
}

blockquote {
	margin:0pt;
	background-color:#6688bb;
	padding:3px;
	font-size:8pt;
	border-style:dotted;
	border-width:1px;
}


span.arrows { position:relative; top:-15px }
*html span.arrows { position:relative; top:-40%; left:90% }

span.navigation {
				float:left;
                margin-top:8px;
                margin-left:20px;
                color:#ffffff;
}
* html span.navigation { margin-top:2px }

span.navbuttons {
                float:left;
                margin-top:10px;
                margin-left:10px;
                color:#ffffff
}
* html span.navbuttons { margin-top:2px }

span.gobutton { position:relative; top:10px; margin-left:10px }
* html span.gobutton { top:2px }

span.mbutton_lo { float:left; position:relative; left:20px; padding-top:14px; width:230px; }

span.fotolinks { position:relative; top:10px; left:20px; width:220px; 
				min-width:220px; height:160px; min-height:160px;
				padding-right:5px;
}
* html span.fotolinks { top:5px 
}

span.fotorechts { position:relative; top:10px; left:20px; width:220px; 
				 min-width:220px; height:160px; min-height:160px 
}
* html span.fotorechts { top:5px 
}

span.infobutton2 { 
	float:right;
	margin-top:8pt;
	margin-right:8pt
}

* html span.infobutton2 { 
	position:static; 
	float:right; 
	margin-top:2px; 
	margin-right:12px 
}

span.leftspace { 
	background-color:#ff9900;
	margin-left:10px
}

span.marked { 
	background-color:#ff9900
}

span.red { 
	color:#ff3300 
}

span.blue { 
	color:#0000ff 
}

span.grey {
	color:#aaaaaa
}

span.small { 
	font-size:8pt 
}

span.big { 
	font-weight:bold; font-size:12pt 
}

span.smallthumb {
           float:left;
           margin-bottom:10px;
           height:75px;
           min-height:75px;
           vertical-align:text-top
}

span.placeholder {
	margin-left:10pt
}

tr { 
	vertical-align:text-top 
}
th { 
	text-align:left;
	padding:5px;
	padding-left:8px; font-size:9pt;
	border-style:none; 
	/*border-width:1px;*/
	color:#000000; background-color:#ddddee 
}

th.dark { 
	background-color:#bbbbcc 
}

td { 
	padding:3px; padding-left:8px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#dddddd;
	font-size:9pt; vertical-align:top 
}

td.nightline { 
	background-color:#ddaadd;
	padding:2px;
	padding-left:5px
}

/* 3 Spaltig (Variante 1) */
td.links { 
	width:25%; 
}

td.mitte { 
	width:50%; 
}

td.rechts { 
	width:25%; 
}

/* 2 Spaltig */
td.links2 { 
	width:35%; 
}

/*Linke Tabelle Mit Bild */
td.links2pic { 
	width:35%; background-color:#334466 
}

td.rechts2 { 
	width:65%; 
}

/*Dunkle Tabelle */
td.rechts2drk { 
	width:65%; background-color:#ccddee 
}

/* 3 Spaltig (Variante 2) */
td.links3 { 
	width:40%; 
}

td.mitte3 { 
	width:40%; 
}

td.rechts3 { 
	width:20%; 
}

/* 3 Spaltig (Variante 3) */
td.links4 { 
	width:60%; 
}

td.mitte4 { 
	width:20%; 
}

td.rechts4 { 
	width:20%; 
}

/*Kalenderspalten */
td.ka_links { width:20%; border-right-width:1px; border-right-style:solid; border-right-color:#cccccc;
                      border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#999999 }
td.ka_links_red { width:20%; border-right-width:1px; border-right-style:solid; border-right-color:#cccccc;
                      border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#999999;
                      background-color:#eebbaa }
td.ka_links_aktiv { width:20%; border-width:1px; border-style:solid;
                  border-right-style:none; background-color:#eeee00 }
td.ka_links_aktiv_red { width:20%; border-width:1px; border-style:solid;
                      border-right-style:none; background-color:#eeddbb }
td.ka_rechts { width:80%; border-right-width:1px; border-right-style:solid; border-right-color:#cccccc;
                      border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#999999 }
td.ka_rechts_aktiv { width:80%; border-width:1px; border-style:solid;
                   border-left-style:none; background-color:#eecc55 }

textarea, input, select {
     color:#000000;
     background-color:#ccddee;
     border-style:solid;
     border-width:1px;
}

textarea:focus, input:focus {
	border: 1px solid #000;
	background-color:#ffffff
}

textarea, input.large {
     width:100%;
     max-width:100%;
}
*html textarea { width:500px }

p.messageheader {
	clear:left;
	width:284pt;
	max-width:284pt;
	font-size:9pt;
	color:#ffffff;
	background-color:#6688bb;
	margin:0pt;
	padding:3pt;
	border-style:solid;
	border-bottom-style:none;
	border-width:1pt;
	border-color:#000000
}

p.messagetext {
	width:280pt;
	max-width:280pt;
	/*height:50pt;*/
	min-height:80pt;
	font-size:8pt;
	background-color:#ffffff;
	margin:0pt;
	padding:5pt;
	border-style:solid;
	border-top-style:none;
	border-width:1pt;
	border-color:#000000
}

*html input.large { width:99%; max-width:99% }

input.senden {
	vertical-align:text-top;
	background-color:transparent;
	border-style:none
}

input.minussign {
	width:15px;
	height:15px;
	text-indent:-1000pt;
	background-image:url(imagesm/minus01.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	cursor: pointer
}

input.plussign {
	width:15px;
	height:15px;
	text-indent:-1000pt;
	background-image:url(imagesm/plus01.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	cursor: pointer
}

input.go {
	width:45px;
	height:32px;
	text-indent:-1000pt;
	background-image:url(imagesm/go-button.png);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	border-style:none;
	cursor: pointer
}

input.go:hover {
	background-image:url(imagesm/go-button_hover.png);
}

input.vorschau {
	width:230px;
	height:32px;
	text-indent:-1000pt;
	background-image:url(imagesm/vorschau01.png);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	border-style:none;
	cursor: pointer
}

input.absenden {
	width:230px;
	height:32px;
	text-indent:-1000pt;
	background-image:url(imagesm/absenden01.png);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	border-style:none;
	cursor: pointer
}

input.aktualisieren {
	width:230px;
	height:32px;
	text-indent:-1000pt;
	background-image:url(imagesm/update01.png);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	border-style:none;
	cursor: pointer
}

input.antworten {
	width:230px;
	height:32px;
	text-indent:-1000pt;
	background-image:url(imagesm/postcreate01.png);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	border-style:none;
	cursor: pointer
}

input.threadabo {
	width:230px;
	height:32px;
	text-indent:-1000pt;
	background-image:url(imagesm/threadabo01.png);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	border-style:none;
	cursor: pointer
}

input.abodelete {
	width:230px;
	height:32px;
	text-indent:-1000pt;
	background-image:url(imagesm/abodelete01.png);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	border-style:none;
	cursor: pointer
}

input.backtopost {
	width:230px;
	height:32px;
	text-indent:-1000pt;
	background-image:url(imagesm/backtopost01.png);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	border-style:none;
	cursor: pointer
}

input.smilieswitch {
	width:15px;
	height:15px;
	text-indent:-1000pt;
	background-image:url(imagesm/kreuz01.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	vertical-align:text-top;
	cursor: pointer;
	border-style:solid;
	border-width:1px;
	border-color:#000000
}

input.infofield {
	font-size:100%;
	background-color:transparent;
	border-style:none;
	margin-right:-5px;
	color:#ee1111
}

b.yellow { color:#eeee11 }
b.red { color:#ee1111 }
a:link { color:#6677aa; font-weight:bold; text-decoration:none }
li a:link { color:#112233; font-weight:bold }
ul.table_subinfo li a:link { color:#6677aa }
ul.table_subinfo li a:visited { color:#335577 }
ul.table_subinfo li a:hover { color:#7799aa }
a:visited { color:#335577; text-decoration:none }
li a:visited { color:#112233; font-weight:bold }
a:hover { color:#7799aa; text-decoration:none }
li a:hover { color:#ffffff }
a:active { font-weight:bold; color:#ff3311 }
a:focus { font-weight:bold; color:#ff3311 }
a.pagelink { 
	margin-right:5pt;
	font-size:10pt;
	background-color:#ddddee
}

a.biglink {
	font-size:12pt;
	text-decoration:underline
}
