/* Beschreibung
Screen CSS für die Bildschirmausgabe
Domain: camping45.com
(c) Mario Jäckel www.zen-networks.de 2009
*/

/* HTML 
------------------------------------------------------------------------------- 
*/

body {
margin:0;
padding:0;
background-color:#dededc;
font-family:Arial, Verdana, Geneva, Helvetica, Sans-Serif;
font-size:12px;
color:#1f1f1f;
}

a { 
font-family:Arial, Verdana, Geneva, Helvetica, Sans-Serif;
font-size:12px;
color:#1f1f1f;
}

/* MAIN 
------------------------------------------------------------------------------- 
*/

#main {
position:relative;
margin:5px auto 20px auto;
padding:0;
width:960px;
}

/* LANGUAGE_SELECT 
------------------------------------------------------------------------------- 
*/

#language_select {
position:absolute;
top:123px;
left:74px;
z-index:99999;
}

#language_select a span {
visibility: hidden;
}

#language_select a {
margin:0 23px 0 0;
padding:0;
display:block;
float:left;
width:22px;
height:15px;
text-decoration:none;
}

#language_select #sv {
background-image:url("image/bg_lang_sv.png");
}

#language_select #en {
background-image:url("image/bg_lang_en.png");
}

#language_select #de {
background-image:url("image/bg_lang_de.png");
}

/* TOP 
------------------------------------------------------------------------------- 
*/

#top {
position:relative;
margin:0;
padding:0;
width:960px;
height:285px;
}

#top_heading_h1 {
visibility:hidden;
margin:0;
padding:0;
font-size:0px;
line-height:0;
}

#top_layer1 {
position:relative;
margin:0;
padding:0;
width:960px;
height:110px;
background-image:url("image/bg_top_layer1_001.png");
}

#top_layer1_heading {
position:absolute;
top:33px;
left:368px;
}

#top_layer1_heading h2 {
margin:0;
padding:0;
color:#1f1f1f;
font-family:georgia;
font-size:26px;
font-style:italic;
font-weight:lighter;
}

#top_layer1_navigation {
position:absolute;
bottom:0px;
left:260px;
width:700px;
height:30px;
}

#top_layer1_navigation ul {
margin:0;
padding:0;
height:30px;
list-style-type:none;
}

#top_layer1_navigation ul li {
margin:0 20px 0 0;
padding:0;
height:30px;
float:left;
}

.top_layer1_navigation_inactive_first {
margin:0;
padding:3px 10px 0px 10px;
height:30px;
display:block;
text-decoration:none;
font-family:verdana;
font-size:18px;
color:#1f1f1f;
}

#top_layer1_navigation ul li a:hover {
color:#f0f0f0;
}

#top_layer1_navigation_active_first {
margin:0 0 0 0;
padding:3px 0 0 10px;
height:30px;
display:block;
text-decoration:none;
font-family:verdana;
font-size:18px;
color:#f0f0f0;
float:left;
background-image:url("image/bg_top_layer1_nav_span_001.png");
background-repeat:no-repeat;
}

.top_layer1_navigation_active_child {
margin:0 0 0 0;
padding:3px 0 0 10px;
height:30px;
display:block;
text-decoration:none;
font-family:verdana;
font-size:18px;
color:#1f1f1f;
float:left;
background-image:url("image/bg_top_layer1_nav_span_001.png");
background-repeat:no-repeat;
}

#top_layer1_navigation_active_second {
margin:0;
padding:0px 10px 0 0;
display:block;
width:0px;
height:30px;
float:left;
background-image:url("image/bg_top_layer1_nav_span_001.png");
background-position:right;
background-repeat:no-repeat;
}

#top_layer2 {
position:relative;
margin:0;
padding:0;
width:960px;
height:175px;
background-image:url("image/bg_top_layer2_001.png");
}

#top_layer2_navigation {
position:absolute;
top:43px;
left:25px;
}

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

#top_layer2_navigation ul li {
margin:0;
padding:0;
}

#top_layer2_navigation ul li a {
margin:0;
padding:0 0 0 5px;
display:block;
width:205px;
text-decoration:none;
font-family:verdana;
font-size:15px;
letter-spacing:2px;
color:#1f1f1f;
}

#top_layer2_navigation ul li a:hover {
background-color:#6d8851;
}

#top_layer2_navigation_active {
margin:0;
padding:0 0 0 5px;
font-family:verdana;
font-size:15px;
letter-spacing:2px;
color:#f0f0f0;
}

#top_layer2_image {
position:absolute;
top:0px;
left:260px;
width:700px;
height:175px;
margin:0;
padding:0;
}

/* CENTER 
------------------------------------------------------------------------------- 
*/

#center {
position:relative;
margin:0;
padding:0px;
width:960px;
border-top:0px solid #dededc;
background-color:white;
background-image:url("image/bg_center_001.png");
background-repeat:repeat-y;
}

/* 240
------------------------------------------------------------------------------- 
*/

#center_980 {
position:relative;
margin:0;
padding:10px;
width:940px;
float:left;
background-color:white;
}

#center_980 h3 {
margin:0 0 10px 4px;
padding:0;
font-size:14px;
}

