/* =================================================================
             www.kreuzfahrt-gewinnspiel.de - CSS Document 
===================================================================*/

*{ padding: 0;
   margin: 0;
   outline:0;
 }
 
body {
	background: url(../images/bg_pattern.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#053263;
	background-color:#1c72af;
}

p {
	line-height:18px;
	padding-bottom:20px;
}

#footer {
	padding:15px;	
}


/* =================================================================
             www.kreuzfahrt-gewinnspiel.de - DIV Settings
===================================================================*/

#wrapper {
	width:860px;
	height:auto;
	margin:0 auto;
	background:#FFF;	
}

#top {
	width:860px;
	height:94px;
	background:url(../images/bg_top.gif) no-repeat;
}

#menu {
	width:860px;
	height:48px;
	background:#1c72af;
	
}

#header {
	width:860px;
	height:219px;
	background:url(../images/bild_header.jpg) no-repeat;
}

#main {
	width:860px;
	min-height:300px;
	background:url(../images/bg_main.gif) repeat-y;
}

* html #main {
	height:300px;	
}

#main_2 {
	width:860px;
	min-height:300px;
	background:#FFF;
}

#main a {
	color:#830506;
	text-decoration:none;	
}

#main a:hover {
	color:#05835b;	
}

#main_2 a {
	color:#830506;
	text-decoration:none;
}

#main_2 a:hover {
	color:#05835b;	
}

* html #main_2 {
	height:300px;	
}

#left_area {
	width:282px;
	height:auto;
	float:left;
}

#content {
	width:516px;
	height:auto;
	float:right;
	padding:18px 40px 0 0;
}

#content_2 {
	width:782px;
	height:auto;
	float:right;
	padding:18px 40px 0 0;
}

#slider_box {
	clear:both;
	width:860px;
	height:91px;
}

#bottom {
	width:860px;
	height:56px;
	background:url(../images/bg_bottom.gif) no-repeat;
	color:#fff;
}


/* =================================================================
             www.kreuzfahrt-gewinnspiel.de - Menu
===================================================================*/


#menu ul {
	list-style-type:none;	
}

#menu ul li {
	display:inline;	
}

/*----------------------------------------------------------------*/

#menu .btn_01 a {
	width:123px;
	height:48px;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url(../images/btn_01.gif) 0 0 no-repeat;
}

#menu .btn_01 a:hover {
	background:url(../images/btn_01.gif) 0 -48px no-repeat;
}

#menu .btn_01_aktiv {
	width:123px;
	height:48px;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url(../images/btn_01.gif) 0 -48px no-repeat;
}


/*----------------------------------------------------------------*/

#menu .btn_02 a {
	width:147px;
	height:48px;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url(../images/btn_02.gif) 0 0 no-repeat;
}

#menu .btn_02 a:hover {
	background:url(../images/btn_02.gif) 0 -48px no-repeat;
}

#menu .btn_02_aktiv {
	width:147px;
	height:48px;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url(../images/btn_02.gif) 0 -48px no-repeat;
}

/*----------------------------------------------------------------*/

#menu .btn_03 a {
	width:142px;
	height:48px;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url(../images/btn_03.gif) 0 0 no-repeat;
}

#menu .btn_03 a:hover {
	background:url(../images/btn_03.gif) 0 -48px no-repeat;
}

#menu .btn_03_aktiv {
	width:142px;
	height:48px;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url(../images/btn_03.gif) 0 -48px no-repeat;
}


/*----------------------------------------------------------------*/


#menu .btn_04 a {
	width:199px;
	height:48px;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url(../images/btn_04.gif) 0 0 no-repeat;
}

#menu .btn_04 a:hover {
	background:url(../images/btn_04.gif) 0 -48px no-repeat;
}

#menu .btn_04_aktiv {
	width:199px;
	height:48px;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url(../images/btn_04.gif) 0 -48px no-repeat;
}

/*----------------------------------------------------------------*/

#menu .btn_05 a {
	width:249px;
	height:48px;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url(../images/btn_05.gif) 0 0 no-repeat;
}

#menu .btn_05 a:hover {
	background:url(../images/btn_05.gif) 0 -48px no-repeat;
}

#menu .btn_05_aktiv {
	width:249px;
	height:48px;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url(../images/btn_05.gif) 0 -48px no-repeat;
}


/* =================================================================
             www.kreuzfahrt-gewinnspiel.de - Other Settings
===================================================================*/

h1 {
	font-size:24px;
	color:#830506;
	margin-bottom:10px;
}

h2 {
	font-size:18px;
	color:#1c72af;
	margin-bottom:10px;		
}

.right {
	float:right;	
}

#bottom a {
	font-size:11px;
	text-decoration:none;
	color:#FFF;
}

#bottom a:hover {
	text-decoration:underline;
}

/* ====================================================================
				CLEARFIX Settings
======================================================================= */


#slider {position: relative; overflow: hidden;height:86px; width:850px; margin-left:5px;}
#slider img {position:absolute;	margin:0; height:96px;display:none;}
#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */