@charset "UTF-8";

/* ========================================== PLATZHALTER 
=========================================== */

#main {
	text-align: center;
	vertical-align:  middle;
	color: #FFF;
	font-size: 9px;
	
	}


/* ========================================== PLATZHALTER 
=========================================== */

a:link, a:active, a:visited {
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #999999;
	font-weight: bold;
}


body  {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	background: #333333;
    	margin: 0;
    	padding: 0;
    	text-align: center;
    	color: #FFF;
		font-size: 10px;
    }
	
	body {
		background-image: url(../img/fullpull_hintergrund.jpg);
		background-repeat: repeat-x;
		background-position: top;
	
	}
	
	#mainContent {
		width: 385px;
	}
	    
	#header {
		height: 230px;
		padding: 0;

	}
	
	#footer {
		height: 50px;
	
	}
	
	#container {
		overflow: auto;
		
		
/*		filter:alpha(opacity=40); 
		-moz-opacity: 0.40;
		opacity: 0.0;
*/		
		background-image: url(../img/fullpull_container.jpg);
		background-repeat: no-repeat;
		
	
	}
	
	#sidebar1 {
		color: #FFF;
		font-size: 10px;
		
		height: 540px;
	
	}
	
	#footer {
		color: #FFF;
		font-size: 10px;
		text-transform: uppercase;
	
		text-align: center;
	}

	#cleardiv {
		margin: 10px 0;
		float: left;
		
	}
	
	.bodyclass #container { 
    	width: 680px;		
		
    	margin: 0 auto;
    	text-align: left;
    } 
    .bodyclass #header { 
    	padding: 0 10px 0 20px;
    } 
    .bodyclass #header {
    	margin: 0;
    	padding: 10px 0;
    }
    .bodyclass #sidebar1 {
    	float: left; 
    	width: 100px; 
    	padding: 15px 10px 15px 20px;
    }
    .bodyclass #mainContent { 
    	margin: 0 0 0 150px;
    	padding: 0 20px;
    } 
    .bodyclass #footer { 
    	padding: 0 10px 0 20px;

    } 
    .bodyclass #footer p {
    	margin: 0;
    	padding: 10px 0;
    }
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
/* =========================================
			INHALTSBEZOGENE STYLES 
========================================*/

	#imgfloat_100 {
		float: right;
		width: 98px;
		height: 98px;
		
		padding: 1px;
	}	
	
	#imgfloat_40 {
		float: inherit;
		width: 38px;
		height: 38px;
		
		background-color: #333333;
		border: 1px solid #FFF;
		
		margin: 0 5px 0 0;
	}	

/* =========================================
			text default 
========================================*/
	h1 {
		font-size: 20px;
		font-weight: bolder;
		
		color: #FF0000;
	}
	h2 {
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		
		color: #FF0000;
	}
	
	p, td {
		font-size: 10px;
	}
	
	b {
		font-weight: bold;
	
	}
	
	h1, h2 {
		padding: 2px 0;
	
	}
	
	#legal {
		font-size: 9px;
		color: #DDDDDD;
	
	}
	

/* =========================================
			table default 
========================================*/

	#td_le {
		width: 150px;
		
		float: left;
	}
	#td_ce {
		width: 40px;
		text-align:right;
		padding: 0 10px 0 0 ;
		
		
		color: #DDDDDD;
		
	}
	#td_ri {
		width: 60px;
		float:left;
	
		color: #66CCFF;
		text-align: right;
		padding: 0 10px 0 0;
		
	}

	#tr_grau {
		background-color: #666666;
	}


/* =========================================
			li float test default 
========================================*/

	#li_le, #li_ce, #li_ri, #li_le_short, #li_ce_100 {
		padding: 2px;
		height: 11px;
		float: left;
		margin: 1px;
		
		list-style: none;
		
		font-size: 10px;

	}
	.li_gray {
		background-color: #666666;	
		
	}
	
	#li_le_short {
		width: 118px;
		color: #FFF;	
	}
	
	#li_le {
		width: 200px;
		color: #FFF;
		
	}
	#li_ce {
		width: 50px;
		text-align: center;
	
	}
	
	#li_ce_100 {
		width: 80px;
		text-align: right;
	
	}

	#li_ri {
		width: 60px;
		
		color: #DDDDDD;
		text-align: right;		
	}
	
	#li_clear {
		clear: right;
	}


