/* ###################### GENERAL DEFINITIONS ###################### */
html {
	height:100%;
}

body {
	height:100%;
	font-family:arial,times new roman,verdana,sans-serif;
	font-size:76%;
	padding:0;
	border:0;
	margin:0;
	color:#dbcdad;
	background:#000000 url(../img/relaunch2009/addon-body-bg.jpg) top center no-repeat;
	/*background:#000000 url(../img/relaunch2009/body-bg_date.jpg) top center no-repeat;*/
}

* {
	padding:0;
	border:0;
	margin:0;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	display:none;
	visibility:hidden;
	
}

h1 span.text, h2 span.text, h3 span.text, h4 span.text, h5 span.text, h6 span.text, h1#logo span {
	display:inline !important;
	visibility:visible !important;
}

h2 {
	font-size: 17px;
	
} 



blockquote {
        margin:0 0 0 30px;        
}

strong,b {
        font-weight:bold;
}

em,i {
        font-style:italic;
}

.clear {
        clear:both;
        height:0;
        padding:0;
        border:0;
        margin:0;
        font-size:0;
        line-height:0;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/.clearfix{ display:block; }/* End hide from IE Mac */




/* ###################### LAYOUT ###################### */
#page {
	position:relative;
	width:990px;
	min-height:100%;
	margin:0 auto;
}

#header {
	position:relative;
	width:990px;
	height:232px;
}

ul#nav-lang {
	position:absolute;
	top:4px;
	left:5px;
}

/* ie6 */
* html ul#nav-lang {
	left:43px;
}

h1#logo {
	position:absolute;
	top:40px;
	left:30px;
}

/* ie6 */
* html h1#logo {
	left:68px;
}

ul#nav-main {
	position:relative;
	width:720px;
	height:53px;
	margin-left:39px;
	background:url(../img/relaunch2009/nav-main-bg.jpg) top left no-repeat;
	z-index:9000;
}

/* ie6 */
* html ul#nav-main {
	margin-left:41px;
}

/* ie7 */
* + html ul#nav-main {
	margin-left:41px;
}

#content {
	position:relative;
	width:950px;
	margin-left:39px;
	background:url(../img/relaunch2009/content-area-bg.jpg) 0 468px repeat-y;
    font-size:11px;
}

/* ie6 */
* html #content {
	margin-left:41px;
}

/* ie7 */
* + html #content {
	margin-left:41px;
}


#contentInner {
	position:relative;
	width:950px;
	background:url(../img/relaunch2009/content-bg.jpg) top left no-repeat;
}

#contbg {
	position:relative;
	width:990px;
	padding:0 0 150px 0;
	margin:0 auto;
    font-size:11px;
}

.mov_link {
		margin-left:196px;
}
/* --- nav-misc begin --- */
#nav-misc {
        position:relative;
        width:635px;
        height:33px;
        padding:7px 0 0 35px;
        margin:0;
        list-style-type:none;
}

#nav-misc li {
        float:left;
}
/* --- nav-misc end --- */


/* --- nav-main begin --- */
#nav-main {
	list-style-type:none;
}

#nav-main li {
	float:left;
	width:120px;
	height:53px;
}

#nav-main li.first {
	width:119px;
}

#nav-main li.last {
	width:121px;
}

ul.gmenuLayersLevel2 {
/*	position:relative;*/
	border:1px solid #000;
	margin-left:13px;
	list-style:none;
	font-size:10px;
	background:#000;
	z-index:500;
}

#nav-main ul.gmenuLayersLevel2 li {
	float:none;
	height:auto;
	margin:0;
	line-height:16px;
}

ul.gmenuLayersLevel2 li a {
	display:block;
	width:110px;
	padding:2px 5px 2px 5px;
	color:#fff;
	text-decoration:none;
}

ul.gmenuLayersLevel2 li a:hover {
	text-decoration:none;
}

/* --- nav-main end --- */


#primary-content {
    float:left;
	width:690px;
	padding:15px;
}

#primary-content ol, #primary-content ul,
#tertiary-content ol, #tertiary-content ul {
        font-size:10px;
        line-height:16px;
        margin:0 0 20px 15px;
}

#tertiary-content {
	float:left;
	width:210px;
	padding:10px;
}

#tertiary-content .box-typ3, #tertiary-content .box-typ4 {
/*        padding:15px 0 15px 20px;*/
        margin:0 0 15px 0;
}

#footer {
	position:relative;
	width:910px;
	margin:20px auto 20px auto;
	font-size:10px;
	text-align:center;
}

#footer ul#nav-footer {
        width:910px;
        margin:0 auto;
        list-style:none;
        text-align:center;
        font-size:10px;
}

#footer ul#nav-footer li {
        display:inline;
        padding:5px;
}

#footer div.csi-center div.csi-text {
		text-align:center;
}


th {
        padding:0 15px 0 0;
        font-weight:bold;
        text-align:left;
        vertical-align:top;
}

td {
        text-align:left;
        vertical-align:top;
}


/* --- formulare (kontaktformular) --- */
fieldset {
        padding:5px 10px 10px 10px;
        border:1px solid;
        margin:0 0 25px 0;
}

legend {
        font-size:13px;
        font-weight:bold;
}

#kontaktformular p {
        padding:0;
        margin:2px 0 2px 0;
        clear:both;
}

#kontaktformular p.headline {
        padding:0;
        margin:5px 0 15px 0;
        font-size:13px;
        font-weight:bold;
}

label {
        width:110px;
        padding:4px 0 2px 0;
        font-size:11px;
        line-height:18px;
        float:left;
}

label.message-text {
        width:auto;
        height:15px;
        padding:0;
        margin:0;
        float:none;
}

.absender {
        margin:25px 0 20px 0;
}

input, textarea {
        width:200px;
        padding:2px;
        border:1px solid;
        margin:2px 0 2px 0;
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:11px;
}

select {
        min-width:100px;
        padding:2px;
        border:1px solid;
        margin:2px 0 2px 0;
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:11px;
}

#herr, #frau {
        position:relative;
        width:auto;
        margin:0 3px 5px 0;
        border:0;
        float:left;
        z-index:150;
}

span.herr {
        position:relative;
        padding:0;
        margin:0 25px 0 0;
        font-size:11px;
        float:left;
}

span.frau {
        position:relative;
        padding:0;
        margin:0;
        font-size:11px;
        float:none;
}

#strasse {
        width:150px;
}

#strassenr, #plz {
        width:40px;
}

#ort {
        width:150px;
}

#telvor {
        width:40px;
}

#tel {
        width:150px;
}

#gebday, #gebmon {
        width:28px;
}

#gebyear {
        width:43px;
}

#kontaktformular .submit {
        width:auto;
        margin:10px 0 0 0;
}

#kontaktformular p.feld-hinweis {
        margin:20px 0 25px 0;
        font-size:11px;
}


/* -------- NEUE FUNKTION | Styleswitcher -------- */
.tx-isstyleswitcher-pi1 {        
        padding-left: 25px;        
        padding-top: 5px;
        padding-bottom: 5px;
}
.tx-isstyleswitcher-pi1 h3 {
        color: #626EA0;
        font-size: 90%;
}
.tx-isstyleswitcher-pi1  ul {
        list-style: none;
}
.tx-isstyleswitcher-pi1 ul li {
        display: inline;
        padding: 5px;
}


/* --- nav-lang --- */
ul#nav-lang {
	padding:0;
	margin-bottom:0;
	list-style:none;
}

#nav-lang li {
	float:left;
	margin-right:5px;
}



/* --- sitemap --- */
li.deep0, li.deep1, li.deep2 {
        font-size:11px;
        margin:0 0 0 20px;        
}

li.deep0 {
        margin:0;
}

/* --- new login box --- */
.newloginbox input {
        width:160px;
}

.newloginbox label {
        float:none;
}

.newloginbox dl dt {
        width:180px;
        float:left;
}


/* --- fe-user-register --- */
.tx-srfeuserregister-pi1 input {
        border:1px solid;        
        width:160px;
}

.tx-srfeuserregister-pi1 label {
        float:none;
}

.tx-srfeuserregister-pi1 dl dt {
        width:180px;
        float:left;
}


/* --- image-voting --- */
.image-voting {
        padding:0;
        margin:15px 0 0 0;
}

.image-voting .image {
        display:block;
        width:190px;
        height:175px;
        margin:0 25px 5px 0;
        text-align:left;
        float:left;
}

#content .image-voting .image p {
        text-align:center;
}

/* --- gif-rollover --- */
a.animation, a.animation-gross {
        display:block;
        width:190px;
        height:190px;
        font-size:0;
        text-indent:-9999px;
        text-decoration:none;
        float:left;
}

.margin {
        margin:70px 0 0 0;
}

