/* ALLGEMEIN */

body {	
			background: #759ab7;
			text-align: left;
			margin: 0 auto;
} 

body, td, tr {
			font-family: arial;
			font-size: 9px;
			line-height: 11px;
			letter-spacing: 2px;
			color: #616161;
}

@font-face {
		font-family: 'boton';
		src: url("boton.eot");
		src: url("boton.eot?#iefix") format("embedded-opentype"), 
		url("boton.ttf") format("truetype"), 
		url("boton.otf") format("opentype"),
		url("boton.svg#boton") format("svg"),
		url("boton.woff") format("woff"),
		url("boton.woff2") format("woff2");
		font-weight: normal;
    	font-style: normal;
}

@font-face {
		font-family: 'agencyfb';
		src: url('agencyfb.eot');
		src: url("agencyfb.eot?#iefix") format("embedded-opentype"),  
		url("agencyfb.ttf") format("truetype"), 
		url("agencyfb.otf") format("opentype"),
		url("agencyfb.svg#agencyfb") format("svg"),
		url("agencyfb.woff") format("woff"),
		url("agencyfb.woff2") format("woff2"); 
		font-weight: normal;
    	font-style: normal;
}

@font-face {
		font-family: 'caviardreams';
		src: url("caviardreams.eot");
		src: url("caviardreams.eot?#iefix") format("embedded-opentype"), 
		url("caviardreams.ttf") format("truetype"),
		url("caviardreams.otf") format("opentype"),
		url("caviardreams.svg#caviardreams") format("svg"),
		url("caviardreams.woff") format("woff"),
		url("caviardreams.woff2") format("woff2"); 
		font-weight: normal;
    	font-style: normal;
}

input {
        font-family: arial;
        font-size: 10px;
		color: #232323;
		text-align: left;
		background: #d2e0e3;
    	height: 20px;
		border: 0px;
		padding: 4px;
		margin: 2px;
}

textarea {
        font-family: verdana;
        font-size: 11px;
		color: #232323;
		text-align: left;
		background: #d2e0e3;
		border: 0px;
		padding: 8px;
}

select {
        font-family: arial;
        font-size: 10px;
		color: #232323;
		text-align: left;
		background: #d2e0e3;
    	height: 20px;
		border: 0px;
		padding: 4px;
		margin: 2px;
}

input[type="submit"], input[type="reset"] {
		font-family: arial;
        font-size: 10px;
		color: #232323;
		text-align: left;
		background: #d2e0e3;
    	height: 20px;
		border: 0px;
		padding: 4px;
		margin: 2px;
}

blockquote {
        background: #232323;
		border: 0px;
		padding: 5px;
}

.website {
    z-index:999;
    position:absolute;
    height:0;
    width:0;
    border:none;
    background:none;
    margin:0;
    top:0;
    left:0;
    clear:both;
    font-size:0px;
    line-height:0px;
}

b 	{color: #387583; letter-spacing: 2px; font-weight: bold;}
i 	{color: #88c0d4;}
u 	{color: #285274;}

#seite {
		float: right;
		margin-right: 5px;
}

#seite b {
		font-family: verdana;
		color: #000000;
        font-size: 10px;
		font-weight: bold;
		text-shadow: #e5e9ec 1px 1px 0px;
}

a.seite:link, a.seite:visited, a.seite:active {
		float: left;
		font-family: verdana;
		font-size: 10px;
		color: #4f4f4f;
		text-shadow: #bebdbd 1px 0px 0px;
		padding: 7px;
		margin: 3px;
		background: #e5e9ec;
}

a.seite:hover {
		background: #ebedee;
}

/* VALIDIERUNG DIVIDER */
#layout {
		width: 1136px;
		background: url(bg.jpg);
}

#top {
		background: #ffffff url(top.jpg) center no-repeat;
		width: 1136px;
		height: 37px;
}

#shortnavi {
		width: 374px;
		color: #84d8d5;
		font-family: 'agencyfb';
		font-weight: normal;
		font-size: 17px;
		line-height: 15px;
		letter-spacing: 1px;
		text-align: left;
		text-shadow: #6ab0af 0px 1px 1px;
		margin-left: 670px;
		padding: 30px 0px  0px 55px; /* top right bottom left */
}

#shortnavi a:link, #shortnavi a:visited, #shortnavi a:active {
		color: #84d8d5;
		font-family: 'agencyfb';
		font-weight: normal;
		font-size: 17px;
		line-height: 15px;
		letter-spacing: 1px;
		text-align: left;
}

#shortnavi a:hover {
		color: #eaeaea;
}

#header {
		background: #ffffff url(header.jpg) center no-repeat;
		width: 1136px;
		height: 522px;
}

