@charset "utf-8";


/* --------------------------------- Allgemein ----------------------------------------*/


body {
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
	
#wrapper {
	width: 960px;
	/*height: 600px;*/
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#333333;
}

/* --------------------------------- Header ----------------------------------------*/

#header {
	width: 960px;
	height: 100px;
}

/* --------------------------------- Navi ----------------------------------------*/

#navi_cont {
    height: 26px;
    width: 935px;    
    background-color:#222222;
    padding-top: 5px;
    padding-left: 25px;
    font-size: 16px;
}

/* Menu aufklappen */

#nav, #nav ul {
    list-style: none;
}

#nav a {
    display: block;
    padding-right: 25px;
    color: #FFFFFF;
    font-weight: bold;
}
#nav a:hover {
    color: #FF9900;
}

#nav a.aktiv {
    color: #FF9900;
}
#nav a.inaktiv {
    color: #FFFFFF;
}
#nav a.inaktiv:hover {
    color: #FF9900;
}


#nav li {
    float: left;
    /*width: 8em;*/ /* width needed or else Opera goes nuts */
}

#nav li ul {
    position: absolute;
    /*width: 12em;*/
    width: 50px; /*170 zusammen mit padding*/
    padding:10px 105px 0 5px;
    font-size: 12px;
    font-weight: bold;
    left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
    background-color:#222;
	z-index:1000;

}

#nav li li {
    width:140px;
    padding-left:10px;
    border-bottom: 1px solid #444;
    padding-bottom:8px;
    padding-top:8px;
    }

#nav li li a{

    }

#nav li ul a:hover {
    color:#FF9900;
}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}

#inhalt {
	width: 960px;
	/*height: 440px;
	overflow:hidden;*/
	color:#FFFFFF;
	line-height: 1.5em;
}

#inhalt_galerie {
	width: 960px;
	margin-top: 25px;
	margin-left: 30px;
	color:#FFFFFF;
	overflow:hidden;
	line-height: 1.5em;
}
#inhalt_galerie_uebersicht {
	width: 730px;
	padding-left: 150px;
	padding-right: 80px;
	margin-top: 25px;
	color:#FFFFFF;
	overflow:hidden;
	line-height: 1.5em;
}
#inhalt_galerie_uebersicht table{
	font-size: 12px;
}

/*--- GALERIE --- */

#inhalt .col_11{
	width: 250px;
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 25px;
	overflow:hidden;
	float: left;
}

#inhalt .col_12{
	width: 650px;
	padding-left: 10px;
	padding-top: 10px;
	overflow:hidden;
	float: left;
}

#galerie_titel {
	width:640px;
	padding-top:10px;
}

/*--- STANDARD --- */

#inhalt .col_21{
	width: 480px;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 40px;
	overflow:hidden;
	float: left;
}

#inhalt .col_22{
	width: 430px;
	padding-top: 15px;
	overflow:hidden;
	float: left;
}

/*--- WELPEN --- */

#inhalt .col_31{
	width: 215px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 35px;
	overflow:hidden;
	float: left;
}

#inhalt .col_32{
	width: 720px;
	padding-left: 10px;
	padding-top: 40px;
	/*overflow:hidden;*/
	float: left;
}

#inhalt .col_32 p{
	padding:0px;
	margin:0px;
	line-height: 1.5em;
}

#welpen_titel {
	width:640px;
	padding-top:0px;
	font-size: 12px;
	line-height: 1.4em;
	/*
	font-weight:bold;
	background-repeat: no-repeat;
	color: #ff9900;
	height:45px;
	*/
}

.welpen_inhalt {
	width: 680px;
	padding-right: 20px;
	font-size: 12px;
}

.welpen_inhalt table{
	font-size: 11px;
	line-height: 1.5em;
}
.welpen_inhalt table img{
	margin:0px;
	padding:0px;
}

.welpen_inhalt img{
	padding-right:20px;
	padding-bottom:10px;
	float:left;
}

/* --- IMPRESSUM --- */

#inhalt .col_41{
	width: 250px;
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 65px;
	overflow:hidden;
	float: left;
}

#inhalt .col_42{
	width: 650px;
	padding-left: 10px;
	padding-top: 10px;
	overflow:hidden;
	float: left;
}

#impressum_titel {
	width:420px;
	height:45px;
	padding-top:10px;
	font-weight:bold;
	background-repeat: no-repeat;
	color: #ff9900;
}

