/**
 * CSS styles
 * 
 * @author deluecks, Joël Lück - www.deluecks.com
 * @copyright deluecks, Joël Lück - www.deluecks.com
 * 
 * created 2010-07
 */

/* ----------------- general html structure */
html, body, div, p, td, a, input, textarea, select, ul, li {
	font : 13px/20px "Verdana","Arial","Tahoma",sans-serif;
	color : #3d3734;
}

html, body{ 
	margin : 0; 
	padding : 0; 
	text-align : center; 
	background : white url(../img/site/bg.jpg) 0 0 repeat-x;
	height: 100%; 
}

#landingwrapper{ 
	width : 100%;
	height : 100%;
	margin : 0;
	padding : 0;
	text-align : center; 
	background : url(../img/site/bg_landing.jpg) 0 0 no-repeat;
	display : inline-block;
}

form {
	margin:0;
	padding:0;
	display : block;
}

input[type="submit"]{
	color : black;
	font-weight : bold;
}

img {
	border:0;
}

a{
	outline-style : none;
}

a:link, a:visited{
	color : #3d3734;
	text-decoration : none;
}

a:hover, a:active{
	color : #e95210;
}

h1{
	font-weight : normal;
	font-size : 15px;
	text-transform : uppercase;
	letter-spacing : 2px;
}
.clear{
	clear : both;
}

#outerwrapper{ 
	width : 990px; 
	text-align : left;  
	margin-left : 10px; 
	margin-right : auto;  
}

a.lang{
	text-transform : uppercase;
	letter-spacing : 2px;
	color : #5d5c5b;
}

a#de{
	position : absolute;
	margin-top : 240px;
	margin-left : 290px;
	z-index : 10;
}

a#en{
	position : absolute;
	margin-top : 180px;
	margin-left : 180px;
	z-index : 20;
}

#pagewidth{ 
	float : left;
	width : 990px; 
	text-align : left;  
	background : url(../img/site/bg_header.png) 0 0 no-repeat;
} 

	#header{
		float : left;
		width : 990px; 
		height : 140px;
	}

	#landingwrapper #header{
		float : left;
		width : 990px; 
		height : 400px;
	}
		#header #logo_start_page_link{
			position : absolute;
			margin-top : 90px;
			margin-left : 40px;
		} 

	#navi{
		float : left;
		width : 990px; 
		height : 80px;
	}
		#navi ul{
			float : left;
			margin : 50px 0 0 260px;
			padding : 0;
		}
			#navi ul li, #footer_navi ul li{
				list-style-type : none;
				float : left;
				margin : 0;
				padding : 0;
				margin-right : 20px;
			}
			
			#navi ul li a.active, #footer_navi ul li a.active{
				color : #e95210;
			}
			
			#navi ul li a.active, #navi ul li a, #footer_navi ul li a{
				letter-spacing : 2px;
			}

	#content{
		float : left;
		width : 990px;
		min-height : 240px;
	}
	
	#bezeichner{
		position : absolute;
		margin-top : -42px;
	}
	
		#bezeichner h1{
			letter-spacing : 1px;
		}
		
	.row{
		margin-top : 10px;
		float : left;
		width : 990px;
	}
	.row:first-child{
		margin-top : 0px;
	}
		.row .col_left{
			float : left;
			width : 240px;
			background-color : #e95210;
			min-height : 240px;
		}
			.row .glass_overlay{
				position : absolute;
				width : 240px;
				height : 240px;
				margin : 0;
				/* background : transparent url(../img/site/240x240_glass.png) 0 0 no-repeat; */
				z-index : 10;
			}
			.row .sub{
				margin : 0;
				z-index : 8;
			}
		.row .col_right{
			float : left;
			width : 740px;
			margin-left : 10px;
			background-color : white;
			min-height : 240px;
		}
		.row .col_right.empty{
			background : none;
		}

	.text1{
			display : block;
			padding : 10px;
	}

	.text2{
			width : 345px;
			display : block;
			float : left;
			padding : 10px;
			margin-left : 10px;
	}
		.text2:first-child{
			margin-left : 0px;
		}
		
	.centertext{
		text-align : center;
	}
		
	.thumb_overview{
		width : 750px;
	}
		
	.thumb_overview .thumb{
		float : left;
		width : 115px;
		height : 115px;
		padding : 0;
		margin : 0 10px 10px 0;
		overflow : hidden;
		background : white;
	}
		
	.thumb_overview .thumb img.nullobject{
		width : 115px;
		height : 115px;
	}
		
	.thumb_overview .thumb a{
		position : absolute;
		margin : 0;
		z-index : 30;
	}
		
	.thumb_overview .thumb span{
		position : absolute;
		background : transparent url(../img/site/white_milk.png) 0 0;
		width : 105px;
		margin-top : 95px;
		padding : 0 5px;
		text-align : center;
		text-shadow: white 0px 1px 1px;   
		z-index : 20;
		font-size : 11px;
	}
		
	.thumb_overview .thumb img{
		position : absolute;
		padding : 0;
		margin : 0; 
		z-index : 10;
	}
	
	p.stars{
		padding-bottom : 25px;
		background : transparent url(../img/site/stars.gif) bottom center no-repeat;
	}
	
	.slideshow{
		width : 240px;
		height : 240px;
		overflow : hidden;
	}
		

		form[class="charakter_suche"] select{
			float : right;
			width : 100px;
		}

		form[class="charakter_suche"] input{
			float : right;
			margin-top : 5px;
			margin-right : 10px;
		}

		form[class="suche"] input{
			float : right;
			display : block;
			margin-top : 5px;
			margin-right : 10px;
		}

		form[class="suche"] input[type="text"]{
			display : block;
			float : left;
			margin-left : 10px;
			width : 188px;
		}
		
	img.clipping{
		background : transparent url(../img/site/bg_clipping_small.png) bottom right no-repeat;
		padding : 0 5px 5px 0;
		height : 100px;
	}
	
	a.download{
		display : block;
		height : 32px;
		text-indent : 42px;
		background : transparent url(../img/site/ico_dl.png) top left no-repeat;
		color : #e95210;
		vertical-align : middle;
	}
	
	a.download:hover{
		display : block;
		height : 32px;
		text-indent : 42px;
		background : #e95210 url(../img/site/ico_dl.png) top left no-repeat;
		color : white;
	}
		
	#footer_navi{
		float : left;
		width : 990px; 
		height : 40px;
	}
		#footer_navi ul{
			float : left;
			margin : 10px 0 0 260px;
			padding : 0;
		}