/* =========================================
			navigation 
========================================*/
	
	#navigation_icon_a li, #navigation_icon_a ul {
		list-style-type: none;
		
		padding: 0px;
		margin: 0px;
		
	}
	
	#navigation_icon_a {
		width: 118px;
						
		text-align:center;
		text-decoration:none;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;

	}

	#navigation_icon_a li a:link, #navigation_icon_a li a:visited, #navigation_icon_a li a:active {
		display: block;
		background-color: #FF0000;
		text-decoration: none;
		color: #FFF;
		
		line-hight: 20px;
		height: 20px;
		
		padding-top: 4px;
		margin: 2px 0;
		
		border: 1px solid #333;
	}
	
	#navigation_icon_a li a:hover {
		display: block;
		background-color: #999999;
		text-decoration: none;
		color: #FFF;
		
		margin: 2px 0;
	}

/* HOVER B */

	#navigation_icon_b li, #navigation_icon_b ul {
		list-style-type: none;
		
		padding: 0px;
		margin: 0px;
		
	}
	
	#navigation_icon_b {
		width: 118px;
						
		text-align:center;
		text-decoration:none;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		
	}

	#navigation_icon_b li a:link, #navigation_icon_b li a:visited, #navigation_icon_b li a:active {
		display: block;
		text-decoration: none;
		color: #FFF;
		
		line-hight: 20px;
		height: 20px;
		
		padding-top: 4px;
		margin: 2px 0;
		
		border: 1px solid #666;
	}
	
	#navigation_icon_b li a:hover {
		display: block;
		background-color: #999999;
		text-decoration: none;
		color: #FFF;
		
		margin: 2px 0;
	}

/* HOVER C */

	#navigation_icon_c li, #navigation_icon_c ul {
		list-style-type: none;
		
		padding: 0px;
		margin: 0px;
		
	}
	
	#navigation_icon_c {
		width: 118px;
						
		text-align:center;
		text-decoration:none;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;

	}

	#navigation_icon_c li a:link, #navigation_icon_c li a:visited, #navigation_icon_c li a:active {
		display: block;
		background-color: #000;
		text-decoration: none;
		color: #FFF;
		
		line-hight: 20px;
		height: 20px;
		
		padding-top: 4px;
		margin: 2px 0;
		
		border: 1px solid #333;
	}
	
	#navigation_icon_c li a:hover {
		display: block;
		background-color: #999999;
		text-decoration: none;
		color: #FFF;
		
		margin: 2px 0;
	}


/* NAVIGATION BOXEN */

	#navigation_boxen li, #navigation_boxen ul {
		list-style-type: none;
		
		padding: 0px;
		margin: 0px;
		
		
	}

	#navigation_boxen {
		width: 119px;
		height: 119px;
		
		border: 1px solid #666;
	
		margin: 2px 0;
		
	}

	
/* =========================================
			footer 
========================================*/
	
	#navigation_footer_a {
		float: inherit;
		
		width: auto;
		height: 8px;
		
		margin: 0 1px 0 0;
		padding: 2px;
		
		text-align:center;
		color: #FFF;
		text-decoration:none;
		text-transform: uppercase;
		font-size: 9px;

	}
	

	a:link#navigation_footer_a { background-color: #FF0000; }
	a:visited#navigation_footer_a { background-color: #FF0000; }
	a:hover#navigation_footer_a { background-color: #999999; color: #FFFFFF; }
	a:active#navigation_footer_a { background-color: #FF0000; }
	

/* =========================================
			layout 
========================================*/

.div_box {
	background-color: #333333;
	border: 1px solid #666666;
	padding: 5px;
}

#div_box_plink {
	background-color: #666666;
	margin-top: 10px;
	height: 20px;

}


#galerie_img {
	float: left;
	width: 120px;
	height: auto;
	
	padding: 2px;

}