/*
--------------------------------------------------------------
Delta-W 	Stylesheet v1.0
Coded by:	csmd.de for Delta-W
Date: 		23.07.2010
--------------------------------------------------------------

	01. Global			- Body, Text, Links, Konturen etc.
	02. Wrapper			- Positionierung der Bloecke
	03. Head und Foot	- Uebergreifende Elemente
	04. Startseite		- Formatierung der Startseitenelemente
	05. Unterseite		- Formatierung der Unterseitenelemente

--------------------------------------------------------------*/



/* 01. Global
--------------------------------------------------------------*/
body {
	background-color: #ffffff;
    margin: 0px;
    padding: 10px;
}
img {
  border:0;
}
/*
@font-face {
	font-family: 'YanoneKaffeesatzThin';
	src: url('YanoneKaffeesatz-Thin-webfont.eot');
	src: local('☺'), url('YanoneKaffeesatz-Thin-webfont.woff') format('woff'), url('YanoneKaffeesatz-Thin-webfont.ttf') format('truetype'), url('YanoneKaffeesatz-Thin-webfont.svg#webfont1lV5tJgV') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'YanoneKaffeesatzLight';
	src: url('YanoneKaffeesatz-Light-webfont.eot');
	src: local('☺'), url('YanoneKaffeesatz-Light-webfont.woff') format('woff'), url('YanoneKaffeesatz-Light-webfont.ttf') format('truetype'), url('YanoneKaffeesatz-Light-webfont.svg#webfont2Z8ZAw9C') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('YanoneKaffeesatz-Regular-webfont.eot');
	src: local('☺'), url('YanoneKaffeesatz-Regular-webfont.woff') format('woff'), url('YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), url('YanoneKaffeesatz-Regular-webfont.svg#webfontOyIQuN8e') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'YanoneKaffeesatzBold';
	src: url('YanoneKaffeesatz-Bold-webfont.eot');
	src: local('☺'), url('YanoneKaffeesatz-Bold-webfont.woff') format('woff'), url('YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'), url('YanoneKaffeesatz-Bold-webfont.svg#webfontsN7wWogL') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1.fontface {font: 60px/68px 'YanoneKaffeesatzRegular', Arial, sans-serif;letter-spacing: 0;}
p.style1 {font: 18px/27px 'YanoneKaffeesatzThin', Arial, sans-serif;}
p.style2 {font: 18px/27px 'YanoneKaffeesatzLight', Arial, sans-serif;}
p.style3 {font: 18px/27px 'YanoneKaffeesatzRegular', Arial, sans-serif;}
p.style4 {font: 18px/27px 'YanoneKaffeesatzBold', Arial, sans-serif;}
*/
.bildlinks {
    float: left;
}
.bildrechts {
    float: right;
}
.clear {
	clear: both;
}
.divclear {
	clear: both;
	height: 1px;
	width: 1px;
}
/* TEXT */
body, td, th, p {
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-size: 12px;
	color: #000000;
}
p, ul, ol {
	line-height: 20px;
}
h1 {
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
    margin:0 0 10px 0;
    color:#b1b65c;
    font-size: 16px;
    font-weight: normal;
}
h2 {
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	margin:0 0 10px 0;
	color: #c96538;
	font-size: 13px;
	font-weight: normal;
}
h3 {
	color: #ccc;
	font-size: 13px;
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-weight: normal;
	letter-spacing: 2px;
}
/* Links generell */
a {
	text-decoration: none;
	color: #000000;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #c96538;
}
/* Runde Ecken */
.roundbox_white_tl {background: url(../images/boxcorner_white_tl.png) 0 0 no-repeat;}
.roundbox_white_tr {background: url(../images/boxcorner_white_tr.png) 100% 0 no-repeat;}
.roundbox_white_bl {background: url(../images/boxcorner_white_bl.png) 0 100% no-repeat;}
.roundbox_white_br {background: url(../images/boxcorner_white_br.png) 100% 100% no-repeat; padding: 10px;}

