/* --- Fonts --- */

@font-face {
    font-family: 'UnderwoodChampion';
    src: url('../fonts/underwood_champion-webfont.eot');
    src: url('../fonts/underwood_champion-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/underwood_champion-webfont.woff') format('woff'),
         url('../fonts/underwood_champion-webfont.ttf') format('truetype'),
         url('../fonts/underwood_champion-webfont.svg#underwood_championregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* --- General --- */

* { margin: 0; padding: 0; }

html, body {
	height:100%;
}

body {
    margin: 0;
    padding: 0;
    min-height: 710px;
    font: 12px/120% 'UnderwoodChampion', Times;
    font-weight:normal;
    color: #414140;
    letter-spacing: -0.05em;
}

a {
	color:#414140;
	text-decoration: none; 
}
a:hover {
	color:#E94F35;
	text-decoration: none; 
}
a:active, a:focus { outline: none; }

img {
	height: auto;
	border:0 none !important;
}

p {
	margin:0 0 0.5em 0;
}

p.small {
	font-size: 9px;
}

h1 { font-weight: normal; font-size: 18px; margin:0 0 0.5em 0; line-height:1.2em; color: #E2001A; }
h2 { font-weight: normal; font-size: 15px; margin:0 0 0.5em 0; line-height:1.2em; color: #009EC8; }
h3 { font-weight: bold; font-size: 13px; margin:0 0 0.5em 0; line-height:1.2em; color: #414140; }

input, textarea { border: 0 none; font-family: 'UnderwoodChampion'; font-size:13px; color:#009EC8; }
input[type=text] { background: url('../img/input_text1.png') left bottom no-repeat; display:block; width:330px; padding:3px 0 3px 0; }
input[name=email] { background-image: url('../img/input_text2.png'); }
textarea { background: url('../img/textarea.png') left top no-repeat; resize: none; display:block; width:310px; height:100px; padding:12px 10px; overflow: auto; }

select {
	border:1px solid #ccc;
	min-width:40%;
	font-family: 'UnderwoodChampion';
	font-size:13px; color:#009EC8;
}

.clear { clear:both; }

#centerhelper {
    float: left;
    height: 50%;
    margin-bottom: -355px;
    width: 1px;
}

#page {
    position:relative;
	margin:0 auto;
	width:960px;
	height:710px;
	clear: left;
    margin: 0 auto;
}

#footermenu {
	position:absolute;
	width:100%;
	text-align: center;
	left:0;
	top:626px;	
}

#footermenu ul {
	list-style: none;
	margin-right: 20px;
}

#footermenu li {
	display: inline;
	margin: 0 10px;
}




/* --- Pages --- */

.popup {
    display: none; 
	position: absolute;
	left: 50%;
	top: 50%;
	width: 328px;
	height: 326px;
	margin-left: -239px;
	margin-top: -238px;
	overflow: hidden;
	background:url('../img/bg_popup.png') center no-repeat;
	z-index: 999;
	padding:75px;
}
#overlay{
    display: none; 
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.5) 100%); 
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,0.5)));     
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.5) 100%);     
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.5) 100%);     
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.5) 100%);     
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.5) 100%);     
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#80000000',GradientType=1 );   
    width: 100%;   
    height: 100%;   
    position: fixed;   
    z-index: 998;   
    top: 0;
    left:0;
}


#btn_reiseabenteuer {
	display:inline;
	position: absolute;
	left: 410px;
	top: 46px;
}
#btn_reiseabenteuer img {
	width: 120px;
	height: 113px;
}
#btn_reiseabenteuer img:hover {
	width:132px;
	height: 124px;
	margin-left:-6px;
	margin-top:-5px;
}

#btn_header_rosa {
	display:inline;
	position: absolute;
	left: 676px;
	top: 40px;
}
#btn_header_rosa img {
	width: 136px;
}
#btn_header_rosa img:hover {
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#btn_header_leo {
	display:inline;
	position: absolute;
	left: 538px;
	top: 36px;
}
#btn_header_leo img {
	width: 131px;
}
#btn_header_leo img:hover {
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#btn_startseite {
	display:inline;
	position: absolute;
	left: 115px;
	top: 551px;
	z-index:999;
}
#btn_startseite img {
	width: 163px;
}
#btn_startseite img:hover {
	width:179px;
	margin-left:-7px;
	margin-top:-2px;
}