a.animation:hover, a.animation-gross:hover  {
        text-decoration:none;
        background-position:0 -190px;
}

a.animation-gross {
        height:260px;
}

a.animation-gross:hover {
        background-position:0 -260px;
}

p.animation-info {
        display:block;
        width:190px;
        text-align:center;
        font-weight:bold;
        float:left;
}


/* --- suchbox --- */
.tx-macinasearchbox-pi1 {
        background:url(../img/gut-teaser-element1-bg.gif) top left no-repeat;
        padding: 12px 0 0 28px;
        margin-bottom: 8px;
}

.tx-macinasearchbox-pi1 #search-input {
        border:1px solid #92908F;        
        background-color: black;
        color: #A29E92;
        width: 150px;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-form {
        padding-bottom: 10px;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword {
        border: 1px solid #92908f;        
        background-color: black;
        color: #A29E92;
        width: 150px;
}

div.tx-indexedsearch-res h3 span {
        display:inline;
        visibility:visible;
}


/* --- fe-user-register / newloginbox --- */
.tx-srfeuserregister-pi1 input {
        border:1px solid;        
        width:160px;
}

.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit,
.newloginbox input.submit {
        width:auto;
        margin:10px 0 0 0;
}

.newloginbox #logout-submit {
        margin:0;
}

.newloginbox-status {
        padding:0 0 10px 0;
}

.tx-srfeuserregister-pi1 label {
        float:none;
}

.tx-srfeuserregister-pi1 dl {
        margin:15px 0 0 0;
}

.tx-srfeuserregister-pi1 dl dt {
        width:180px;
        float:left;
}

.tx-srfeuserregister-pi1-trash {
        padding:10px 0 10px 0;
}



/* Preview Charaktere */
#charaktere-preview {
	position: relative;
	background: url(/fileadmin/sacred2/main/img/link_background.jpg) top left;
	width: 429px;
	height: 349px;
}

.gross {
	width:675px !important;
	background: url(/fileadmin/sacred2/main/img/link_background_gross.jpg) top left !important;
}


#charaktere-preview a.sera, #charaktere-preview a.shadow_good,
#charaktere-preview a.shadow_evil,  #charaktere-preview a.high_elf {
	top: 175px; 
	left: 13px; 
	position: absolute; 
	display: block; 
	width: 132px; 
	height: 144px;
	background: url(/fileadmin/sacred2/main/img/link_seraphim.jpg) top left;
}

#charaktere-preview a.shadow_good {
	left: 303px;
	background: url(/fileadmin/sacred2/main/img/link_shadow_blue.gif) top left;
}

#charaktere-preview a.shadow_evil {
	left: 176px; 
	background: url(/fileadmin/sacred2/main/img/link_shadow_red.gif) top left;
}

#charaktere-preview a.high_elf {
	top:175px;
	left: 450px; 
	background: url(/fileadmin/sacred2/main/img/link_elf.jpg) top left;
}


#charaktere-preview-small, #charaktere-preview-small2 {
	position: relative;
	background: url(/fileadmin/sacred2/main/img/link_background_small.gif) top left;
	width: 208px;
	height: 170px;
}

#charaktere-preview-small a.sera, #charaktere-preview-small a.shadow_good,
#charaktere-preview-small a.shadow_evil, #charaktere-preview-small2 a.high_elf {
	top: 80px; 
	left: 9px; 
	position: absolute; 
	display: block; 
	width: 61px; 
	height: 70px;
	background: url(/fileadmin/sacred2/main/img/link_sera_small.gif) top left;
}

#charaktere-preview-small a.shadow_good {
	left: 146px;
	background: url(/fileadmin/sacred2/main/img/link_shadow_blue_small.gif) top left;
}

#charaktere-preview-small a.shadow_evil {
	left: 88px; 
	background: url(/fileadmin/sacred2/main/img/link_shadow_red_small.gif) top left;
}

#charaktere-preview-small2 {
	background: url(/fileadmin/sacred2/main/img/link_background2_small.gif) top left;
}

#charaktere-preview-small2 a.high_elf {
	top:75px;
	left:146px;
	background: url(/fileadmin/sacred2/main/img/link_elf_small.gif) top left;
}

#charaktere-preview a:hover,
#charaktere-preview-small a:hover {
	background-position: bottom left;
	text-decoration: none;
}

#charaktere-preview a.high_elf:hover {
	background-position:0 -142px ;
	text-decoration: none;
}