#center_980 p {
margin:0 5px 10px 5px;
padding:0;
}

#center_980 img {
margin:0 10px 0 0;
padding:0;
float:left;
}

#center_left_240 {
position:relative;
margin:0;
padding:10px;
width:240px;
float:left;
}

#center_left h2 {
margin:0 0 10px 0;
padding:0;
font-size:14px;
}

#center_left img {
margin:0;
padding:0;
float:left;
}

#center_left p {
margin:0 5px 10px 5px;
padding:0;
}

/* 680 
------------------------------------------------------------------------------- 
*/

#center_right_680 {
position:relative;
float:left;
margin:0;
padding:10px;
width:680px;
}

#center_right_680 h2 {
margin:0 0 10px 0;
padding:0;
font-size:14px;
}

#center_right_680 img {
margin:0 10px 0 0;
padding:0;
float:left;
border:0;
}

#center_right_680 p {
margin:0 5px 10px 5px;
padding:0;
}

#center_right_680 table {
margin:0 0 10px 0;
padding:0;
width:100%;
border:1px solid #dededc;
border-collapse:collapse;
}

#center_right_680 tr {
margin:0;
padding:0;
}

.center_right_680_tr_hover:hover {
margin:0;
padding:0;
background-color:#dededc;
}

#center_right_680 td, th {
margin:0;
padding:5px;
}

#center_right_680 td a:hover {
text-decoration:none;
}

/* 480 
------------------------------------------------------------------------------- 
*/

#center_left_480 {
position:relative;
float:left;
margin:0;
padding:10px;
width:460px;
background-color:white;
}

#center_left_480 h2 {
margin:0 0 10px 0;
padding:0;
font-size:14px;
}

#center_left_480 img {
margin:0 10px 0 0;
padding:0;
float:left;
}

#center_left_480 p {
margin:0 5px 10px 5px;
padding:0;
}


#center_right_480 {
position:relative;
float:left;
margin:0;
padding:10px;
width:460px;
}

#center_right_480 h2 {
margin:0 0 10px 0;
padding:0;
font-size:14px;
}

#center_right_480 img {
margin:0 10px 0 0;
padding:0;
float:left;
}

#center_right_480 p {
margin:0 5px 10px 5px;
padding:0;
}

/* BOTTOM 
------------------------------------------------------------------------------- 
*/

#bottom {
position:relative;
margin:0;
padding:10px 0 0 0;
width:960px;
height:100px;
border-top:1px solid #dededc;
text-align:center;
background-image:url("image/bg_bottom_001.png");
}

#bottom a {
margin:0 50px 0 50px;
padding:0;
}

#bottom a img {
border:0;
margin:0;
padding:0;
vertical-align:middle;
}

#bottom p {
margin:0;
padding:0;
}

/* MISC 
------------------------------------------------------------------------------- 
*/

.clear_float {
width:0px;
height:0px;
margin:0px;
padding:0px;
clear:both;
}

.warning {
position:relative;
margin:0;
padding:0;
width:100%;
height:25px;
background-image:url("image/bg_message_001.png");
border-bottom:1px solid #696864;
}

.warning img {
margin:3px 5px 0 5px;
padding:0;
}

.warning span {
margin:0;
padding:0;
font-size:13px;
font-weight:bold;
vertical-align:super;
}

/* TEMP / DEV 
------------------------------------------------------------------------------- 
*/
.center_left_imgcenter {
text-align:center;
}

#plugin_weather {
position:relative;
margin:10px 0px 10px 40px;
padding:0;
width:160px;
height:240px;
line-height:12px;
text-align:center;
}

#disclaimer_small {
margin:0;
padding:0;
font-size:8px;
}

.button {
background-image:url("image/bg_button_001.png");
background-repeat:repeat-x;
background-color:#6d8851;
-moz-border-radius:2px;
border-color:#333333 #545454 #545454 #333333 !important;
border-style:solid !important;
border-width:1px !important;
color:#FFFFFF;
cursor:pointer;
font-family:Verdana,Tahoma,Sans-Serif;
font-size:10px;
font-weight:bold;
line-height:12px;
padding:3px 10px 4px;
text-decoration:none;
}

.button:hover {
background-image:url("image/bg_button_002.png");
cursor:pointer;
background-color:#96a981;
}





#top_layer1_navigation ul li ul {
margin: -3px 0 0 0;
padding: 0;
position: absolute;
z-index: 9999;
display: none;
}

#top_layer1_navigation ul li:hover ul {
display: block;
}

#top_layer1_navigation ul li ul li {
margin: 0;
padding: 0;
float: none;
display: block;
background-image: url("image/bg_top_layer1_nav_ul_001.png");
height: auto;
}

#top_layer1_navigation ul li ul li a {
margin: 0;
padding: 5px;
display:block;
text-decoration:none;
font-family:verdana;
font-size:14px;
color:#1f1f1f;

}

#top_layer1_navigation ul li ul li span {
margin: 0;
padding: 5px;
display:block;
text-decoration:none;
font-family:verdana;
font-size:14px;
color:#f0f0f0;

}