.roundbox_white_bred_tl {background: url(../images/boxcorner_white_bred_tl.png) 0 0 no-repeat;}
.roundbox_white_bred_tr {background: url(../images/boxcorner_white_bred_tr.png) 100% 0 no-repeat;}
.roundbox_white_bred_bl {background: url(../images/boxcorner_white_bred_bl.png) 0 100% no-repeat;}
.roundbox_white_bred_br {background: url(../images/boxcorner_white_bred_br.png) 100% 100% no-repeat; padding: 10px; }

.roundbox_white_bgrey_tl {background: url(../images/boxcorner_white_bgrey_tl.png) 0 0 no-repeat;}
.roundbox_white_bgrey_tr {background: url(../images/boxcorner_white_bgrey_tr.png) 100% 0 no-repeat;}
.roundbox_white_bgrey_bl {background: url(../images/boxcorner_white_bgrey_bl.png) 0 100% no-repeat;}
.roundbox_white_bgrey_br {background: url(../images/boxcorner_white_bgrey_br.png) 100% 100% no-repeat; padding: 10px; }

.roundbox_white_borange_tl {background: url(../images/boxcorner_white_borange_tl.png) 0 0 no-repeat;}
.roundbox_white_borange_tr {background: url(../images/boxcorner_white_borange_tr.png) 100% 0 no-repeat;}
.roundbox_white_borange_bl {background: url(../images/boxcorner_white_borange_bl.png) 0 100% no-repeat;}
.roundbox_white_borange_br {background: url(../images/boxcorner_white_borange_br.png) 100% 100% no-repeat; padding: 10px; }

/* Konturen */
.bred_t, .bred_b { background-color: transparent; background-repeat: repeat-x;}
.bred_l, .bred_r { background-repeat: repeat-y;}	
.bred_t {background-image:url(../images/bred_t.png);background-position: 0% 0%;}
.bred_b {background-image:url(../images/bred_b.png);background-position: 50% 100%;}
.bred_l {background-image:url(../images/bred_l.png);background-position: 0% 100%;}	
.bred_r {background-image:url(../images/bred_r.png);background-position: 100% 0%;}

.bgrey_t, .bgrey_b { background-color: transparent; background-repeat: repeat-x;}
.bgrey_l, .bgrey_r { background-repeat: repeat-y;}	
.bgrey_t {background-image:url(../images/bgrey_t.png);background-position: 0% 0%;}
.bgrey_b {background-image:url(../images/bgrey_b.png);background-position: 50% 100%;}
.bgrey_l {background-image:url(../images/bgrey_l.png);background-position: 0% 100%;}	
.bgrey_r {background-image:url(../images/bgrey_r.png);background-position: 100% 0%;}

.borange_t, .borange_b { background-color: transparent; background-repeat: repeat-x;}
.borange_l, .borange_r { background-repeat: repeat-y;}	
.borange_t {background-image:url(../images/borange_t.png);background-position: 0% 0%;}
.borange_b {background-image:url(../images/borange_b.png);background-position: 50% 100%;}
.borange_l {background-image:url(../images/borange_l.png);background-position: 0% 100%;}	
.borange_r {background-image:url(../images/borange_r.png);background-position: 100% 0%;}


/* 02. Wrapper
--------------------------------------------------------------*/
#wrap {
    width: 930px;
    margin: 0px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
/* Content Wrapper */
#headwrap {
	width:930px;
	padding:0;
	margin:0;
	margin-bottom:10px;
}
#mainwrap {
	width:930px;
	padding:0;
	margin-bottom:10px;
}
#deltawrap {
	width:930px;
	padding:0;
	margin-bottom:15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c4c86a;
}
#subwrap {
	width:930px;
	padding:0;
	margin-bottom:15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c4c86a;
}
#footwrap {
	clear:both;
	width:930px;
}


