/* Standard-CSS für www.sevac.com */

/* Wichtige Farben
blauBG = #4099e3
blauFG = #0069b3
dunkelgrau = #009400
*/

body {
	margin:15px;
	padding:0;
	background-color: #bbb;
	color:#444;
	font-family: arial, verdana, sans-serif;
	font-size: 100.01%;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0
}
h1	{
	font-size: 1em;
	text-align: left;
	color: #0069b3;
	margin: 3px;
	border-bottom: 1px solid #ccc;
}
h2 {
	color: #0069b3;
	text-align: center;
	margin:3px;
	font-size: 1.2em;
}

.border {
	border: 1px solid #666;
}
.center {
	text-align: center;
}
.right {
	text-align:right;
}
.left {
	text-align: left;
}
img {
	border: 0px;
	}
p {
	margin: 3px;
	margin-left:15px;
	margin-bottom:15px;
	text-align: left;
}

input.st {
 	border: solid 1px #0069B2;
  background-color: #eee;
  color: #0069B2
}

.mistake {
	color: #f00;
}
/* 	Die Boxen in grau und in der Breite variabel (Breite wird
	in .boxHeader, .boxContent, .boxFooter bestimmt */

.boxHeader {
}

.boxHeaderLeft {
	background: transparent url(/images/box.gif) no-repeat;
	height:25px;
	padding-left: 4px
}

.boxHeaderMiddle {
	background: transparent url(/images/box.gif) repeat-x scroll left -25px;
	height:25px;
	color: white;
	font-weight: bold;
	line-height: 25px;
  	font-size: 0.9em
}


.boxHeaderRight {
	background: transparent url(/images/box.gif) no-repeat scroll right -50px;
	height:25px;
	padding-right: 4px
}

.boxContent {
}


.boxContentLeft {
	background-color: #666;
	padding-left: 1px;
}

.boxContentMiddle {
	background: #E6E6FA url(/images/boxfade.gif) repeat-x;
	padding: 3px;
	font-size: 0.85em
}


.boxContentRight {
	background-color: #666;
	padding-right: 1px
}


.boxFooter {
}

.boxFooterLeft {
	background: transparent url(/images/box.gif) no-repeat scroll left -76px;
	height: 4px;
	padding-left: 4px
}

.boxFooterMiddle {
	background: transparent url(/images/box.gif) repeat-x scroll left -80px;
	height: 4px
}

.boxFooterRight {
	background: transparent url(/images/box.gif) no-repeat scroll right -84px;
	height:25px;
	height: 4px;
	padding-right: 4px
}

/* kleine Boxen (ohne Beschriftung im Header) */

.boxHeaderSmallLeft {
	background: transparent url(/images/box.gif) no-repeat scroll left -88px;
	height: 4px;
	padding-left: 4px
}

.boxHeaderSmallMiddle {
	background: transparent url(/images/box.gif) repeat-x scroll left -92px;
	height: 4px;
}


.boxHeaderSmallRight {
	background: transparent url(/images/box.gif) no-repeat scroll right -96px;
	height: 4px;
	padding-right: 4px
}

/* Boxen in blau */

.boxHeaderSmallLeftBlue {
	background: transparent url(/images/box.gif) no-repeat scroll left -112px;
	height: 4px;
	padding-left: 4px
}

.boxHeaderSmallMiddleBlue {
	background: transparent url(/images/box.gif) repeat-x scroll left -116px;
	height: 4px;
}


.boxHeaderSmallRightBlue {
	background: transparent url(/images/box.gif) no-repeat scroll right -120px;
	height: 4px;
	padding-right: 4px
}

.boxContentMiddleBlue {
	background-color: #1a96ed;
	padding: 3px;
	font-size: 0.8em;
	color: white;
	font-weight: bold
}

.boxFooterLeftBlue {
	background: transparent url(/images/box.gif) no-repeat scroll left -100px;
	height: 4px;
	padding-left: 4px
}

.boxFooterMiddleBlue {
	background: transparent url(/images/box.gif) repeat-x scroll left -104px;
	height: 4px;
}


.boxFooterRightBlue {
	background: transparent url(/images/box.gif) no-repeat scroll right -108px;
	height: 4px;
	padding-right: 4px
}

.boxContentMiddleBlue a {
	text-decoration: underline;
	color: white;
	margin-left: 3px
}

/* Header und Headernavigation */
#header {
	border: 1px solid #666;
	background-color: #559bcc;
	height: 65px;
	background-image: url(/images/headerbg.jpg);
	text-align:right;
	padding-right:2px;
	padding-top:5px;

}


#navigation {
  position: relative;
  font-size: 0.8em;
	background-image: url(/images/bg-navi.jpg);
	border: 1px solid #666;
	border-top: 1px solid #eee;
	height: 100%;
  padding: 0;
  clear: both;
}

#navileft {
  float: left;
  margin: 2px
}

#naviright {
  float: right;
  text-align: right;
  margin: 2px
}

#naviright form {
  display: inline;
  margin-right: 5px
}

#navisearch {
  width: 80px;
  height: 12px;
  font-size: 0.7em;
}

#navigation a:link { color: #0069b3; text-decoration: none; margin-right: 5px; }
#navigation a:visited { color:#0069b3; text-decoration: none; margin-right: 5px; }
#navigation a:hover { color:#fff; text-decoration: none; margin-right: 5px; }
#navigation a:active { color: #fff; text-decoration: none; margin-right: 5px; }

#messenger {
	border-top: 1px solid #eee;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
  background-color: #ccc;
	font-size:0.9em;
	position: relative;
	clear:both;
	height:100%;
}
.statusleft {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #666;
	text-align: left;

}
.statusright {
	float: right;
	text-align: right;
}

/* Container, der mit dem Content wächst */
#relative {
	clear:both;
	font-size: 0.9em;
	position: relative;
	height: 100%;
	border: 1px solid #666;
	border-top: 0px;
	background-color: #fff;
	background-image:url(/images/relativefade.gif);
	background-repeat:repeat-x;
	padding: 10px 10px 10px 10px
}

/* Footer */
#footer {
	font-size: 0.8em;
	padding :3px;
	background: #9a9a9a;
	margin: auto;
	color: white;
	border: 1px solid #666;
	border-top: 1px solid #EEEEEE;
	text-align: center;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
}

#footer a:link { color:#ffffff; text-decoration:none; background-image:url(http://www.sevac.com/images/link.gif); background-position:left; background-repeat:no-repeat; padding-left:15px;}
#footer a:visited { color:#ffffff; text-decoration:none; background-image:url(http://www.sevac.com/images/link.gif); background-position:left; background-repeat:no-repeat; padding-left:15px;}
#footer a:hover { color:#ff0000; text-decoration:none; background-image:url(http://www.sevac.com/images/link.gif); background-position:left; background-repeat:no-repeat; padding-left:15px;}
#footer a:active { color:#ff0000; text-decoration:none; background-image:url(http://www.sevac.com/images/link.gif); background-position:left; background-repeat:no-repeat; padding-left:15px;}

/* Popup Body */
#popup {
	background-color: #afafaf;
	background-image:url(/images/bg_popup.jpg);
	background-repeat: repeat-x
}


#popup div {
	padding-bottom: 5px;
	border: 1px solid #666;
	text-align: center;
	height: auto;
	padding: 5px;
	background-color: #fff;
}

#popup span {
	margin: 5px auto;
	font-size: 0.8em;
	color: #888;
}

/* Startseite und Boxen */

#left {
	float: left;
	width: 160px;
}
.content, .contentmain, .favcontent {
	margin-bottom: 10px;
	width: 152px;
	border: 1px solid #666;
	padding: 3px;
	background-color: #E6E6FA;
	background-image:url(/images/boxfade.gif);
    background-repeat:repeat-x
}