#txt_standard, #txt_standard_big {
	position: absolute;
	left: 454px;
	top: 199px;
	width: 342px;
	height: 378px;
	overflow: hidden;
}
#txt_standard_big {
	left: 114px;
	top: 143px;
	width: 726px;
	height: 450px;
}


#left {
	float:left;
	width: 49%;
	height:100px;
	margin-right:1%;
}
#right {
	float:right;
	width: 49%;
	height:100px;
	margin-left:1%;
}

#btn_audio {
	display:inline;
	position: absolute;
	left: 90px;
	top: 40px;
}

.text-blue {
	color: #009EC8;
}
.text-success {
	color: green;
}
.text-error {
	color: red;
}

.scrollable {
	overflow: auto;
}

/* --- Startseite --- */

#start {
    background: #D9EAF2;
}
#start #page { background: url('../img/bg_start.png') center center no-repeat; }

#btn_info {
	display:inline;
	position: absolute;
	left: 146px;
	top: 422px;
}
#btn_info img {
	width: 45px;
}
#btn_info img:hover {
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#btn_rosa {
	display:inline;
	position: absolute;
	left: 142px;
	top: 186px;
}
#btn_rosa img {
	width: 156px;
}
#btn_rosa img:hover {
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#btn_leo {
	display:inline;
	position: absolute;
	left: 624px;
	top: 371px;
}
#btn_leo img {
	width: 152px;
}
#btn_leo img:hover {
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#btn_buch_italien,
#btn_buch_deutschland,
#btn_buch_frankreich {
	display:inline;
	position: absolute;
	left: 809px;
	top: 371px;
}
#btn_buch_deutschland {
	top: 151px;
}
#btn_buch_frankreich {
	left: 35px;
}
#btn_buch_italien img,
#btn_buch_deutschland img,
#btn_buch_frankreich img {
	width: 197px;
	height:226px;
}
#btn_buch_italien img:hover,
#btn_buch_deutschland img:hover,
#btn_buch_frankreich img:hover {
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

/* --- Rosa --- */

#rosa {
	background: #DEE8B4;
}
#rosa #page { background: url('../img/bg_rosa.png') center center no-repeat; }

#txt_rosa {
	display:inline;
	position: absolute;
	left: 665px;
	top: 462px;
	width: 274px;
	height: 226px;
	overflow: hidden;
}


/* --- Leo --- */

#leo {
	background: #FFF8BD;
}
#leo #page { background: url('../img/bg_leo.png') center center no-repeat; }

#txt_leo {
	display:inline;
	position: absolute;
	left: 656px;
	top: 443px;
	width: 289px;
	height: 237px;
	overflow: hidden;
}

/* --- Buch --- */

#kinderreisebuch_italien, #kinderreisebuch_deutschland {
	background: #FFF8BD;
}
#kinderreisebuch_frankreich { background:#d9eaf2; }

#kinderreisebuch_italien #page { background: url('../img/bg_buch_italien.png') center center no-repeat; }
#kinderreisebuch_deutschland #page { background: url('../img/bg_buch_deutschland.png') center center no-repeat; }
#kinderreisebuch_frankreich #page { background: url('../img/bg_buch_frankreich.png') center center no-repeat; }

#btn_musterseiten { 
	display: inline;
	position: absolute;
	left: 130px;
	top: 180px;
}
#btn_musterseiten img {
	width:255px;
	height:350px;
}


/* --- Kleine Entdecker --- */

#reiseabenteuer {
	background: #EFE3D6;
}
#reiseabenteuer #page { background: url('../img/bg_reiseabenteuer.png') center center no-repeat; }

/* --- Kontakt --- */

#kontakt {
	background: #DEE8B4;
}
#kontakt #page { background: url('../img/bg_kontakt.png') center center no-repeat; }

/* --- Impressum --- */

#impressum, #datenschutz {
    background: #D9EAF2;
}
#impressum #page,
#datenschutz #page { background: url('../img/bg_impressum.png') center center no-repeat; }


/* --- Bestellen --- */

#bestellen {
	background: #FFF8BD;
}
#bestellen #page { background: url('../img/bg_blank.png') center center no-repeat; }
#bestellen th { padding-bottom:3px;}