/* reset */
html, body, div, span, object, iframe, h1, h2, h3, p, a, img, strong, b, u, i, ul, li, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}

:focus {
	outline: 0;
}


/* 960 */

.container_12
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}




.container_12 .grid_12
{
	width: 940px;
}



.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;

}

.container_12 .grid_8
{
	width: 620px;
}


html body * span.clear,
html body * div.clear,
html body * li.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

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

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

/* assbach */

body
{
	background: #2c2c29 url("http://assbach.de/img/bg.grunge7.jpg") repeat;
	border-top: 0px solid #000;
	color: #fff;
	font-size: 12px;
	padding: 20px 0 20px 0;
	font: 12px/1.5 'Trebuchet MS', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-weight: normal;

}

.border {
	border: 0px solid white;
	background: rgba(34,34,34,0.7);
	 -moz-border-radius: 14px;     
	 border-radius: 14px;     
	 -webkit-border-radius: 12px;
	 margin-top: 20px;
	 	-webkit-box-shadow: #000 0px 0px 26px;
	-moz-box-shadow: #000 0px 0px 26px;
	box-shadow: #000 0px 0px 26px;
}         

            
#header { color: #fff; }
#header h1 {
	font-weight: normal;
	color: #89897c;
	font-size: 24px;
	letter-spacing: 0.05em;
	float: left;
	/* text-shadow: -1px -1px 0px #111111, 1px 1px 0px #a0a0a0; */
}

#desc { color: #999;}     
  
  
  
h1
{
	font-size: 32px;
	color: #ffff99;

}


h2,h3 {
	color: #89897c;
	/* text-shadow: #fff 0px -1px 1px; */
}




h2, h2 a:link, 
h2 a:visited
{
	font-size: 27px;
	font-weight: normal;
	margin-bottom: 10px;

	padding-bottom:  0px;
	line-height: 27px;
}

h3 {
	font-size: 20px;

	font-weight: normal;
}



li {
	margin-left: 20px;
	padding-right: 10px;
}

  
#footer { color: #666; padding: 0 0 10px 0 ; text-align: center; padding-top: 10px;}    
     
#footer a:link, #footer a:visited {
	color: #666;
}     

 #footer a:hover, #footer a:active {
	color: #eee;
}   
    
#videos, #bilder, #acom, #tags,  #networking, #werbung {padding: 10px}

#social {
	padding:10px 10px 5px 10px;margin:10px 0;
}

#blogpost {
	padding: 10px ;
}

/* TWITTER */ 

#twitter {
	padding: 9px 0 0 0px;
	height: 30px;
	border: 0px solid #889800;
	background: transparent url('/img/Twitter-24x24.png') no-repeat 8px 7px;
	 color: #fff;
}


ul#twitter_update_list {list-style: none; padding-left: 20px; font-style: italic;  color: #fff;}

ul#twitter_update_list a:link {
	color: #fff;
	text-decoration: underline;
}
/* */
    
a.uline {text-decoration: underline;}  
                       
#header #logo { margin-top: 10px;}
#header #desc { margin-top: 50px;}
 
.box {
	background: #111111;
	 -moz-border-radius: 9px;     
	 border-radius: 9px;     
	 -webkit-border-radius: 7px;
	 color: #dddddd;
}
.box4 {
	background: rgba(255,255,255,0.6);
	 -moz-border-radius: 9px;     
	 border-radius: 9px;     
	 -webkit-border-radius: 7px;
}

#attention {
width: 288px;
	background: rgba(135,151,0,0.5);
 -moz-border-radius: 5px;     
	 border-radius: 5px;     
	 -webkit-border-radius: 4px;
	padding: 5px; 
	text-align: center;
	float: right;
	margin-top: 10px;
}

.box3 {
	 -moz-border-radius: 5px;     
	 border-radius: 5px;     
	 -webkit-border-radius: 4px;

	background-color: #292929;
	padding: 5px;
   color: #aaa ;
}

.box2 {
	background: rgba(219,219,219,0.1);
	 -moz-border-radius: 9px;     
	 border-radius: 9px;     
	 -webkit-border-radius: 7px;
	 font-weight: normal;
	 color:  #eee;
}

.box2 h3 {
	font-size: 12px;
	color:  #ccc;
	font-weight: bold;
	border-top: 2px dotted #555555;
	padding: 10px 0 0 0;
	margin-top: 10px;
}
.box2 h2 {
	margin-top: 10px;
}


.box p {
	font-weight: normal;
}

.devider1 {
		margin: 10px 0;
}

#morebookmarks { text-align: left; }

.links { margin-top: 5px; }


#vimContainer img, #ipernity img {
	border: 4px solid #333;	
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	/* width: 272px; */
}

#vimContainer img:hover, #ipernity img:hover {
	border: 4px solid #444;	
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	/* width: 272px; */
}


div.picsub {
background:#000; padding: 2px;	
margin-top: 1px;

}

/* GENERAL */
a:link, a:visited { color: #a6ba00; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: underline; }   

strong { font-weight: bold; }


/* BUTTONS */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/img/b.bg.right.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button:visited, a.button:link {
	color:  #fff !important;
}

a.button:hover {
	color: #ddd!important;
	text-decoration: none;
}

a.button span {
    background: transparent url('/img/b.bg.left.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: right -49px;
    color: #333 !important;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: 0px -49px;
    padding: 5px 0 5px 18px; /* push text down 1px */
}

/* blue button */

a.button2 {
    background: transparent url('/img/b.bg.right.png') no-repeat scroll right -73px;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button2:visited, a.button2:link {
	color:  #fff !important;
}

a.button2:hover {
	color: #cbf1fd !important;
	text-decoration: none;
}

a.button2 span {
    background: transparent url('/img/b.bg.left.png') no-repeat left -73px;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button2:active {
    background-position: right -121px;
    color: #333 !important;
    outline: none; /* hide dotted outline in Firefox */
}

a.button2:active span {
    background-position: 0px -121px;
    padding: 5px 0 5px 18px; /* push text down 1px */
}

#main{
	padding: 10px;
}

#main p {
	margin-bottom: 1em;
}

#werbung1 {
	text-align: center;
	padding:  5px;
}

.alMid {
	vertical-align: middle;
}



#language {
	position: absolute;
    top: 0px;  
    width: 160px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 800px;
	text-align: right;
	height: 25px;
}

#language ul {
	list-style: none;
	height: 25px;
}

#language ul li {
	display: inline;
	margin: 0px;
	height: 25px;
	line-height: 1.5em;
	 
}

#language ul li a:link, 
#language ul li a:visited {
	background-color:  #000;
 	padding: 13px 8px 4px 8px;
 	margin: 0px;
 	color:  #666;
 	 -moz-border-radius: 7px;     
	 border-radius: 7px;     
	 -webkit-border-radius: 6px;
	 
} 

#language ul li a:hover,
#language ul li a:active  {
	background-color: #666;
 	color:  #fff;
 	text-decoration: none;
 	padding: 20px 8px 10px 8px;
} 

#language ul li a.active:link, 
#language ul li a.active:visited {
	background: rgba(93,93,93,0.7);
	padding: 20px 8px 10px 8px;
 	margin: 0px;
 	color:  #aaa;
 	 -moz-border-radius: 7px;     
	 border-radius: 7px;     
	 -webkit-border-radius: 6px;
} 

#language ul li a.active:active, 
#language ul li a.active:hover {
	background-color:  #666;
 	color:  #fff;
 	padding: 20px 8px 10px 8px;
} 

.fright {
 float: right;	
}