@charset "UTF-8";
@import url('fonts.css');
@import url('misc.css');

/* Okidoki Inflatables */
/* design:		2008 Quadratdesign.de (Nikolaus Rademacher) */
/* code:		2008 Quadratdesign.de (Nikolaus Rademacher) */

/* -- general.css */


#seiteninhalt { border-top: 1px solid #0079c4; }


html {
	margin: 0;
	padding: 0;
	
	background-image: url('../images/background.png');
	background-color: rgb(0,121,196);	/* hex: #0079c4 */
}

body {
	margin: 0;
	padding: 0;
	
	height: 750px;
	
	background-image: url('../images/bg-sterne.png');
	background-position: top right;
	background-repeat: no-repeat;
}

img {
	border: 0;
}


#header {
	margin: 0;
	height: 200px;
}

#logo {
	margin-top: 50px;
	margin-left: 25px;
	
	height: 98px;
	
	border: 0;
}

#galerie {
	position: absolute;
	top: 50px;
	left: 325px;
	
	width: 475px;
	height: 100px;
	
	background-color: #fff;
}


#navigationsbereich {
	position: absolute;
	top: 250px;
	left: 25px;
	
	width: 118px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	height: 35px;
	
	margin-bottom: 1px;
	padding-right: 20px;
	
	text-align: right;
	vertical-align: middle;
	line-height: 35px;
	
	background-color: #80bce2;

	background-repeat: no-repeat;
	background-image: url('../images/btn-middle-normal.png');
}

#navigation li.active {
	background-color: #ea7b12;
	background-image: url('../images/btn-middle-active.png');
}

#navigation li:hover {
	background-image: url('../images/btn-middle-active.png');
}

#navigation li.first {
	background-image: url('../images/btn-top-normal.png');
}

#navigation li.first:hover {
	background-image: url('../images/btn-top-active.png');
}

#navigation li.first.active {
	background-image: url('../images/btn-top-active.png');
}

#navigation li.last {
	background-image: url('../images/btn-bottom-normal.png');
}

#navigation li.last:hover {
	background-image: url('../images/btn-bottom-active.png');
}

#navigation li.last.active {
	background-image: url('../images/btn-bottom-active.png');
}

#navigation li.active {
	background-color: #ea7b12;
	background-image: url('../images/btn-middle-active.png');
}


#seiteninhalt {
	width: 656px;
	
	margin-top: 0;
	margin-left: 144px;
		
	background-color: #fff;
}

.bottom-right {
	/* padding-top: 25px; */
	padding-bottom: 25px;
}

#seiteninhalt h3 {
	margin-top: 0;
	padding-top: 50px;
}


/* round corners */
.top-left		{	background: url('../images/inhalt-bg-ctl.png') top left no-repeat;	}
.bottom-left	{	background: url('../images/inhalt-bg-cbl.png') bottom left no-repeat;	}
.bottom-right	{	background: url('../images/inhalt-bg-cbr.png') bottom right no-repeat;	}


#seiteninhalt h3, #seiteninhalt h4, #seiteninhalt p, #seiteninhalt ul, #seiteninhalt address {
	width: 550px;
	
	margin-left: 50px;
	margin-right: 50px;
}

#lang {
	position: absolute;
	top: 200px;
	left: 668px;
	
	width: 132px;
	height: 29px;
	
	text-align: center;
	vertical-align: middle;
	line-height: 29px;
	
	margin: 0;
	
	background-image: url('../images/english-bg.png');
	background-color: #80bce2;
}

#lang:hover {
	background-image: url('../images/english-bg-active.png');
}

#footer {
	height: 50px;
}