/*
##########################
# Allgemeins
##########################
*/

body {
	background-color: #E0DFE3;
	margin: 0px;
	padding: 0px;
	
	font-size: 12px;
	font-family: Verdana, Arial;
}


#redirect {
	position: absolute;
	top: 45%;
	bottom: 55%;
	
	padding: 50px;
	
	border: #525E6E 1px solid;
	background-color: #EDEFF2;	
	
	width: 100%;
	

}

#redirect p {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#popup {
	margin: 3px;
}

#iframe {
	margin: 1px;
	font-size: 10px;
	background-color: #EDEFF2;
}


img {
	border-style: none;
}

a.ml 			{ text-decoration: underline; color: #364D67; }
a.ml:visited	{ text-decoration: underline; color: #2C3E52; }
a.ml:hover		{ text-decoration: underline; color: #FF6600; }
a.ml:active	{ text-decoration: underline; color: #FF0000; }

a 		{ text-decoration: none; color: #364D67; }
a:visited{ text-decoration: none; color: #2C3E52; }
a:hover	{ text-decoration: underline; color: #FF6600; }
a:active	{ text-decoration: underline; color: #FF0000; }

h1, h2, h3, h4 {
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	font-weight: normal;
}


.usertext a 		{ text-decoration: underline; color: #364D67; }
.usertext a:visited{ text-decoration: underline; color: #2C3E52; }
.usertext a:hover	{ text-decoration: underline; color: #FF6600; }
.usertext a:active	{ text-decoration: underline; color: #FF0000; }


input,input:hover,select,select:hover { 
	font-family: Verdana;
	font-size: 8pt;
	background-color: #eeeeee;
	border:1px solid #525E6E;
}

input:hover,select:hover {
	background-color: white;
	border:1px solid #FF6600;
}

/*
##########################
# Kopf:
##########################
*/
#header {
	background-color: #838591;
	height: 120px;
	width: 100%;
	
	border-bottom-color: #525E6E;
	border-bottom-style: solid;
	border-bottom-width: 1px; 
	
	margin-bottom: 5px;	
	
	background-image: url('http://static.pagenstecher.de/images/header/pagenstecher4.jpg');
	background-repeat: no-repeat; 
}

#header #logo {
	margin-right: 500px;
}

#header #header_right {
	float: right;
	margin-right: 0px;
	margin-top: 10px;
	padding: 0px;
	
	width: 728px;
	text-align: right;
}

#header_right #userbar, #header_right #userbar_magazin {
	padding-right: 15px;
	text-align: right;
	font-size: 10px;
	text-align: right;
	color: white;
	padding-top: 3px;
}

#header_right #userbar a, #header_right #userbar a:visited, #header_right #userbar_magazin a, #header_right #userbar_magazin a:visited {
	text-decoration: underline;
	color: white;
}

#header_right #userbar a:hover, #header_right #userbar_magazin a:hover {
	text-decoration: underline;
	color: #FF6600;
}

#header_right #userbar_magazin {
	padding-right: 170px;
}

#header_right #banner {
	height: 90px;
}

#header_right #banner_wallpaper {
	position: absolute;
	right: 0px;
	margin-top: 0px;
}


/*
##########################
# Navigation:
##########################
*/

#navigation, #navigation_magazin  {
	width: 100%;
	padding: 1px 0px 0px 0px;
}

#navigation #tabmenu, #navigation_magazin #tabmenu {
	color: #000;
	border-bottom-color: #525E6E;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	padding-left: 10px;
	
	font-size: 12px;
	font-weight: bold;
}

#navigation_magazin #tabmenu {
	margin-right: 170px;
}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none; 
}

#tabmenu a.notactive, a.active {
	background: #EDEFF2;		/* background of unselected tab */
	border-color: #525E6E;
	border-style: solid;
	border-width: 1px;
		
	padding: 2px 5px 0px 5px;
	margin: 0px;
	text-decoration: none;
}
	
#tabmenu a.active {
	background: #7894B4;		/* background of selected tab*/
	border-bottom: 3px solid #7894B4; 
	color: white;
	
	text-decoration: none;
}

#tabmenu a:active:visited {
	color: white; 
}

#tabmenu a.active:hover {
	background: #7894B4;		/* background of selected tab on hover */
	color: red;
}

#tabmenu a.notactive {
	color: black;
}
#tabmenu a.notactive:visited {
	color: black;
}
#tabmenu a.notactive:hover {
	background: #7894B4; 	/* background of unselected tab on hover */
	border-bottom: 3px solid #7894B4;
	color: white;
}

#navigation #menubar, #navigation_magazin #menubar {
	position: relative;
	
	background-color: #7894B4;
	
	border-color: #525E6E;
	border-style: solid;
	border-width: 1px;
	
	border-top-style: none;
	
	padding: 5px 20px 5px 20px;
	
	color: white;
	
	font-size: 10px;
	margin: 0px;
}


#navigation_magazin #menubar {
	margin-right: 170px;
}

#menubar a,#menubar a:visited {
	color: white;
	text-decoration: underline;
}

#menubar a:hover {
	text-decoration: none;
	color: #FF6600;
}

#searchbar, #searchbar_magazin {
	font-size: 10px;
	text-align: right;
	
	position: absolute;
	right: 0px;
	
	margin-right: 0px;
	padding-right: 15px;
}


#searchbar_magazin {
	right: 155px;
}

/*
##########################
# Hauptbereich
##########################
*/

#main {
	margin: 5px;
	padding: 5px;
}

#leftcolumn {
	position: absolute;
	left: 5px;
	width: 190px;
	padding-top: 0px;;
}

#rightcolumn {
	position: absolute;
	right: 5px;
	width: 190px;
	padding-top: 0px;;
}

.box {
	border-color: #525E6E;
	border-style: solid;
	border-width: 1px; 
	
	border-bottom-style: none;

	margin-bottom: 10px;
}

.box .boxheader  {
	border-bottom-color: #525E6E;
	border-bottom-style: solid;
	border-bottom-width: 1px;

	background-color:  #7894B4;
	color: white;
	font-size: 11px;
	font-weight: bold;
	
	padding: 3px;
}

.boxheader a {
	text-decoration: none;
	color: white;
}
.boxheader a:visited {
	text-decoration: none;
	color: white;
}
.boxheader a:hover {
	text-decoration: underline;
	color: #FF6600;
}

.boxheaderbuttons {
	float: right;
}


.box .boxcellA {
	font-size: 11px;	
	background-color: #EDEFF2;
	padding: 3px;
	
	border-bottom-color: #525E6E;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}

.box .boxcellB {
	font-size: 11px;	
	background-color: #DDE2EC;
	padding: 3px;
	
	border-bottom-color: #525E6E;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
	
.box .boxcellH {
	font-size: 11px;	
	background-color:  #7894B4;
	color: white;
	padding: 3px;
	
	border-bottom-color: #525E6E;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#content,#content_withright,#content_banner,#content_withright_banner, #content_magazin_banner {
	background-color: #EDEFF2;

	border-color: #525E6E;
	border-style: solid;
	border-width: 1px;	
	
	padding: 3px;
	margin-left: 195px;	
	
	margin-bottom: 3px;
}

#content_magazin {
	padding: 0px;
	margin-left: 195px;	
	margin-bottom: 3px;
}

#content_magazin, #content_magazin_banner {
	margin-right: 160px;
}

#content_withright,#content_withright_banner {
	margin-right: 195px;
}

#content_banner,#content_withright_banner, #content_magazin_banner {
	text-align: center;
}

#content h2, #content_withright h2, #content_magazin h2 {
	margin-bottom: 0px;
	font-size: 12px;
}

#content h1, #content_withright h1, #content_magazin h1 {
	font-size: 14px;
	font-weight: bold;
}

#footer {
	text-align:center;
	font-size: 10px;
	
}
/*
##########################
# Tabellen-Style:
##########################
*/


.ttable td,.ttable_full td {
	padding:3px;
	margin: 0px;

	vertical-align: top;
}

.ttable,.ttable_full {
	margin: 0px;
	padding: 0px;
	border-collapse:	collapse;
}

.ttable_full {
	width:100%;
}


.td_b,tr_b td {
	border: #525E6E 1px solid;
}

.td_bA,.tr_bA td,.emptyrow td {
	border: #525E6E 1px solid;
	background-color: #EDEFF2;
}

.td_bB,.tr_bB td {
	border: #525E6E 1px solid;
	background-color: #E2E6EE;
}

.td_bH,.tr_bH td, .ttable th, .ttable_full th {
	border: #525E6E 1px solid;
	background-color: #7894B4;
	color: white;
	font-weight: bold;
	font-size: 11px;
	
	white-space: nowrap; 
}


.td_bR,.tr_bR td {
	border: #525E6E 1px solid;
	background-color:  #FF9D9D;
}

.tr_clear td {
	padding: 5px;
}

.emptyrow td {
	padding: 20px;
}

.td_bH a,.tr_bH a {
	text-decoration: none;
	color: white;
}
.td_bH a:visited,.tr_bH a:visited{
	text-decoration: none;
	color: white;
}
.td_bH a:hover,.tr_bH a:hover {
	text-decoration: underline;
	color: #FF6600;
}


/*
##########################
# FORM
##########################
*/

.fieldesc {
	font-size: 11px;
	font-style: italic;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

.req {
	color: red;
}

.formtitle {
	font-weight: bold;
	white-space: nowrap; 
}

.separatordesc {
	font-size: 12px;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}


/*
##########################
# Tabelle oberhalb des Inhalts mit Seitennavigation und Link
##########################
*/
.toptable {
	width: 100%;
}

.toptable .left {
	white-space: nowrap; 
}

.toptable .right {
	width: 100%;
}

.toptable .right table {
	margin-left:auto;
	margin-right:0; 
	text-align: right;
}

/*
##########################
# SEITEN NAVIGATION
##########################
*/

.pagenav {
	padding:3px;
	border-collapse:collapse;
	margin-bottom: 3px;
	margin-top: 3px;
}

.pagenav td {
	border: #525E6E 1px solid;
	background-color: #EDEFF2;
	padding-left: 5px;
	padding-right: 5px;
}

.pagenav .title {
	background-color: #7894B4;
	color: white;
	font-weight: bold;
}

.pagenav .current {
	font-weight: bold;
	background-color: #E2E6EE;
}
	
/*
##########################
# DROP-DOWN-MENU
##########################
*/

.dropdown_table {
	padding:3px;
	border-collapse: collapse;
	margin-bottom: 3px;
	margin-top: 3px;
}

.dropdown_table td {
	padding-left: 5px;
	padding-right: 5px;

	vertical-align: top;
	border: #525E6E 1px solid;
}



.dropdown_title td {
	background-color: #7894B4;
	color: white;
	font-weight: bold;
	font-size: 11px;
}

.dropdown_title td a {
	text-decoration: none;
	color: white;
}
.dropdown_title td a:visited{
	text-decoration: none;
	color: white;
}
.dropdown_title td a:hover {
	text-decoration: none;
	color: #FF6600;
}

.dropdown_A td  {
	background-color: #EDEFF2;
}

.dropdown_B td {
	background-color: #E2E6EE;
}

.dropdown_div {
	position:absolute;
	left: 0px;
}


/*
##########################
# FORUM
##########################
*/

/* #### Kategorie #### */
.forum_catrow {
	/*background: url("/images/farbverlauf.gif");*/
}

.forum_catrow td {
	height: 25px;
}

.forum_catrow .namecell {
	white-space: normal;
	vertical-align: middle;
}

.forum_catrow .headcell {
	vertical-align: bottom;
}

.forum_catrow h3 {
	font-size: 14px;
	font-weight: bold;
	/*text-decoration: underline;*/
	margin-bottom: 0px;
}

.forum_catrow .catdesc {
	font-size: 11px;
	font-weight: normal;
}

/* #### Board #### */
.forum_boardrow {
	
}	

.forum_boardrow td {
	height: 50px;
}


.forum_boardrow .iconcell {
	border: #525E6E 1px solid;
	background-color: #E2E6EE;
	vertical-align: middle;
	width: 0px;	
}

.forum_boardrow .namecell {
	border: #525E6E 1px solid;
	background-color: #EDEFF2;
	vertical-align: top;
	width: 100%;	
}

.forum_boardrow .counter {
	vertical-align: middle;
	text-align: center;
}

.namecell h4 {
	font-size:14px;
	font-weight: bold;
	margin-bottom: 0px;
}

.namecell .boarddesc {
	font-size: 11px;
}

.namecell .boardpagenav {
	font-size: 11px;
}

.namecell .subboards {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
}

.namecell .subboards .subboard_title {
	text-decoration: underline;
}

.lastcell {
	border: #525E6E 1px solid;
	background-color: #E2E6EE;
	vertical-align: middle;		
	white-space: nowrap; 
}

.lastcell .threadtitle {
	font-weight: bold;
	font-size:11px;

}

.lastcell .threaduser {
	font-size:11px;
}

.lastcell .threadtime {
	font-size:11px;
}



/*
##########################
# BOARD
##########################
*/

.board_row {

}
.board_row .iconcell {
	vertical-align: middle;
	text-align: center;
	width: 0px;
}

.board_row .namecell .threadtitle {
	font-size:14px;
	white-space: nowrap; 
}

.board_row .namecell .threadauthor {
	font-style: italic;
	font-size: 11px;
}

.board_row .namecell .threadpages {
	font-size: 11px;
}

.board_row .counter {
	vertical-align: middle;
	text-align: center;
}

.board_row .threadtime {
	white-space: nowrap;
	font-size: 11px;
}

.board_row .threaduser{
	font-size: 11px;
}

.newtopiclink {
	font-size: 14px;
	font-weight: bold;
	float:left;
}

.board_pagenav {
	text-align: right;
	border: 1px red solid;	
}



/*
##########################
# POSTING
##########################
*/


.post_user {
	width: 20%;
}

.post_user .small {
	font-size: 11px;
}

.datecell {
	white-space: nowrap;
}

.customrankname {
	font-size: 11px;
	font-style: italic;
}

.post_user .rankname {
	font-size: 10px;
}

.post_text {
	text-align: justify;
	width: 80%;
}
.post_text .lastedit_hr {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	color: #525E6E;
	background-color: #525E6E;
	border: #525E6E;
	height: 1px;
}

.post_text .lastedit {
	font-size: 11px;
	font-style: italic;
}


.post_subleft {
	padding-left: 100px;
	margin-left: 50px;
	vertical-align: middle;
	height: 20px;
}

.post_subleft img {
	border: 0px;
	vertical-align: middle;
}


.post_subright {
	text-align: right;
	font-size: 0px;
	vertical-align: middle;
	height: 20px;
}

.post_subright img {
	border: 0px;
	vertical-align: middle;
}

.post_table {
	margin-bottom: 10px;
}


/*
##########################
# QUOTES
##########################
*/

.quotebox {
	font-size: 10px;
	margin:20px;
	margin-top:5px;
	font-weight: bold;
}

.quote {
	border: #525E6E 1px solid;
	margin: 0px;
	padding: 5px;
	background-color: #EDEFF2;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
}

.quoteby {
	font-style: normal;
}
	
/*
##########################
# UPLOADS
##########################
*/

.upload_img {
	border: black 1px solid;
}

.flash_a {
	background-repeat: no-repeat;
	border: black 1px solid;
	text-align: center;
}

.upload_file {
	border: black 1px solid;
}

.upload_file img {
	float:left;
}

.upload_file p {
	margin: 0px;
	padding: 0px;
}

/*
##########################
# POPUP
##########################
*/
#lpopupwindow {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	margin-left: -150px; /* half of width */
	margin-top: -150px;  /* half of height */
	background-color: #EDEFF2;

	border-color: #525E6E;
	border-style: solid;
	border-width: 1px;	
	border-bottom-style: none;
	
}

.lpopup_title {
	border-bottom: #525E6E 1px solid;
	background-color: #7894B4;
	color: white;
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
}

.lpopup {
	padding: 3px;
	border-bottom: #525E6E 1px solid;
}

.lpopup_close {
	float: right;
}

/*
##########################
# Ajax Autocomplete
##########################
*/
.ac_results {
        padding: 0px;
        border: #525E6E 1px solid; 	
        background-color: #EDEFF2;
        color: black;
}

.ac_results ul {
        list-style: none;
        padding: 0;
        margin: 0;
}
.ac_results li.selected {
        background-color: #7894B4;
        color: white;
        font-weight: bold;
}

.ac_results li {
        margin: 0px;
        padding: 2px;
        cursor: pointer;
        display: block;
		font-size: 12px;
        overflow: hidden;
}

.ac_loading {
        background : Window url('/images/indicator.gif') right center no-repeat;
}


/*
##########################
# Chat
##########################
*/

#chat #messages {
	height: 280px;
	text-align: left;
	padding: 5px;
	overflow: auto;
}

#chat #messages p,#chat #userlist p {
	margin: 0px;
	padding: 0px;
}

#chat #messages .spy {
	color: red;
	font-weight: bold;
}

#chat #userlist {
	height: 280px;
	width: 200px;
	text-align: left;
	padding: 5px;
	Oerflow: auto;
}

