/*
Design:
NALINDESIGN.COM | 2.5
Andre Weier
http://www.nalindesign.com
andre@nalindesign.com
MMX
*/


* { padding: 0; margin: 0; }

html, body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 background-color: #f1f1f1; 
 height: 100%;

 }


#wrapper { 
 position: relative;
width: 968px;
 margin: 0 auto;
 z-index: 2;
 	overflow-x: hidden;
/*
 position:relative; width:968px; height:100%; top:0; left:0;
overflow:auto; z-index:2;   margin: 0 auto;}
*/
 }


#header {
	width: 968px;
 color: #333;
 margin: 0 0 10px 0;
}


#content { 
	width: 996px;
 color: #333;
margin: 0px 0px 0px 0px;
}


#footer { 
	 width: 968px;
 color: #333;
margin: 0px 0px 10px 0px;
 font-size: 12px;
}

/*
TEXT xxxx
*/
h1 {  font-weight: bold; font-size: 44px; letter-spacing: -2px; margin: 5px 0 5px 0;}

h2 { font-weight: bold; font-size: 24px; letter-spacing: -2px; 
margin:0 0 5px 0;	
	}

h2 span{ font-weight: bold; font-size: 24px; letter-spacing: -2px; margin:0 0 5px 0;
	}

h3 {  color:#cccccc; font-weight: bold; font-size: 17px; letter-spacing: -1px; 
}

h4 { color:#cccccc; font-weight: normal; font-size: 11px; letter-spacing: 0px; 
}

/* xxxx */
#graphicdesign h3 {  color:#cccccc; font-weight: bold; font-size: 19px; letter-spacing: 0px; margin: 5px 0 -3px  0; 
}

#graphicdesign h4 { color:#cccccc; font-weight: normal; font-size: 13px; letter-spacing: 0px; 
}
/* xxxx */

/* xxxx */
#webdesign h2 { color:#cccccc; font-weight: bold; font-size: 24px; letter-spacing: -2px; 
margin:5px 0 0 0;	
	}
	
#webdesign h3 {  color:#cccccc; font-size: 16px; letter-spacing: 0px; font-weight: normal; 
}

#webdesign h4 { color:#cccccc; font-weight: normal; font-size: 13px; letter-spacing: 0px; 
}
/* xxxx */

h5 { margin: 0 0 -10px 0; 
}

.bg { color:#fff;background-color:#ff0000;
	}

.mynavismall {
  color: #000; font-size: 12px;  font-weight: bold; 
}

.mynavitxt{
color: #fff;  font-weight: bold;  font-size: 20px; background-color:#ff0000; 
 }



  
/*
THUMBS xxxx
*/


.xone
{
float: left;
width: 700px;
margin: 14px 14px 14px 14px;
display:inline; 
}


.xtwo
{
float: left;
width: 458px;
margin: 14px 14px 14px 14px;
display:inline; 
}


.xthree
{
float: left;
width: 286px;
margin: 14px 14px 14px 14px;
display:inline; 
}


.xfour
{
float: left;
width: 206px;
margin: 14px 14px 14px 14px;
display:inline; 
}

/*
INTERFACE xxxx
*/

.xnavi {
float: left;
width: 968px;
margin: 5px 10px 10px 10px;
color: #000;  font-weight: bold;  font-size: 24px;letter-spacing: 0px; 
display:inline; 
}


.xmyfooter {
float: left;
width: 828px;
margin: 10px 10px 10px 10px;
display:inline; 
}

/* (i: -10 border) */
.xabout {
float: left;
width: 958px;
margin: 14px 14px 14px 14px;
display:inline; 
}


.ximage {
float: left;
width: 968px;
margin: 0 0 10px 0;
display:inline; 
}

.spa{ 
margin:0 15px 0 0; font-weight:bold;
	}

/*
MITTE xxxx
+ 10px (#content +10)
*/
.xonemitte
{
	width:758px;
   margin: 0 auto;
}


.xsplitmitte
{
	width:858px;
   margin: 0 auto;
}

/*
SPLIT xxxx
*/
.xsplit {
float: left;
width: 828px;
margin: 10px 10px 10px 10px;
display:inline;
}



/*
CLEAR xxxx
*/
.clearboth { clear: both; }


/*
STYLE xxxx
*/



/*
BGS xxxx
*/

.xonebg {
float: left; width: 728px; height:auto; background-color:#fff;  margin: 0 10px 10px 0;
display:inline;
}


.xtwobg {
float: left; width: 479px; height:auto; background-color:#fff;  margin: 0 10px 10px 0;
display:inline;
}


.xthreebg {
float: left;
width: 314px;
margin: 0 10px 10px 0;
background-color:#fff;
display:inline;
}


.xfourbg {
float: left; width: 234px; height:auto; margin: 0 10px 10px 0; padding: 0 0 0 0;
background-color:#fff;
display:inline;
}


.xsplitbg {

float: left;
width: 828px;
margin: 0 10px 10px 0;
background-color:#fff;
display:inline;
}

/*
INTERFACE BGS
*/


.xmynavibg {
float: left; width: 968px; height:auto; margin: 0 10px 10px 0;
background-color:#fff;
display:inline;

}


.xmyfooterbg {
float: left; width: 968px; height:auto; margin: 0 10px 10px 0;
background-color:#fff;
display:inline;
}

.xaboutbg {
float: left; width: 968px; height:auto; margin: 0 10px 10px 0;
background-color:#fff;
display:inline;
}

/*
SIDE xxxx
*/


.goright {
float: right;
margin: 10px 10px 10px 0;
display:inline;
} 

/*
LINKS xxxx
*/
a {text-decoration: underline; color: #ff0000; font-weight:bold;}

a:hover {text-decoration: none;background-color: #ff0000; color: #fff;}

a:active {text-decoration: none;background-color: #cccccc; color: #fff;}

.unbo
{
font-weight:normal;	
} 

/*
.sign
{
font-weight:normal;	
font-size:10px;
} 
*/

/*
STANDARDS
padding:0;
margin:0;
*/

a img {
border: none;
}

a.ra:hover{
background: none;
}



/*
FLASH / BG xxxx
*/
/*  
#flashcontent{
z-index: 1;
position: fixed;
height: 100%;
width: 100%;
}
*/

#hintergrund {
position: fixed; z-index:1; width:100%; height:100%;  
}

/*
FORM xxxx
*/

textarea {
	font-size: 17px; border: 5px solid #f1f1f1; color: #000; font-family: Helvetica, Arial, sans-serif; font-weight: bold; 
	}
	/*width:470; height:250;*/

input {
	font-size: 17px; background-color:#fff; color: #000; font-family: Helvetica, Arial, sans-serif; font-weight: bold; 	border: 5px solid #f1f1f1; padding: 5px;
	}
	/* width:470; height:100; */