/* 03. Head und Foot
--------------------------------------------------------------*/
/* Head */
#headcontent {
	width:930px;
	background-color: #ede9e3;
}
#headleft {
	float: left;
	margin-left: 35px;
	margin-top: 5px;
}
#headright {
	float: right;
	color: #e69623;
	font-size: 12px;
	text-align: right;
	margin-right: 10px;
}
#headtableright {
	float: right;
}
#headright a {
	text-decoration: none;
	color: #867771;
	font-size: 12px;
}#headright a:link {
	text-decoration: none;
	color: #867771;
}
#headright a:visited {
	text-decoration: none;
	color: #867771;
}
#headright a:hover {
	text-decoration: underline;
	color: #333333;
}
#headright a:active {
	text-decoration: none;
	color: #333333;
}
/* Head Login */
#headright form {
  margin:0;
  padding:0;
}
.loginheaduser {
    border:1px solid #c2b7a3;
    color: #000;
    background: #f8f5f0;
    width:170px;
    margin-top:10px;
    margin-bottom:8px;
    font-size: 11px;
    height:16px;
}
.loginheadpass {
    border:1px solid #c2b7a3;
    color: #000;
    background: #f8f5f0;
    width:140px;
    font-size: 11px;
    height:16px;
}
.loginheadSubmit {
	border:0px;
	background: url(../images/button_login.png) 0 0 no-repeat;
	margin-left:8px;
    padding: 0px;
    width:18px;
    height:18px;
}
/* Foot */
#footcontent {
	color: #b0a09a;
	font-size: 11px;
}
#footcontent a {
	text-decoration: none;
	color: #867771;
	font-size: 11px;
}
#footcontent a:link {
	text-decoration: none;
	color: #867771;
}
#footcontent a:visited {
	text-decoration: none;
	color: #867771;
}
#footcontent a:hover {
	text-decoration: underline;
	color: #333333;
}
#footcontent a:active {
	text-decoration: none;
	color: #333333;
}
#footleft {
	float: left;
	margin-left:10px;
}
#footright {
	float: right;
	margin-right:10px;
}


/* 04. Startseite
--------------------------------------------------------------*/
/* Main */
#maincontent {
	width:930px;
	background-color: #d69b7e;
	background: url(../images/maincontent_bg.jpg) 0 0 repeat-x;
}
#maincontentinnerfixed {
    width: 910px;
    height: 340px;
}
#mainsplash {
    position: relative;
    text-align: left;
}
#mainsplashcontent {
    position: absolute;
    left:45px;
    top:-105px;
    z-index: 1010;
}
/* Sub */
#subcontent {
	width:930px;
	background-color: #e69623;
	color: #000000;
}
#subcontentinnerfixed {
    width: 910px;
    height: 195px;
}
#subleft {
	float: left;
	width: 300px;
	margin-right: 15px;
}
#subleftmiddle {
	float: left;
	width: 560px;
	margin-right: 15px;
	padding-left:10px;
	padding-right:10px;
	border-right: 1px solid #c75714
}
#submiddle {
	float: left;
	width: 260px;
	padding-left:10px;
	padding-right:10px;
	border-left: 1px solid #c75714;
	border-right: 1px solid #c75714;
}
#subright {
	float: right;
	width: 300px;
}
#subcontent h1 {
	color: #bb4310;
	font-size: 17px;
	text-transform: uppercase;
    letter-spacing: 1px;
	margin-bottom:10px;
}
#subcontent p {
	margin-top:0px;
	color: #000000;
}
#subcontent .statvalue {
    float:left;
    width:90px;
    height:22px;
    text-align: right;
}
#subcontent .statdesc {
    float:right;
    width:160px;
    height:22px;
}
/* Startseiten Animation */
.splashanimation {
	padding: 0;
	margin: 0;
	margin-left:550px;
}
.splashanimation .buttons{
	clear:both;
}
.animationmask {
	position:relative;
	width:350px;
	height:265px;
	overflow:hidden;
}
#animationbox {
	position:absolute;
	z-index: 1000;
}
#animationbox div {
	width:350px;
	margin-top:25px;