/*
###############################
# Galerie Navigation
##############################
*/

div.galshot {
  position: relative;
  overflow: hidden;
  text-align: center;
}

* html div.galshot {
  float: left;
}


div.galcontrols a {
  text-indent: -5000px;
  overflow: hidden;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(http://static.pagenstecher.de/images/gal-next.gif);
  opacity: 0;
  filter: alpha(opacity=0);
}

* html div.galcontrols a {
  height: 10000px;
  background-position: center 150px;
}

div.galcontrols a.galprevious {
  left: 0;
  background-image: url(http://static.pagenstecher.de/images/gal-previous.gif);
}

div.galcontrols a:hover {
  opacity: 0.25;
  filter: alpha(opacity=25);
}

.solrsearch em {
	font-weight: bold;
}

/*
###############################
# Kalender
##############################
*/

.calendartable {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse:	collapse;
}

.calendarrow {
	border: #525E6E 1px solid;
}

.calendarbox, .calendarbox_today {
	height: 150px;
	width: 14%;
	margin: 0px;
	padding: 0px;

	vertical-align: top;
	border: #525E6E 1px solid; 	
	background-color: #EDEFF2;	
}

.calendarbox_today {
	background-color: #E2E6EE;
}	


.calendarbox .title, .calendarbox_today .title {
	font-weight: bold;
	text-align: right;
	background-color: #7894B4;
	color: white;
	font-weight: bold;
	font-size: 11px;
	
	white-space: nowrap; 
	border-bottom: #525E6E 1px solid; 	
	padding: 2px;
}


.calendarbox_today .title {
	color: red;
}

.calendarbox .event, .calendarbox_today .event {
	font-size: 10px;
	border-bottom: #b0caed 1px solid; 	
} 


/*
###############################
# Magazin
##############################
*/
#magazin_leftcolumn {
	width: 50%;
	float: left;
}

#magazin_rightcolumn {
	width: 50%;
	float: left;
}

.magazin_teaserA, .magazin_teaserB, .magazin_hauptteaser {
	padding: 3px;
	text-align: justify;	
	border: #525E6E 1px solid;
}

.magazin_teaserA img, .magazin_teaserB img, .magazin_hauptteaser img  {
	border: black 1px solid;
}


.magazin_hauptteaser {
	background-color: #EDEFF2;
}

.magazin_hauptteaser h4 {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0px;
}

.magazin_hauptteaser h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
}

.magazin_hauptteaser img {
	width: 300px;
}

.magazin_teaserA, .magazin_teaserB {
	height: 160px;
	overflow: hidden;
	background-color: #EDEFF2;
}

.magazin_teaserB {
	background-color: #E2E6EE;
}

.magazin_teaserA h4, .magazin_teaserB h4 {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0px;
}

.magazin_teaserA h3, .magazin_teaserB h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}

.magazin_teaserA img, .magazin_teaserB img {
	float: left;
	margin-right: 5px;
}

.magazin_teaserA_post, .magazin_teaserB_post, .magazin_hauptteaser_post {
	padding: 3px;
	background-color: #EDEFF2;
	border-left: #525E6E 1px solid;
	border-right: #525E6E 1px solid;
	border-bottom: #525E6E 1px solid;
	font-size: 10px;
	text-align: right;
	margin-bottom: 3px;
}

.magazin_teaserB_post {
	background-color: #E2E6EE;
}	

.magazin_teaserA_post ul, .magazin_teaserB_post ul {
	margin: 0px;
}