@charset "utf-8";
/* CSS Document */


@media screen and (min-device-width: 480px){
	
/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body  {		background-color:#ffffff;
			background-image:none;
			background-image: url(Bilder/hg_webseite.gif);
background-attachment:fixed;
background-repeat:repeat-x;
background-position:left bottom;
  padding:0px;
  margin:0px;
  text-align: center;
}

#wrapper {
width:1000px;
height:453px;
text-align: left;
margin:auto;
display:table;

			/* Schrift */
			font-family:Arial,Tahoma,sans-serif;
			font-size:12px;
			line-height:16px;
			color:#333333;

}
#head {height:75px; margin:20px 0 10px 0;}
#logo {float:left;}
#navi {float:right; margin:56px 5px 0 0; height:18px;position:relative;}
#navi li {display:inline; float:none; }

#navi ul li:after {
    display: marker;
    content: " .";
    margin-right: 0.1em;
}

#navi ul li:last-child:after {
    content: none!important;
}

#bilder {width:186px; height:453px; float:left; z-index:1;
background-color:#CCCCCC;
background-image:url(Bilder/hg_img.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
#bilder ul
{list-style-type:none;}
#bilder img {visibility:hidden;}

#subnavi {height:453px; width:118px; float:left;
font-family:Arial,Tahoma,sans-serif;
font-size:10px;
line-height:14px;
color:#ffffff;
background-color:#CCCCCC;
background-image:url(Bilder/hg_subnavi.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#subnavi p {
	padding-top:35px;
	padding-left:22px;}
	
#content {
width:696px;
height:453px;
float:right;
font-family:Arial,Tahoma,sans-serif;
font-size:12px;
line-height:16px;
color:#000000;
background-color:#CCCCCC;
background-image:url(Bilder/hg_content.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#content table {
	font-family:Arial,Tahoma,sans-serif;
	font-size:12px;
	line-height:16px;
	padding-bottom:10px;
}

#content table tr td { background: #cccccc; }
#content .anmeldung .innen table tr td { background:none; }
#content table tr:nth-child(odd) td { background: #b7b7b7; }
#content .anmeldung .innen table tr:nth-child(odd) td { background:none; }

#content .inhalt {
padding: 10px 20px 30px 30px;
}
#content .innen {
	padding-top:24px;
}
#content .innen p{
	padding:0 0 8px 0;
}

	
h1			{font-family:Arial,Tahoma,sans-serif; font-size:18px; color:#000000; font-weight:bold; padding-bottom:12px;}
h2			{font-size:14px; color:#666666; font-weight:normal; margin-top:10px; margin-bottom:14px;}
h3			{font-size:10px; color:#999999; font-weight:normal; font-variant:small-caps; margin-top:35px;}

textarea {font-size:12px;font-family:Arial,Tahoma,sans-serif;}

/* Linkfarben */
a				{color:#ffffff; text-decoration:none;}
a:link			{color:#ff0000; text-decoration:none;}
a:visited		{color:#990000; text-decoration:none;}
a:active		{color:#ffffff; text-decoration:none;}
a:hover			{color:#FFFFFF; text-decoration:underline;}

#navi a				{color:#000000; text-decoration:none;}
#navi a:link		{color:#ff0000; text-decoration:none;}
#navi a:visited		{color:#990000; text-decoration:none;}
#navi a:active		{color:#000000; text-decoration:none;}
#navi a:hover		{color:#000000; text-decoration:underline;}

.popup {
font-family:Arial,Tahoma,sans-serif;
font-size:9px;
line-height:10px;
color:#ffffff;
padding: 1px 10px 3px 10px;
background-color:#993300;
margin-left:30px;
margin-top:-20px;
margin-right:35px;
margin-bottom:15px;
}

.iframe {
font-family:Arial,Tahoma,sans-serif;
font-size:11px;
line-height:13px;
color:#000000;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
}

.middle {
background-color:#CCCCCC;
background-image:url(Bilder/hg_subnavi.gif);
background-position:bottom right;
background-repeat:no-repeat}

.hg {
background-color:#CCCCCC;
background-image:url(Bilder/hg_content.gif);
background-position:bottom right;
background-repeat:no-repeat}

#content .reise {
padding: 10px 20px 30px 30px;
height:413px;
background-image:url(Bilder/hg_reise.gif);
}

#content .leiter {
padding: 10px 20px 30px 30px;
height:413px;
background-image:url(Bilder/hg_leiter.gif);
}

#content .kosten {
padding: 10px 20px 30px 30px;
height:413px;
background-image:url(Bilder/hg_kosten.gif);
}

#content .anmeldung {
padding: 10px 20px 30px 30px;
height:413px;
background-image:url(Bilder/hg_anmeldung.gif);
}

}

/*------------------------------------*\
    $SMARTPHONE
\*------------------------------------*/

@media screen and (max-device-width: 480px){
    body{
        -webkit-text-size-adjust:none;
        font-family:Arial, Tahoma, sans-serif;
        padding:5px;
    }
	
	/* Linkfarben */
a				{color:#ffffff; text-decoration:none;}
a:link			{color:#ff0000; text-decoration:none;}
a:visited		{color:#990000; text-decoration:none;}
a:active		{color:#ffffff; text-decoration:none;}
a:hover			{color:#FFFFFF; text-decoration:underline;}

#navi a				{color:#000000; text-decoration:none;}
#navi a:link		{color:#ff0000; text-decoration:none;}
#navi a:visited		{color:#990000; text-decoration:none;}
#navi a:active		{color:#000000; text-decoration:none;}
#navi a:hover		{color:#000000; text-decoration:underline;}

	div{
        clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
    }
#logo{
	display:block!important;
}
#logo img{
	width:100%;
	height:auto;
}
	#navi {
        float:none!important;
        clear:both!important;
        margin:0 0 20px 0!important;
        display:inline;
        padding:0;
        text-align:left!important;
        width:100%;
    }
    #navi li{
		float:left;
    }
	#navi ul img{
		display:none;
		visibility:hidden;
	}
    #navi li a{
        display:inline;
		margin-right:5px;
    }
	#navi li img{
		display:inline;
		visibility:visible;
		margin-right:8px;
	}
	#navi ul {
	list-style-type:none!important;
	margin-left:0;
	padding-left:0;
	}
	#navi ul li:after {
    display: marker;
    content: ".";
    margin-right: 0.4em;
	}

	#navi ul li:last-child:after {
    	content: none!important;
	}
		
	
	#subnavi p{
		background-color:#eeeeee;
		padding:8px;
	}
	#subnavi br { line-height: 0.4em; }
	
	img{
        max-width:100%;
        height:auto;
    }
	#bilder, #bilder ul{
		display:none;
		}
}