.content a:link { padding-left: 3px; -width: 100%; display:block; color:#333;	text-decoration:none; }
.content a:visited { padding-left: 3px; -width: 100%; display:block; color:#333;	text-decoration:none; }
.content a:hover { padding-left: 3px; -width: 100%; background-color:#ddd; display:block; color:#333;	text-decoration:none; }
.content a:active { padding-left: 3px; -width: 100%; display:block; color:#333; text-decoration:none; }

.contentmain a:link { color:#444; text-decoration:none; font-size: 0.9em }
.contentmain a:visited { color:#444; text-decoration:none; font-size: 0.9em }
.contentmain a:hover { color:#E00000; text-decoration:none; font-size: 0.9em }
.contentmain a:active { color:#E00000; text-decoration:none; font-size: 0.9em }


a.favcontentlinks:link { padding-left: 3px; -width: 100%; display:block; color:#333;	text-decoration:none; }
a.favcontentlinks:visited { padding-left: 3px; -width: 100%; display:block; color:#333;	text-decoration:none; }
a.favcontentlinks:hover { padding-left: 3px; -width: 100%; background-color:#ddd; display:block; color:#333;	text-decoration:none; }
a.favcontentlinks:active { padding-left: 3px; -width: 100%; display:block; color:#333; text-decoration:none; }

a.stthin:link { color:#444; text-decoration:none; }
a.stthin:visited { color:#444; text-decoration:none; }
a.stthin:hover { color:#E00000; text-decoration:none; }
a.stthin:active { color:#E00000; text-decoration:none; }

.contentmain img {
	margin-top:5px;
}

.contentmain input {
 	border: solid 1px #0069B2;
   background-color: #eee;
   color: #0069B2;
	width: 135px;
	margin: 5px;
}

.contentmain div {
	margin: 5px 6px -4px 6px;
	font-size: 0.8em;
	text-align: left;
	width: 135px;
}

#login {
	width: 56px;
	height: 21px;
	border: 0;
}

#right {
	float: right;
}

#main {
	margin-left: 175px;
	margin-right: 80px;
	padding-left:10px;
	padding-right:10px;
}

#mainsmall {
	margin-left: 175px;
	margin-right: 175px;
	padding-left:10px;
	padding-right:10px;
}

form {
	display: block;
	margin-bottom: 0px;
	text-align: center;
}

.search {
 	border: solid 1px #0069B2;
   background-color: #ddd;
   color: #0069B2;
   width: 250px;
   margin-bottom: 10px;
}

#left h3 {
	width: 156px;
	font-size: 0.9em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(/images/columntitle.gif);
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding:2px;
}

#rightcolumn h3 {
	width: 156px;
	font-size: 0.9em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(/images/columntitle.gif);
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding:2px;
}

#rightcolumn {
	float: right;
	width: 160px;
}

/* Geschichten */

#storysearch {
	width: 100%;
	border:0;
}

#storysearch td {
	text-align:left;
}

#catnavileft {
	float:left;
	margin-bottom: 5px
}

#catnaviright {
	float:right;
	text-align: right;
	margin-bottom: 5px
}

#catnaviright a { text-decoration: none; color: #0069b3 }
#catnaviright a:visited { text-decoration: none; color: #0069b3 }
#catnaviright a:hover { text-decoration: none; color: #FF0000 }
#catnaviright a:active { text-decoration: none; color: #FF0000 }

.catcontent {
	clear: both;
	width: 100%;
	border-collapse: collapse;
}
.catcontent thead {
	border: 1px solid #666;
	text-align: left;
	background-color:#4099e3;
	color: #fff;
}

.catcontent tfoot {
	border: 1px solid #666;
	text-align: left;
}

.catcontent tbody {
	background-color: #E6E6FA;
	border: 1px solid #666;
}

.catcontent td {
	padding:3px;
	vertical-align:top;
	margin-bottom: 10px;
}

.catcontent tbody a:hover { color: red }
.catcontent tbody a { text-decoration: underline }

.storystats {
	margin-top: 5px;
	color: #999;
	font-size: 0.8em;
}

div.format { margin-bottom: 5px }

div.format a:link { color: #666 }
div.format a:visited { color: #666 }
div.format a:hover { color: #FF0000 }
div.format a:active { color: #FF0000 }

div.format a.alert:link { color: red }
div.format a.alert:visited { color: red }
div.format a.alert:hover { color: red }
div.format a.alert:active { color: red }

div.b1 { background: left top }
div.b2 { background: left -14px }
div.b3 { background: left -28px }
div.b4 { background: left -42px }
div.b5 { background: left -56px }
div.b6 { background: left -70px }
div.b7 { background: left -84px }
div.b8 { background: left -98px }
div.b9 { background: left -112px }
div.b10 { background: left -126px }

div.b1, div.b2, div.b3, div.b4, div.b5, div.b6, div.b7, div.b8, div.b9, div.b10 {
	margin: 3px 1px 0px 1px;
	width: 78px;
	height: 14px;
	background-image: url(/images/points.png);
	background-repeat: no-repeat
}

div.s_old { background: left -13px }
div.s_new { background: left top }
div.s_read { background: left -26px }

div.s_old, div.s_new, div.s_read {
	float: left;
	width: 10px;
	height: 13px;
	background-image: url(/images/stati.png);
	background-repeat: no-repeat;
	margin-top: 1px
}

div.kat_story_title {
	margin: 0px 0px 3px 14px
}

div.kat_story_title a {
	font-weight: bold;
	color: #0069b3
}

a.autorlink {
	margin-left: 14px;
	font-size: 0.9em;
	color: #0069b3
}
.nblock a {
	color: #0069b3
}

#legendleft {
	margin-top: 5px
}

#legendright {
	float: right;
	margin-top: 5px
}

/* Kommentar Link Kommentar verfassen */
a.kv:link { color:#0069b3; text-decoration:none; font-weight:bold; font-size:12px;}
a.kv:visited { color:#0069b3; text-decoration:none; font-weight:bold; font-size:12px;}
a.kv:hover { color:#E00000; text-decoration:none; font-weight:bold; font-size:12px;}
a.kv:active { color:#E00000; text-decoration:underline; font-weight:bold; font-size:12px;}

/* Kommentare */
#popup table, .comment { width:96%; background: #fff; color: #0069b3; border-collapse:collapse; border: 1px solid #666; font-family: arial,verdana,sans-serif; font-size:12px; margin-bottom: 10px; margin-left: auto; margin-right: auto }

/* Kommentar - Contentzelle */
#popup table td.kc, .comment td.kc { background: #eee; border: 1px solid #666; padding:3px; font-size:14px }

/* Kommentarhead */
#popup table tr.k, .comment tr.k { font-weight: bold; color:#fff; height:20px }

/* Kommentarheader Links */
table tr.k td a:link { color:#FFFFFF; text-decoration:none }
table tr.k td a:visited { color:#FFFFFF; text-decoration:none }
table tr.k td a:hover { color:#E00000; text-decoration:none }
table tr.k td a:active { color:#E00000; text-decoration:underline }

#popup h1, #popup h2, #popup div h3 { color: #0069b3; font-family: arial, verdana, sans-serif; font-size: 18px }
#popup h2 { font-size: 14px; font-weight: normal; margin-top: 0 }
#popup div h3 { font-size: 14px; font-weight: bold; margin: 3px }

#popup span, .comment span { font-family: georgia, "Times New Roman", serif }
/* Forum */
.forum td.fta {
	width:100%;
	height:275px;
	text-align:center;
	border:0px;
	padding:0px;
}

.forum td.smiley {
	text-align:center;
	background: #bbb;
}

.forum textarea {
	width:100%;
	height:275px;
	border: 0px solid #666;
	background: #eee;
}

.forum input.bbc { width: 60px; height: 20px; color: #000; font-size: 11px; font-weight: normal; margin: 5px 3px 5px 3px; background: #efefef; vertical-align:middle; }

div.gast {
	font-size:0.9em;
	padding:3px;
	margin: 15px;
	font-weight:bold;
	text-align:center;
	border: 1px solid #ff0000;
	background: #ccc;
	-moz-border-radius: 15px;
}
#forumtable {
	margin-left: 15px;
	margin-right: 15px;
}

.forum {
	width:100%;
	font-size: 1em;
	border: 1px solid #666;
	background-color: #fff;
	color: #0069b3;
	border-collapse:collapse;
}
td.forum {
	color: white;
	background-color:#4099e3;
	font-weight: bold;
	padding: 2px;
}
.forum thead th {
	border: 1px solid #666;
	border-top: 0px;
	padding: 2px;
	color: white;
	background: #bbb;
}
.forumdiv {
	font-size: 0.8em;
	border: 1px solid #666;
	border-top: 0px;
	background-color: #fff;
	padding: 10px 5px 10px 5px;
	text-align: center;
}
/* Autorzelle */
.forumautor {
	width: 20%;
	background: #eee;
	font-weight: bold;
	padding:5px;
	vertical-align:top;
}
/* Beitrag Contentzelle */
.postcontent {
	width: 80%;
	background: #eee;
	border-left-width:1px;
	border-left-style:solid;
	border-color: #666;
	padding:5px;
	vertical-align:top;
	font-size: 1.1em;
}

/* Beitragsfooter */
.postfooter {
	height:20px;
	background: #ccc;
	text-align:right;
}
/* Beitragsfooter Links */
.postfooter a:link { color:#4099e3; text-decoration:none }
.postfooter a:visited { color:#4099e3; text-decoration:none }
.postfooter a:hover { color:#E00000; text-decoration:none }
.postfooter a:active { color:#E00000; text-decoration:underline }

/* allgemein gerade */
tr.gerade {
	background-color:#eee;
}

/* allgemein ungerade */
tr.ungerade {
}


/* gerade TRs */
tr.ka_gerade {
	background-color:#eee;
	font-variant: small-caps;
}
/* ungerade TRs */
tr.ka_ungerade {
	font-variant: small-caps;
}

table.forum tbody td {
	border: 1px solid #666;
	padding:2px;
}
/* Untertitel via DIV ohne Klasse */
table.forum div {
	color:#666;
	font-size:0.8em;
	font-weight: normal;
	font-variant: normal;
}

blockquote {
	background: #fff url(/images/bgquotes.gif) no-repeat bottom right;
	border: dotted 1px black;
	color: #555;
	font-style: normal;
	padding: 3px;
	margin: 5px 10px 5px 10px;
}

/* Links in Übersichten */
table.forum a { text-decoration:underline; }
table.forum a:link { color:#0069b3; }
table.forum a:visited { color:#0069b3;}
table.forum a:hover { color:#E00000; }
table.forum a:active { color:#E00000;}

/* Links Ebene 1 */
table.forum tr.e1 a { text-decoration:none; }
table.forum tr.e1 a:hover { color:#FFFFFF; text-decoration:none; }
table.forum tr.e1 a:link { color:#000000; text-decoration:none; }

/* Links Path */
a.path:link { color:#666666; }
a.path:visited { color:#444; }
a.path:hover { color:#FF0000; }
a.path:active { color:#FF0000; }

/* Link Fett-Standard ohne Hintergrund */
a.st:link { color:#0069b3; text-decoration:none; font-weight:bold; }
a.st:visited { color:#0069b3; text-decoration:none; font-weight:bold; }
a.st:focus { color:#E00000; text-decoration:none; font-weight:bold; }
a.st:hover { color:#E00000; text-decoration:none; font-weight:bold; }
a.st:active { color:#E00000; text-decoration:none; font-weight:bold; }

/* FAQ */
div.question {margin-top: 15px; color: #0069b3 }
div.question a { background-image: url(/images/question.jpg); background-repeat: no-repeat; background-position: center left; color:#0069b3; text-decoration:none; padding-left: 20px; }
div.question a:link { background-image: url(/images/question.jpg); background-repeat: no-repeat; background-position: center left; color:#0069b3; text-decoration:none; padding-left: 20px; }
div.question a:visited { background-image: url(/images/question.jpg); background-repeat: no-repeat; background-position: center left; color:#0069b3; text-decoration:none; padding-left: 20px; }
div.question a:hover { background-image: url(/images/question.jpg); background-repeat: no-repeat; background-position: center left; color:#E00000; text-decoration:none; padding-left: 20px; }
div.question a:active { background-image: url(/images/question.jpg); background-repeat: no-repeat; background-position: center left; color:#E00000; text-decoration:none; padding-left: 20px; }

/* Favoriten */
table.favlist {
	border: 0;
	border-collapse: collapse
}

/* ToolTipClass */
div.tooltip {
        border: 1px solid black;
        width: 200px;
        padding: 2px;
        background-color: #FFFFE1;
        color: black;
        z-index: 999;
        position: absolute;
        top:-9999px;
}

/* Geschichtenauflistung */

table.ims {
	border: 1px solid #666;
	border-collapse: collapse;
	width: 100%;
	text-align: left
}

table.ims thead tr th {
	background-image:url(/images/bg_comment_special.gif);
	background-repeat:repeat-x;
	color: white
}