#cuties {
		font-family: 'agencyfb';
		font-size: 14px;
		color: #ffffff;
		font-weight: lighter;
		letter-spacing: -2px;
		/* text-shadow: #ffffff 0px 0px 1px; */
		text-transform: uppercase;
		padding: 30px 0px 0px 182px;
		float: left;
}

#cuties a:link, #cuties a:visited, #cuties a:active {		
		font-family: 'caviardreams', verdana;
		font-size: 9px;
		line-height: 5px;
		color: #ffffff;
		text-transform: uppercase;
		text-align: center;
		margin: 5px;
		padding: 10px;
}

#cuties a:hover {
		color: #b7e9f0;
}

#welcome {
		width: 374px;
		height: 231px;
		margin: 0px 0px 0px 680px;
}

#welcome_text {
		color: #bcbcbc;
		font-family: 'agencyfb', verdana;
		text-transform: uppercase;
		font-weight: lighter;
		font-size: 11px;
		line-height: 11px;
		letter-spacing: 0px;
		text-align: left;
		padding: 20px 20px 10px 30px;	
}

.pfeil {
		float:right;
		width: 25px;
		height: 35px;
		margin: 8px -12px 5px 0px;
		text-align: center;
		background: url(pfeil.png) no-repeat;
}

.submenu {
		width: 344px;
		padding-top: 25px;
		padding-bottom: 20px;
		margin: -10px 0px 0px -15px;
		background: url(login.jpg);
}

#right {
		float:left;
		width: 200px;
		height: 162px;
		background: url(right.jpg) no-repeat;
}

#navigation {
		float: left;
		width: 226px;
		background: #e6eaed url(navi.jpg) no-repeat;
}

.navi {
		width: 193px;
		background: url(navigation1.jpg) bottom no-repeat;
		padding: 0px 0px 10px 2px;
		margin: 0px 10px 10px 16px;
}

#content {
		width: 671px;
		margin: -8px 0px 0px 426px;
		background: #d1d8de url(content.jpg) top no-repeat;
}

#footer {
		clear:both;
		width: 1136px;
		height: 267px;
		margin-top: -120px;
		background: url(footer.jpg) no-repeat;

}

#footer .eins {
		color: #646464;
		width:  600px;
		padding: 230px 0px 0px 530px;
		text-align: center;
}

div.center {
         text-align: center;
}

/* NAVIGATION */

h2 {    
		width: 189px;
		height: 32px;
		font-family: 'boton', verdana;
        font-size: 12px;
		line-height: 11px;
		letter-spacing: 3px;
        color: #ffffff;
        text-align: left;
		font-weight: normal;
        text-transform: uppercase;
		text-shadow: #4f98a2 0px 1px 1px;
		background: url(head.jpg) no-repeat; 
		background-position: top center;
		padding: 10px 8px 0px 24px;
		margin: 8px 0px -10px 3px;
}

.menu a:link, .menu a:visited,.menu a:active {
	font-family: 'agencyfb';
	font-size: 10px;
	color: #6298a8;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	font-style: normal;
	width:70px;	
	margin: 2px 8px 3px 10px;
	padding: 6px 0px 0px 0px;
	display: block;
	float: left;
}	

.menu a:hover {
	color: #fdfdfd;
}

#login a:link, #login a:visited, #login a:active {
        font-family: Verdana;
		color: #686868;
		font-size: 9px;
		line-height: 9px;
        text-decoration: none;
        text-transform: uppercase;
}

#login a:hover {
        color: #8156a5;
}

.login input {
		padding: 3px 7px 3px 7px;
        font-family: verdana;
        font-size: 10px;
        letter-spacing: 2px;
		line-height: 9px;
        color: #5f5f5f;
		border-radius: 10px 10px 10px 10px;
    	-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		background: #eeeeee;
		-moz-box-shadow: inset 1px 1px 0px 0px #9e9e9e;
		-webkit-box-shadow: inset 1px 1px 0px 0px #9e9e9e; 
		box-shadow: inset 1px 1px 0px 0px #9e9e9e;
		margin: 2px;
		border: 0px;
}

.login input[type="submit"] {
		float: right;
		padding: 4px;
        font-family: georgia;
        font-size: 10px;
        letter-spacing: 2px;
		line-height: 9px;
        color: #5f5f5f;
		text-align: center;
		border-radius: 7px 7px 7px 7px;
    	-moz-border-radius: 7px 7px 7px 7px;
		-webkit-border-radius: 7px 7px 7px 7px;
		background: #eeeeee;
		-moz-box-shadow: inset 1px 1px 0px 0px #aaaaaa;
		-webkit-box-shadow: inset 1px 1px 0px 0px #aaaaaa; 
		box-shadow: inset 1px 1px 0px 0px #aaaaaa;
		margin: 2px;
		width: 50px;
		border: 0px;
}

