/*
Theme Name: Glassical
*/

html, body
{       background-color:#69D2E7;
        width:100%;
        height:100%;
        margin:0;
        padding:0;
        font-family:Arial, Tahoma, Verdana;
        font-size:12px;
        line-height: 1.5em;
        color:#666;
        text-align:center;
}

form {margin:0;padding:0;}

a
{
        /*color:#6CBDDE;*/
        color:#69d2ef;
        text-decoration:none;
        font-weight:bold;
}

a:hover
{
        text-decoration:underline;
}

a img
{
        border:none;
}

form
{
        padding:0;
        margin:0;
}

input, select, textarea
{
        font-family:Arial, Tahoma, Verdana;
}

h1, h2, h3
{
        padding:0;
        font-weight:bold;
        text-transform:uppercase;
}

h1
{
        font-size:22px;
        color:#f4862f;
        line-height: 1em;
        margin:0 0 20px 0;
}

h1 a { color:#f4862f; }
h1 a:hover { color:#DD5820; }



h2
{
        font-size:20px;
        color:#69D2E7;
        line-height: 1.2em;
        margin:0 0 20px 0;
}

h3
{
        font-size:15px;
        line-height: 1.2em;
        color:#69D2E7;
        margin:0;
}

h2 a { color:#69D2E7; }
h3 a { color:#69D2E7; }



/* ////////////////////// Layout ////////////////////// */
#pagewidth
{
        width:980px;
        text-align:left;
        margin:0 auto;
        padding:30px 0;
        position:relative;
}

#header
{
        float:left;
        width:100%;
        height:147px;
        margin:0;
        padding:0;
        position:relative;
        background:url(images/header.png) top left no-repeat;
}
#content
{
        clear:both;
        float:left;
        width:960px;
        padding:30px 10px 0 10px;
        position:relative;
        background:url(images/content.png) top left repeat-y;
        z-index:1;
}


#content #left
{
        display:inline;
        width:540px;
        float:right;
        margin:0 30px 0 30px;
}

#content #right
{
        position:relative;
        display:inline;
        width:300px;
        float:left;
        margin:0px 30px 0 30px;
}

#footer
{
        position:relative;
        clear:both;
        float:left;
        width:100%;
        color:#fff;
        background:url(images/footer.png) top left no-repeat;   
        padding-top:20px;
}

#footer a{
    color:#FFF;
    text-decoration:none;
}
#footer a:hover{
    text-decoration:underline;
}
#footer ul{
    float:left;
    padding: 0px 15px;
}
/* ////////////////////// Layout ////////////////////// */



/* ////////////////////// Header, Footer and Top Navigation ////////////////////// */
#header .logo
{
        width:280px;
        float:left;
        margin-bottom:0px;
}

#header .logo a
{
        float:left;
        background:url(images/clear.gif) top left no-repeat;
        width:270px;
        height:93px;
        /*margin-bottom:0px;*/
}

#header #leaderboard
{         
        position:absolute;
        top:-25px;
        left:252px;

}

#header #logo2
{         
        position:absolute;
        top:-25px;
        left:-60px;
        width:105px;
        height:60px;
        background:url(images/logo.png) no-repeat;
}


/* ////////////////////// Header, Footer and Top Navigation ////////////////////// */
#navigation {
        position:absolute;
        top:96px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
        z-index:3; 
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
        line-height: 1em;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 41px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/
ul#topnav a.buchen {
	background: url(images/nav_buchen.png) no-repeat;
	width: 162px;
}
ul#topnav a.mittelmeer {
	background: url(images/nav_mittelmeer.png) no-repeat;
	width: 223px;
}
ul#topnav a.fernziele {
	background: url(images/nav_fernziele.png) no-repeat;
	width: 202px;
}
ul#topnav a.nahziele {
	background: url(images/nav_nahziele.png) no-repeat;
	width: 205px;
}
ul#topnav a.mehr {
	background: url(images/nav_mehr.png) no-repeat;
	width: 188px;
}
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 41px;
	padding: 20px 20px 20px;
	float: left;
	display: none1; /*--Hidden for those with js turned off--*/
        z-index:3; 

}
#blau {
       	background-color: #0d81c3; 
        border-right:1px solid #035798;
        border-bottom:1px solid #035798;
        border-left:1px solid #a0dcf7;
        left: 0px;
}
#pink {
       	background-color: #ec5499;
        border-right:1px solid #bc1e6c;
        border-bottom:1px solid #bc1e6c;
        border-left:1px solid #f8c2db;
        left: 0px;
}
#gruen {
       	background-color: #6e970a; 
        border-right:1px solid #425a09;
        border-bottom:1px solid #425a09;
        border-left:1px solid #c5d79b;
        left: 0px;
}
#violett {
       	background-color: #874f8b; 
        border-right:1px solid #4b1e4e;
        border-bottom:1px solid #4b1e4e;
        border-left:1px solid #cab1cb;
        /*--left: -317px;--*/
}
#rot {   
       	background-color: #d42a3b; 
        border-bottom:1px solid #951522;
        border-left:1px solid #f4cbcf;
        /*--left: -93px;--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 120px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 16px;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #fff;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	list-style: none;
	padding: 5px 5px 5px 0px;
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li:hover {

       	background-color: #666; 
}

ul#secondnav {
    margin:0px;
    padding:0px;
}

#secondnav li{
    width:100px;
    height:45px;
    float:left;
    color:#fff;
    text-align:center;
    overflow:hidden;
}

#secondnav a{
    color:#FFF;
    text-decoration:none;
}

#secondnav p{
    padding:0px 0px;
}

.subtext{
        padding-top:15px;
    }

/*Menu Color Classes*/
.green{background:#6e970a url(images/green-item-bg.png) top left no-repeat;
}
.yellow{background:#ec5499 url(images/yellow-item-bg.png) top left no-repeat;

}
.red{background:#d42a3b url(images/red-item-bg.png) top left no-repeat;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 6px;
	-khtml-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
.purple{background:#874f8b url(images/purple-item-bg.png) top left no-repeat;
}
.blue{background:#0d81c3 url(images/blue-item-bg.png) top left no-repeat;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
}
/* ////////////////////// Main Content ////////////////////// */
.heading
{
        padding-bottom:5px;
        margin-bottom:30px;
}

.post
{
        clear:both;
        float:left;
        width:100%;
        margin-bottom:30px;
        padding-bottom:10px;
        border-bottom:1px solid #eeeeee;
}


.post h2, .post h2 a
{
        color:#69D2E7;
}

.post h2 a:hover
{
        color:#2badd1;
}


.post h1, .post h2
{
        clear:left;
        margin-bottom:15px;
        float:left;

        width:auto  !important;
        width:500px;
        max-width:500px;
}

.post .comment_count
{
        float:right;
        width:29px;
        height:27px;
        background:url(images/comment.png) top right no-repeat;
        padding:5px 0 0 0;
        text-align:center;
        font-weight:bold;
        margin:0 0 15px 0;
        line-height:15px;
}

.post .comment_count a
{
        color:#666;
        float:left;
        width:100%;
}

.post .meta
{
        clear:left;
        float:left;
        margin:0;
        /*font-size:11px;
        margin-bottom:20px;*/
        font-size:11px;
        font-weight:bold;
        text-transform:uppercase;
        margin-top:0;
        margin-bottom:5px;
        color:#aaa;
}

.post .meta a
{
        color:#999;
}


.post a.more-link
{
        clear:both;
        color:#fff;
        float:right;
        padding:5px 8px;
        margin-top:15px;
        margin-bottom:20px;
        font-size:10px;
        text-transform:uppercase;
        background:#F38630 url(images/more-link.jpg) 113px 6px no-repeat;
        width:115px;
        line-height:12px;
}

.post .body
{
        clear:both;
}

.post .body h1, .post .body h2, .post .body h3
{
        float:none;
        margin:0 0 10px 0;
}

.post .body p, .post .body ul, .post .body ol, .post .body blockquote, .post .body img
{
        margin:0 0 20px 0;
}

.post .body p, .post .body img
{
        padding:0;
}

.post .body img
{
        max-width:540px;
}

.post img.postimg
{
        width:100%;
        margin:0;
}

blockquote
{
        margin-left:20px;
        margin-right:20px;
        padding:40px 30px 10px 30px;
        border:1px dotted #fff;
        background:#FFF5CA url(images/quote.png) 10px 10px no-repeat;
        text-align:justify;
}

.post .body blockquote p
{
        /*margin:0;*/
}

.post .body a
{
        font-weight:bold;
}

.post .body img.alignright {float:right;margin:0 0 10px 10px}
.post .body img.alignleft {float:left;margin:0 10px 10px 0}
.post .body img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.post .body a img.alignright {float:right; }
.post .body a img.alignleft {float:left;}
.post .body a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.small
{
        width:255px;
        float:left;
        clear:none;
        margin-right:30px;
        border:none;
}

.small .sbody
{
        clear:both;
}

.small h2
{
        font-size:20px;
}

.small img.postimg
{
        margin-bottom:0;
}

.even
{
        margin-right:0;
}
/* ////////////////////// Main Content ////////////////////// */



/* ////////////////////// Paging ////////////////////// */
.paging
{
        clear:both;
        float:left;
        width:100%;
}

.paging .prev
{
        float:left;
        width:50%;
}

.paging .next
{
        float:right;
        text-align:right;
        width:50%;
}

.paging div a
{
        float:left;
        font-weight:bold;
        padding:7px 10px;
        margin-bottom:30px;
        color:#fff;
        background-color:#f4862f;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 6px;
	-khtml-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 6px;
	-khtml-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
}

.paging div a:hover
{
        text-decoration:underline;
}

.paging .prev a
{
        float:left;
}

.paging .next a
{
        float:right;
}

/*
.paging
{
        clear:both;
        float:left;
        width:600px;
        background:#F5F8E6;
        margin:0 -30px;
}

.paging .prev
{
        float:left;
        width:50%;
}

.paging .next
{
        float:right;
        text-align:right;
        width:50%;
}

.paging div a
{
        float:left;
        font-weight:bold;
        padding:5px;
        margin:10px 10px;
}

.paging .prev a
{
        float:left;
}

.paging .next a
{
        float:right;
}
*/
/* ////////////////////// Paging ////////////////////// */



/* ////////////////////// Side Bar ////////////////////// */
#sidebar
{
        clear:both;
        float:left;
        width:100%;
        margin:0;
        padding:0;
        list-style:none;
}

#sidebar h2
{
        color:#2badd1;
        text-align:left;
        margin-bottom:25px;
}

#sidebar li.widget
{
        clear:both;
        float:left;
        width:100%;
        margin:0 0 30px 0;
        padding:0;
}

#sidebar li ul
{
        clear:both;
        float:left;
        width:100%;
        margin:0 0 -10px 0;
        padding:0;
        list-style:none;
        width:100%;
}

#sidebar li ul li
{
        clear:both;
        float:left;
        width:100%;
        margin:0 0 10px 0;
        color:#666;
        text-align:left;
        font-weight:bold;
        font-size:13px;
}

#sidebar li ul li a
{
        color:#666;
        float:left;
}

#sidebar li ul li ul.children
{
        width:100%;
        margin:7px 0 0 0;
        padding:0;
}

#sidebar li ul li ul.children li
{
        padding:3px 0;
        margin:0 0 0 0;
        font-size:12px;
        font-weight:normal;
        background:url(images/child.jpg) center left no-repeat;
}

#sidebar li ul li ul.children li a
{
        font-weight:normal;
        /*text-transform:uppercase;*/
        color:#666;
        margin-left:20px;
}

#sidebar .search_widget
{
        float:left;
        margin:-30px -30px 0 -30px;
        padding:20px 20px;
        width:320px;
        height:35px;
}

#sidebar .search_widget #s
{
        float:left;
        background:url(images/search.jpg) top left no-repeat;
        width:270px;
        height:25px;
        padding:0;
        border:none;
        padding: 10px 0 0 10px;
}

#sidebar .search_widget #sb
{
        float:left;
        background:url(images/search_button.jpg) top left no-repeat;
        width:40px;
        height:35px;
        padding:0;
        border:none;
        cursor:pointer;
}

#creditsfix
{
        clear:both;
        float:left;
        width:100%;
        height:52px;
}

#credits
{
        float:left;
        position:absolute;
        right:30px;
        bottom:0px;
        width:320px;
        height:47px;
        padding:0;
        margin:0 0 5px 0;
        float:left;
        list-style:none;
}

#credits li
{
        clear:both;
        float:left;
        width:100%;
        margin:0 0 5px 0;
        padding:0;
}

#credits li a
{
        float:right;
        color:#666;
        font-size:10px;
        text-transform:uppercase;
}

#credits li img
{
        vertical-align:middle;
        margin-right:5px;
}
/* ////////////////////// Side Bar ////////////////////// */






/* ////////////////////// Commons ////////////////////// */
ul.list
{
        margin:0;
        padding:0;
        list-style:none;
}

ul.list li
{
        margin:0 0 5px 0;
        padding:0;
}

ul.list li.gap
{
        margin-bottom:15px;
}
/* ////////////////////// Commons ////////////////////// */



/* ////////////////////// Fixing Dear Mr Internet Explorer ////////////////////// */
.ie7 #comments { background:none; }
.ie7 #comments .commentlist li div.comment-body { display:inline-block; }
.ie7 #comments #respond, .opera #comments #respond
{
        padding-bottom:20px;
        margin-top:-20px;
        margin-bottom:30px;
}
.ie7 #creditsfix { height:82px; }
.ie7 #header { z-index:5; }
.ie7 #navigation { float:none; }
/* ////////////////////// Fixing Dear Mr Internet Explorer ////////////////////// */



/* ////////////////////// Hacks /