/* Charaktere Menue */
#se a {
       display:block;
	   height:170px;
	   width:142px;
	   background-image:url(/fileadmin/sacred2/content/charaktere/images/se_off.png);
	   }

#se a:hover{
		background-image:url(/fileadmin/sacred2/content/charaktere/images/se_mo.png);
		}
#sw a {
		display:block;
		height:170px;
		width:142px;
		background-image:url(/fileadmin/sacred2/content/charaktere/images/sw_off.png);
		}

#sw a:hover{
		background-image:url(/fileadmin/sacred2/content/charaktere/images/sw_mo.png);
		}

#swl a {
        	display:block;
		height:170px;
		width:142px;
		background-image:url(/fileadmin/sacred2/content/charaktere/images/swl_off.png);
		}

#swl a:hover{
		background-image:url(/fileadmin/sacred2/content/charaktere/images/swl_mo.png);
		}
		
#hel a {
        display:block;
		height:170px;
		width:142px;
		background-image:url(/fileadmin/sacred2/content/charaktere/images/hel_off.png);
		}

#hel a:hover{
      		background-image:url(/fileadmin/sacred2/content/charaktere/images/hel_mo.png);
	  	}

#hes a {
        display:block;
		height:241px;
		width:156px;
		background-image:url(/fileadmin/sacred2/content/charaktere/images/hes_off.png);
  		}

#hes a:hover{
      	background-image:url(/fileadmin/sacred2/content/charaktere/images/hes_mo.png);
  		}
#drs a {
        display:block;
		height:170px;
		width:142px;
		background-image:url(/fileadmin/sacred2/content/charaktere/images/drs_off.png);
  		}

#drs a:hover{
      	background-image:url(/fileadmin/sacred2/content/charaktere/images/drs_mo.png);
  		}
#drl a {
        display:block;
		height:170px;
		width:142px;
		background-image:url(/fileadmin/sacred2/content/charaktere/images/drl_off.png);
  		}

#drl a:hover{
      	background-image:url(/fileadmin/sacred2/content/charaktere/images/drl_mo.png);
  		}
#inq a {
        display:block;
		height:170px;
		width:140px;
		background-image:url(/fileadmin/sacred2/content/charaktere/images/in_off.png);
  		}

#inq a:hover{
      	background-image:url(/fileadmin/sacred2/content/charaktere/images/in_mo.png);
  		}
#tgl a {
		display:block;
		height:170px;
		width:142px;
		background-image:url(/fileadmin/sacred2/content/charaktere/images/tg_off.png);
		}

#tgl a:hover{
		background-image:url(/fileadmin/sacred2/content/charaktere/images/tg_mo.png);
		}
#tgs a {
        	display:block;
		height:170px;
		width:142px;
		background-image:url(/fileadmin/sacred2/content/charaktere/images/tgs_off.png);
		}

#tgs a:hover{
		background-image:url(/fileadmin/sacred2/content/charaktere/images/tgs_mo.png);
		}
		

/* ##### CONSOLE VIDEO ###### */
.consoleVideo p {
	padding-bottom:15px;
}

#s2konsolenvideo {
	margin-bottom:15px !important;
}

#primary-content .consoleVideo ul {
	margin-left:30px;
}



/* ##### WEBSHOP ###### */
.webshop table.imgtext-nowrap:after, .webshop .csi-intext-left-nowrap:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.webshop table.imgtext-nowrap, .webshop .csi-intext-left-nowrap, .webshop .csi-textpic {
	display:inline-block;
	padding-bottom:15px;
	border-bottom:1px solid #4A473E;
	margin-bottom:20px;
}

.webshop table.imgtext-table, .webshop .csi-imagewrap {
	width:190px;
}

.webshop .csi-text {
	margin-left:30px;
}

.webshop h2 {
	display:inline-block;
	padding:4px 10px 4px 10px;
	background:#AFA283;
}

.webshop h2 a {
	text-decoration:none;
}


/* ##### EXTRA IMAGES ##### */
.csi-textpic:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

..csi-textpic {
	display:inline-block;
}

/* Hide from IE Mac \*/..csi-textpic{ display:block; }/* End hide from IE Mac */


#ad {
	display:block;
	position:absolute;
	top:0;
	left:50%;
	margin-left:505px;
	width:120px;
	height:600px;
	overflow:hidden;
}

.skyBanner {
	margin:15px auto 25px auto;
	text-align:center;
}