/* CONTENT */

h1 {
		font-family: 'agencyfb', verdana;
        font-size: 13px;
		line-height: 11px;
		letter-spacing: 3px;
        color: #4f98a2;
		text-shadow: #ffffff 0px 1px 1px;
        text-align: left;
		font-weight: normal;
        text-transform: uppercase;
		padding: 8px 0px 0px 8px;
}

.info {	
		background: #e5e9ec url(info.jpg) no-repeat;
		background-position: bottom right;	
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 0px;
		padding: 10px;
}

.text2 {
		float: left;
       	font-family: arial;
        font-size: 10px;
        line-height: 10px;
		letter-spacing: 1px;
		text-align: center;
        color: #616161;
		padding: 0px 5px 0px 0px;
}

.text2 i 	{color: #619aa2;}

.text2 a:link, .text2 a:visited, .text2 a:active {
       	font-family: arial;
        font-size: 10px;
		color: #4f4f4f;
		letter-spacing: 1px;
        text-decoration:none;
}

.text2 a:hover {
        color: #606060;
}

.stats {
		float: right;
		font-family: 'caviardreams', verdana;
        font-size: 9px;
		line-height: 9px;
        letter-spacing: 2px;
        color: #538897;
		text-shadow: #ffffff 0px 1px 1px;
        text-align: left;
        text-transform: uppercase;
		font-weight: normal;
		padding-left: 9px;
}

.stats a:link, .stats a:visited, .stats a:active {
       	font-family: arial;
        font-size: 10px;
		color: #538897;
		letter-spacing: 1px;
        text-decoration:none;
}

.stats a:hover {
        color: #606060;
}

.text {
		float: left;
       	font-family: verdana;
        font-size: 9px;
        line-height: 11px;
		letter-spacing: 1px;
        color: #616161;
		padding: 0px 5px 0px 8px;
}

.text a:link, .text a:visited, .text a:active {
       	font-family: arial;
        font-size: 10px;
		color: #606060;
		letter-spacing: 1px;
        text-decoration:none;
}

.text a:hover {
        color: #d3d3d3;
}

/* NEWS */

.newstable {
        margin: 0px 35px 0px 28px; /* top right bottom left */
}

.title {
		font-family: 'agencyfb';
        font-size: 16px;
		line-height: 22px;
        letter-spacing: 2px;
        color: #1083a4;
		text-shadow: #ffffff 0px 1px 1px;
        text-transform: uppercase;
		padding: 0px 0px -4px 0px; /* top right bottom left */
}

.autor {
		float: left;
		font-family: 'boton', verdana;
		font-size: 11px;
		text-align: left;
		line-height: 10px;
		letter-spacing: 2px;
		color: #ffffff;
		text-shadow: #104052 0px 0px 1px;
		text-transform: uppercase;
		padding: 7px 0px 0px 10px; /* top right bottom left */
}

.datum {
		float: right;
		text-align: right;
		font-family: 'boton', verdana;
        font-size: 11px;
		line-height: 10px;
		letter-spacing: 2px;
		color: #ffffff;
		text-shadow: #104052 0px 0px 1px;
		text-transform: uppercase;
		padding: 7px 10px 0px 0px; /* top right bottom left */
}

.updates {
		font-family: 'agencyfb';
        font-size: 13px;
		letter-spacing: 1px;
		color: #797979;
		text-transform: uppercase;
		background: #e2e8ed url(head2.jpg) bottom right no-repeat;
		padding: 10px;
}

.updates a:link, .updates a:visited, .updates a:active {
		font-family: 'agencyfb';
        font-size: 12px;
		letter-spacing: 1px;
		color: #646464;
		text-transform: uppercase;
}

.updates a:hover {
        color: #3e3e3e;
}	

.news {
		float:left;
        font-family: verdana;
        font-size: 10px;
        line-height: 11px;
        letter-spacing: 1px;
   		color: #4f4f4f;
		padding: 8px;
		background: #d2e0e3;
}

.icon-box {
		float:right;
		background: #95c5ce;
		padding: 13px;
		width: 90px;
		margin: 5px -28px -28px 5px; /* top right bottom left */
		z-index: 1;
}

.icon {
		width: 90px; 
		height: 90px;
	   -webkit-box-shadow: 0 0 1px #000;
	   -moz-box-shadow: 0 0 1px #000;
	   box-shadow: 0 0 1px #000;
		margin: 0px;
}

.commilink {
		float: left;
		font-family: 'agencyfb';
        font-size: 18px;
		line-height: 20px;
		letter-spacing: 1px;
		color: #4f4f4f;
		text-transform: uppercase;
		padding-top: 4px;
}

.commilink b {
		color: #1083a4;
		text-shadow: #af3875 0px 0px 1px;
		font-weight: normal;
}

.commilink a:link, .commilink a:visited, .commilink a:active {
		font-family: 'agencyfb';
        font-size: 14px;
		color: #4f4f4f;
		letter-spacing: 1px;
		text-shadow: #5c5c5c 0px 0px 1px;
		text-transform: uppercase;
}

.commilink a:hover {
        color: #1083a4;
}

.comments {
        font-family: verdana;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 1px;
   		color: #4f4f4f;
		padding: 10px;
		background: #141414 no-repeat center top;	
}

/* TEAMSEITE */
.team {
		width: 280px;
        float: left;
        margin: 10px 25px 30px 7px; /* top right bottom left */
}

.team_preview {
		width:100px; 
		height:100px;
		background: url(preview.png) no-repeat;	
}

.profilicon {
		float: left;
		padding: 10px;
		background: #fffae4;
		margin-right: 5px;
}

/* UNTERSEITEN */

.table1 {
		width: 80%;
		background: #e5e9ec;
		padding: 5px;
}

.stuff_table {
		width: 166px;
        float: left;
        margin-top: 10px;
        margin-bottom: 30px;
        margin-left: 7px;
        margin-right: 7px;
}

.title2 {
		float: left;
		font-family: 'boton';
        font-size: 14px;
		line-height: 12px;
		letter-spacing: 1px;
		text-align: right;
		color: #b89d3d;
		text-transform: uppercase;
		margin-right: 2px;
		margin-top: -15px;
}

.artist {
		float: left;
		position: absolute;
		font-family: 'agencyfb';
        color: #3a3a3a;
		font-size: 11px;
		line-height: 12px;
		letter-spacing: 1px;
		text-transform: uppercase;
		background: #e5e9ec;
		margin-top: 80px;
		padding: 4px;  	
}

.artist i {color: #757575;}

.feat {	
		font-family: 'boton';
        font-size: 11px;
		line-height: 12px;
		letter-spacing: 1px;
		color: #878787;
		text-transform: uppercase;
		margin-right: 2px;
		margin-top: 4px;
}

.datum2 {
		float: left;
		font-family: 'boton';
        font-size: 11px;
		line-height: 12px;
		letter-spacing: 1px;
		text-align: left;
		color: #878787;
		text-transform: uppercase;
		margin-right: 2px;
		margin-top: 4px;
}

.icons {
		width: 100px;
        float: left;
        margin-top: 10px;
        margin-bottom: 30px;
        margin-left: 7px;
        margin-right: 7px;
		border: 12px solid #e5e9ec;
		background: #e5e9ec;	
}

.icons_preview {
		position: relative;	
}

.artist2 {
		float: left;
		font-family: 'boton';
        font-size: 12px;
		line-height: 11px;
		letter-spacing: 3px;
		text-align: right;
		color: #d63689;
		text-shadow: #410b27 0px 1px 1px;
		text-transform: uppercase;
		margin-right: 2px;
		margin-top: -10px;
}

.download2 {
		float: left;
		font-family: 'boton';
        font-size: 13px;
        letter-spacing: 2px;
		text-transform: uppercase;
		text-align: center;
        color:  #999999;
		margin: 40px 0px 0px 45px; /* top right bottom left */
}

.download2 a:link, .download2 a:visited, .download2 a:active {
        font-family: 'agencyfb';
        font-size: 13px;
		color: #387583;
		background: #ffffff;	
		padding: 6px;
}

.download2 a:hover {
        color: #848484;
}

/* LINKS UNTERSEITEN */

a:link, a:visited, a:active {
		font-family: 'boton', verdana;
        font-size: 10px;
		line-height: 11px;
		letter-spacing: 2px;
		color: #387583;
		text-transform: uppercase;
		text-decoration: none;
}

a:hover {
        color: #c4c4c4;
}

#dhtmltooltip {
		position: absolute;
		color: white;
		padding: 4px; 
		font-size: 10px; 
		opacity: 0.8; 
		filter: alpha(opacity=80);
		text-align: center;
		-moz-border-radius:3px; 
		-webkit-border-radius:3px;
		border-radius:3px;
		background-color: black;
		visibility: hidden;
		z-index: 100;
}

#dhtmlpointer {
        position:absolute;
		padding: 0px;
		opacity: 0.8; 
		filter: alpha(opacity=80);
		visibility: hidden;
		z-index: 101;     
}

/* ACP */

.add {
		float:right;
        font-family: verdana;
        font-size: 9px;
        line-height: 10px;
        color: #4d4d4d;
		padding: 7px;
		margin-top: -12px;
		margin-bottom: 5px;
		background: #e5e9ec;
}