/*	min-height:230px; */
	float:left;
}
#animationbox h3 {
}
#animationbox p {
	color: #fff;
	font-size: 13px;
}
#animationbuttons {
	padding:0px;
	margin:0px;
	margin-top:24px;
}
.animationleft {
	float: left;
	width: 120px;
}
.animationleft span {
	color:#d69a7c;
	padding:0px;
	margin:0px;
	padding-right: 5px;
	cursor:pointer;
	font:30px Verdana;
}
.animationleft span:hover {
	color:#e9b59b;
}
.animationleft span.active {
	color:#fff;
}
.animationright {
	float: right;
	width: 130px;
	margin-top:5px;
}


/* 05. Unterseite
--------------------------------------------------------------*/
#deltaleft {
	float: left;
	width: 930px;
}
#deltaright {
	float: right;
	width: 235px;
}
.dividerline {
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3b36e;
}
/* My Delta */
#mydelta {
	width: 930px;
	background-color: #fbefde;
	margin-bottom:10px;
	overflow: visible;
}
#mydelta h1 {
	color: #bb4310;
	font-size: 17px;
	text-transform: uppercase;
    letter-spacing: 1px;
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3b36e;
}
#mydelta p {
	margin:0px;
	padding:0px;
}
#mydeltaleft {
	float: left;
	margin-left:70px;
	width: 930px;
}
#avatar {
	margin-top:20px;
	margin-left:40px;
	margin-bottom:10px;
}
#mydeltaright {
	float: right;
	width: 310px;
}
#mydeltaright .mydatadesc {
    float:left;
    width:155px;
    height:22px;
    text-align: left;
}
#mydeltaright .mydatavalue {
    float:left;
    width:55px;
    height:22px;
    text-align: left;
}
#mydeltaright .refresh {
    float:right;
    width:85px;
    height:22px;
}
/* Community */
#community {
	width: 685px;
	background-color: #ffffff;
	overflow: visible;
}
#community h1 {
	color: #bb4310;
	font-size: 17px;
	text-transform: uppercase;
    letter-spacing: 1px;
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c2b7a3;
}
#communityleft {
	float: left;
	width: 180px;
	margin-right:10px;
	padding-right: 10px;
	border-right: 1px solid #c2b7a3;
}
#communityleft .usericonmini {
    float:left;
    width:20px;
    height:14px;
    background: url(../images/icon_user_mini.png) 0 0 no-repeat;
    margin-top:5px;
}
#communityleft .username {
    float:right;
    width:155px;
    height:22px;
}
#communityright {
	float: right;
	width: 445px;
}
#communityright .messageiconmini {
    float:left;
    width:20px;
    height:14px;
    background: url(../images/icon_message_mini.png) 0 0 no-repeat;
    margin-top:5px;
}
#communityright .communitymessage {
    float:right;
    width:420px;
    height:22px;
}
#communityright .communitymessagelight {
	color: #9d928d;
}
/* Nachrichten */
#messages {
	width: 235px;
	background-color: #f3ca91;
	margin-bottom:10px;
	overflow: visible;
}
#messages h1 {
	color: #bb4310;
	font-size: 17px;
	text-transform: uppercase;
    letter-spacing: 1px;
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e69623;
}
#messages .shoutbox {
	border:1px solid #c2b7a3;
	background: #fff;
    width:205px;
    height:33px;
}
#messages .shoutboxSubmit {
	border:0px;
	background: url(../images/button_submit.png) 0 0 no-repeat;
    padding: 0px;
    width:72px;
    height:17px;
}
#messages .shoutmessagelight {
	color: #7e6a5c;
}
/* Blog */
#blog {
	width: 235px;
	background-color: #f3ca91;
	overflow: visible;
}
#blog h1 {
	color: #bb4310;
	font-size: 17px;
	text-transform: uppercase;
    letter-spacing: 1px;
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e69623;
}