/*
Theme Name: DJ Thomas Haak
Theme URI: http://www.dj-thomashaak.de
Author: Thomas Haak
Author JS + PHP: Cornelius Horstmann
*/

/*BASIS*/

body{
	background-color: #78c2e8;
	/*background: #000000 url('images/bg_foto01.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;*/
}
*{
	color:#fff
}

/*HEADLINE - DON'T TOUCH IT!*/

h1{
	font-family: 'Montserrat', sans-serif;
	font-size:64px; 
	font-weight: lighter;
	color:#fff;
	margin-bottom: 10px;
	text-align: center;
}
h2{
	font-family: 'Montserrat', sans-serif;
	font-size:22px;
	line-height: 120%;
	color: #fff7b2;
	margin-bottom: 20px;
}
h3{
	font-family: 'Montserrat', sans-serif;
	font-size:16px; 
	color:#fff7b2;
	margin-top: 28px;
	margin-bottom: 14px;
	line-height:160%;
}
h6{
	font-family: 'Montserrat', sans-serif;
	font-size:26px;
	line-height: 120%;
	color: #fff;
	margin-bottom: 20px;
}
h7{
	font-family: 'Montserrat', sans-serif;
	font-size:26px;
	line-height: 120%;
	margin-left: 240px;
	color: #fff;
	margin-bottom: 20px;
}
h8{
	font-family: 'Montserrat', sans-serif;
	font-size:64px; 
	font-weight: lighter;
	color:#fff;
}

/*TEXT*/

h4{
	float: left;
	font: normal 36px 'Montserrat', sans-serif;
	color: #fff;
	text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.5);
}
h5{
	margin-right: 10px;
	float: left;
	font: normal 36px 'Montserrat', sans-serif;
	color: #fb6600;
	text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.5);
}
p{
	font-family: 'Montserrat', sans-serif;
	font-size:20px; 
	line-height:140%; 
	word-spacing:0.1em;
	margin-bottom: 10px;
}
i{
	font-style: italic;
}
b{
	font-weight: normal;
	color: #fff8c4;
}
b2{
	font-weight: normal;
	color: #c20000;
}

input, textarea{
	font-family: 'Montserrat', serif;
	font-size:16px;
	color:#4d4d4d;
}
li{
	list-style-type: circle;
	text-indent: 18px;
	margin-bottom: 5px;
	list-style-position: inside;
}

/*NAVIGATION*/

a.headline{
	font-family: 'Montserrat', sans-serif;
	font-size:64px;
	color:#fff;  
	text-decoration:none;
}
a:hover.headline{
	font-family: 'Montserrat', sans-serif;
	font-size:64px;
	color:#c5f1ff;  
	text-decoration:none;
}
a{
	font-family: 'Montserrat', sans-serif;
	font-size:26px; 
	color:#fff; 
	text-decoration:none;
}
a:hover{
	font-family: 'Montserrat', sans-serif;
	font-size:26px; 
	color:#c5f1ff; 
	text-decoration:none;
}
a.active{
	font-family: 'Montserrat', sans-serif;
	font-size:26px; 
	color:#a1e8ff; 
	text-decoration:none;
}
table{
	table-layout: fixed;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	line-height:120%;
	width: 100%;
}
td{
	padding-bottom: 6px;
	padding-right: 10px;
}

/*DIV*/

#wrapper{
	background: url('images/bg_blue_40.png') repeat;
	width: 1000px;
	margin: 0 auto;
	position: relative;
	min-height: 1px;
	/*-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5); 
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);*/
}
#headline{
	width: 960px; 
	padding:46px 20px 30px 20px;
	margin-bottom: 1px;
}
#navibox{
	width: 978px; 
	padding:30px 20px 20px 2px;
	margin-bottom: 1px;
}
#navibox ul li{
	display: block;
	float:  left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-family:Helvetica; 
	font-size:12px; 
	font-weight: normal; 
	color:#4d4d4d;
}
#contentbox{
	min-height: 340px;
	padding:20px 20px 20px 20px;
	width: 729px;
	margin-right: 1px;
	float: left;
}
#rightbox{
	min-height:100px;
	padding: 20px 0px 20px 20px;
	width: 210px;
	float: left;
}
#footer{
    width: 1000px;
    height: 100px;
	padding-top: 20px;
    text-align: center;
}

/*OTHER STUFF*/

img.rounded{
	border-radius:10px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	border: 1px solid #000000;
	-moz-box-border: 1px solid #000000;
	-khtml-border: 1px solid #000000;
}
img.opacity{
	opacity:  0.8;
}
img.opacity:hover{
	opacity:1;
}
hr.bgline{
	background: url(images/dot2.png) repeat-x;
	height:6px;
	width:998px;
	border-color: transparent;
}
hr.footerline{
	background: url(images/dot2.png) repeat-x;
	height:6px;
	width:998px;
	margin: 0px 0px 30px 0px;
	border-color: transparent;
}
hr.contentline{
	background: url(images/dot2.png) repeat-x;
	height:6px;
	width:760px;
	margin: 10px 18px 10px -20px;
	border-color: transparent;
}
hr.shortline{
	background: url(images/dot2.png) repeat-x;
	height:6px;
	width:400px;
	margin: 10px 18px 10px 0px;
	border-color: transparent;
}
hr.rightboxline{
	background: url(images/dot2.png) repeat-x;
	height:6px;
	width:100%;
	border-color: transparent;
}
.disclaimer{
    width: 980px;
    margin-left: 20px;
    height:134px;
    overflow:auto;
}
.hidden{
	display: none;
}