.impressum_inhalt {
	padding-right: 20px;
	height: 320px;
	overflow:auto;
	width: 620px;
}



/*--- NEWS --- */

#news_luzie {
	position: absolute;
	width: 305px;
	height: 348px;
	padding: 0px;
	margin-top:50px;
	margin-left: 5px;
	background-image: url(../img/luzie_frei2.png);
	background-repeat: no-repeat;
}
#news_content {
	padding: 0px;
	margin: 0px;
	width: 400px;
	margin-left: 350px; 
	margin-top: 50px;
}

#inhalt p.titel {
	font-size: 18px;
	color:#FF9900;
}
#inhalt p {
	font-size: 12px;
	color:#FFFFFF;
	line-height: 1.4em;
}


/* --------------------------------- Footer ----------------------------------------*/


#footer{
	background-image: url(../img/linie_footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
	width: 960px;
	height: 30px;
}

#footer .footertext{
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 50px;
	text-align: right;
	font-size: 11px;
	font-weight:bold;
}

#footer .footertext a{
	color:#ffffff;
	padding-left: 20px;
	text-decoration: none;
}
#footer .footertext a:hover{
	color:#ff9900;
}


/* -------------------------------- Scrollen Galerie -------------------------------------*/


#scroll_g {
	position:relative;
	width:220px;
	height:320px;
	overflow:hidden;
}

#scroll_g p {
	margin:0px;
	margin-bottom: 4px;
	background-image: url(../img/bg_galerie_list.gif);
	background-repeat: no-repeat;
}

#scroll_g a {
	font-size:12px;
	font-weight: bold;
}
#scroll_g a:hover {
	color:#FFFFFF;
}

#scroll_g img {
	border: 1px solid #FFFFFF;
	margin-right: 10px;
}

#up1, #down1 {
	width:70px; 
	height:15px;
	padding-left: 80px;
	padding-top: 10px;
}


/* -------------------------------- Galerie Contaiter ----------------------------------*/

#galerie_neu_container {
	width: 200px;
	height: 195px;
	padding: 0 30px 0 0;
	float: left;
	font-size:12px;
}

#galerie_neu_container p{
	margin:0px;
	padding: 5px 0 5px 5px;
	font-weight:bold;
}



/* -------------------------------- Scrollen News ----------------------------------*/

#scroll_n_cont {
	width:600px;
	height:340px;
}


#scroll_n_inhalt {
	width:500px;
	float:left;
}

#scroll_n_pfeile {
	width:50px;
	height:100px;
	float:left;
	margin-top:290px;
}

#scroll_n {
	position:relative;
	width:560px;
	/*height:340px;*/
	overflow:hidden;
}
#scroll_n p {
	margin:0px;
	margin-bottom: 5px;
}
#scroll_n img {
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid #FFFFFF;
}

.news_datum {
	font-size: 18px;
	color:#FF9900;
	padding-top: 10px;
}

.news_titel {
	background-image: url(../img/linie_news.gif);
	background-repeat: no-repeat;
	color:#FFFFFF;
	font-size: 14px;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.news_titel a{
	color:#FFFFFF;
}

.news_inhalt {
	font-size: 12px;
	color:#FFFFFF;
	line-height: 1.4em;
	min-height: 130px;
}
#up2, #down2 {
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 20px;
}


/* -------------------------------- Welpen Navi ----------------------------------*/

#navi_welpen {
	padding: 0px;
	margin: 0px;
	width:200px;
	height:400px;
	color:#FFFFFF;
}
#navi_welpen ul {
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	list-style-type: none;
	font-weight:bold;
}
#navi_welpen li a{
	padding-left: 10px;
}
/*
#navi_welpen li a:hover{
	color: #FF9900;
}
*/
#navi_welpen ul ul {
	padding-left: 20px;
	font-size: 14px;
	font-weight:normal;
}
#navi_welpen ul ul ul {
	padding-left: 30px;
	font-size: 11px;
	font-weight:bold;
}
.aktiv {
	color:#FF9900;
}
.inaktiv {
	color:#FFFFFF;
}


/* --------------------------------- Formatierung -------------------------------------*/


#foto_start_cont {
	padding-left: 50px;
	padding-right: 50px;
}

.foto_start {
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

ul, li{
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
}
img{
	border:none;
}
a {	
	color:#ff9900;
	text-decoration: none;
}
a:hover {
	color: #9966CC;
}
.rahmen {
	border: 1px solid #AAAAAA;
}
.orange {
	color: #ff9900; 
}