/* CSS Document */

img { border: 0px; }

body	{
	margin: 0;
	padding: 0px;
	border: 0;
	text-align: center;
	background:  url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%;
	}

#head {
	position: relative;
	top: 0px;
	height: 23px;
	width: 100%;
	background: #7c7c7c;
	background-image:url(../images/bg_topbar.gif);
	background-repeat:repeat-y;
	background-position:left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #000;
	padding: 2px 0px 0px 0px;
	margin-bottom: 100px;
}
#headnav {
	margin: 0 auto;
	padding:  0px 0px 0px 310px;
	border: 0px;
	width: 420px;	
	text-align: left;
	display: block !important; 
}
#container {
	position: relative;
	margin: 0px auto;
	padding:  0px;
	width: 677px;	
	text-align: left;
	float: none;
}

#logonav {
	border: 0px solid green;
	width: 251px;
	float: left;
}


#logonav ul {
	 margin: 30px 0px 20px 30px;
	 _margin: 30px 0px 20px 70px;
}
#logonav ul li {
	 list-style-type: none;
	 line-height: 200%;
}
#logonav ul li a {
	color: #666666;
	font-size: 0.9em;
	text-decoration: none;
	background-image: url(../images/navpoint_hover.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	padding: 3px 0px 3px 20px;
}
#logonav ul li a:hover {
	text-decoration: none;
	background-image: url(../images/navpoint.gif);
}

#content {
	border: 0px solid blue;
	float: right;
	width: 395px;
}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}



h1 {
	color: #ff1198;
	font:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 3em;
	letter-spacing: -0.04em;
	margin: 8px 0px 0px 0px;
}

p {
	color: #666;
	font-size: 1em;
	margin: 8px 0px 0px 0px;
	line-height: 1.5em;
	text-align:left;
}

ul li {
	color: #666;
	font-size: 1em;
	margin-left: -24px;
	line-height: 140%;
	text-align:left;
	list-style-type: square;
}

p strong {
	color: #333;

}  

p a {
	color: #000;
	margin: 8px 0px 0px 0px;
	line-height: 1.5em;
	text-decoration:none;
	background-image: url(../images/linkpfeil.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	padding: 0px 2px 0px 8px;
}
p a:hover {
	text-decoration:none;
	background-position: 2px 4px;
}

#secnav ul {
	margin: 5px 0px 0px -40px;
	_margin: 5px 0px 0px 0px;
}
#secnav ul li {
	display: inline;
	list-style: none;
}
#secnav ul li a {
	color: #666666;
	font-size: 1em;
	text-decoration: none;
	background-image: url(../images/secnav_inactive.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	padding: 0px 10px 0px 11px;
}
#secnav ul li a:hover {
	background-image: url(../images/secnav_active.gif);
}
#secnav ul li a.active {
	color: #ff0091 !important;
	font-size: 1em;
	text-decoration: none;
	background-image: url(../images/secnav_active.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	padding: 0px 10px 0px 11px;
}
#secnav ul li a.active:hover {
	background-image: url(../images/secnav_inactive.gif);
}

#headnav a {
	font-size: 0.8em;
	color: #fff;
	text-decoration:none;
}

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

#headnav span {
	position:relative;
	color: #999;
	font-size: 1.2em;
	margin-top: 1px;
	top: -4px;
	_top: -5px;
}

#footer {
	position:relative;
	display:block:
	float: left;
	margin: 0 auto;
	padding:  0;
	border-top: 1px solid #ccc;
	width: 665px;	
	height: 50px;
	margin-top:20px;
	_margin-top: 20px;

}
#footertext {
	position:relative;
	margin: 0 auto;
	padding:  0px 0px 0px 0px;
	width: 490px;	
	text-align: right;
	display: block !important; 
	color: #ccc;
	font-size: 0.8em;
	top:10px;
}
*html #footertext {
	margin-left: 50px;
}
*+html #footertext {
	padding-left: 50px;	
}


#footertext a.social {
	position: relative;
	margin:  0px 4px 0px 0px;
	top:4px;
}
#footertext a {
	color: #ccc;
	text-decoration: none;
}
#footertext a:hover {
	color: #999;

}


/* ****** KONTAKT ****** */

div.kontakt  {
	margin-top: 10px;
	border: 1px solid #ccc; 
	padding: 15px 15px 0px 15px;
	width: 332px;
}

p.error {
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	_float:right;
	margin: -5px 60px 20px 0;
	_margin: -5px 32px 20px 0;
}

label {
	font-size: 1em;

}

td.kontakt input {
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	width: 250px;
	padding: 2px;
	margin-bottom: 2px;
}
td.kontakt textarea {
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	width: 250px;
	padding: 2px;
}

.kontaktsubmit input {
	background-color: #ff0091 !important;
	border: 1px solid #999;
	width: 255px;
	margin: 5px 0px 0px 77px;
	font-size: 11px;
	font-weight:bold;
	color: #fff;
	padding: 3px 0px 4px 0px;

}

/* ********* Gallerie ********* */

.foto img {
	border: 1px solid #a6a6a6;
	padding: 5px;
	margin: 0px 20px 20px 0px;
	float: left;
}

#fotonav {
	margin: 10px 0px 20px 0px;
	padding: 3px 5px 3px 10px;
	background-image:url(../images/fotonav_bg.gif);
	background-repeat:repeat-y;
	font-size: 1em;
}
#fotonav a {
	padding: 0px;
	margin: 0px;
	background-image: none;
	color:#ff0091;
	text-decoration:none;
}
#fotonav a:hover {
	color:#d9007b;
	text-decoration:none;
}

div.linklist {
	border-bottom: 1px solid #efefef;
}

div.linklist h3 {
	font-size: 1em;
	margin: 12px 0px 2px 0px;
}
div.linklist h3 a {
	color:#ff0091;
	text-decoration:none;
	

}
div.linklist h3 a:hover {
	text-decoration:none;
	padding: 1px 3px 2px 3px;
	/*border-top: 1px solid #ff0091;
	border-bottom: 1px solid #ff0091;*/
	background:  #ff0091;
	color: #fff
}

div.linklist p {
	font-size: 1em;
	margin: 0px 0px 10px 0px;
}


/* ****** DEMO ********** */
form {
	display: inline;
	margin: 0;
	padding: 0;

}

iframe#demo {
	margin: 15px 0px -30px 0px;
	width: 400px;
	height: 300px;
	border: none;
}
iframe#demofree {
	margin: 10px 0px 0px 0px;
	width: 400px;
	height: 150px;
	border: none;
}
iframe#demopr {
	margin: 15px 0px 10px 0px;
	margin: 0px;
	width: 400px;
	height: 200px;
	border: none;
}
#login  {
	margin: 15px 0px 0px 0px;
	width: 220px;
}
#login label {
	line-height: 180%;
	float: left;
}
#login input {
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	width: 130px;
	padding: 2px;
	margin-bottom: 2px;
	float: right;
}
#login input.submit {
	background-color: #ff0091 !important;
	border: 1px solid #999;
	width: 137px;
	font-size: 11px;
	font-weight:bold;
	color: #fff;
	padding: 3px 0px 4px 0px;
}