/*-- CSS - definition for VITAMIN A DESIGN by MARIA LINARES ---*/



.klein { font-size:65%; font-family:Arial }
.semiklein { font-size:88%; font-family:Arial }

a { color: #ef3118; }
a:link { color: #ef3118; }
a:visited { color: #ef3118; }
a:focus  { color: #ff944d; }
a:active  { color: #ff944d; }
a:hover  { color: #ff944d; }



body { 
	color: #333; 
	font-size: 80%; 
	font-family: Arial, Helvetica, Sans serif;
	margin:0;
	background:#f60 url(img/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#top {
	width:980px;
	margin:0px;
	text-align:right;
	padding-top:90px;
	/*background:#f60 url(img/bg.gif);
	background-repeat:repeat-y;
	background-position:right;*/
}

#container {
	border-top:1px dashed #ef3118;
	border-bottom:1px dashed #ef3118;
	background-color:#ff944d;
	text-align:left;
}

#whiteDashedContainer {
	width:980px;
	position:relative;
	left:50%;
	margin-left:-490px;
}

#container > #whiteDashedContainer {
	width:980px;
	position:relative;
	margin:0 auto 0 auto;
	left:0%;
	padding:0;
}

#content {
	width:725px;
	background-color:#fff;
	border-right:1px dashed #ff944d;
	border-left:1px dashed #ff944d;
	margin:-320px 0 0 253px;
	padding:0;
	text-align:left;
}

#whiteDashedContainer > #content {
	width:725px;
	margin:0px 0 0 253px;
	padding:0;
}

#clearBoth {
	clear:both;
	text-align:right;
	font-size:90%;
}


.netzwerk a { color: #333; }
.netzwerk a:link { color: #333; }
.netzwerk a:visited { color: #333; }
.netzwerk a:focus  { color: #ef3118; }
.netzwerk a:active  { color: #ef3118; }
.netzwerk a:hover  { color: #ef3118; }


/* ------------------------ BEGIN MENUE------------------------*/

ul#Navigation {
	float:left;
	width:250px;
	height:290px;
	margin:30px 0px 0px 0px; 
	padding:0px;
	font-size:100%;
	border:0;
	/*border:1px solid red;*/
	z-index:10;
}

ul#Navigation a,
ul#Navigation a:link,
ul#Navigation a:visited {
	text-decoration:none;
	color:#fff;
	letter-spacing:0.08em;
}

ul#Navigation a:focus,
ul#Navigation a:active,
ul#Navigation a:hover {
	text-decoration:none;
	color:#ef3118;
}

ul#Navigation li {
	float:right;
	width:250px;
	text-align:right;
	list-style-type:none;
	/*padding:0px;*/
	padding:0px 75px 0px 5px;
	display:block;
	margin:5px 0 5px 0;
	background:#ff944d url(img/navi-linie.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

ul#Navigation > li {
	width:173px;
	padding:0px 75px 0px 5px;
}

ul#Navigation li a.enabled {	
	background-color:#f60;
	display:block;
}

ul#SubNavi {
	height:40px;
	width:248px;
	margin:12px 0 0 0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}

ul#SubNavi a,
ul#SubNavi a:link,
ul#SubNavi a:visited {
	text-decoration:none;
	color:#ef3118;
}


ul#SubNavi a:focus,
ul#SubNavi a:active,
ul#SubNavi a:hover {
	text-decoration:none;
	color:#fff;
}

ul#SubNavi li {
	width:250px;
	list-style:none;
	margin:0;
	/*padding:0;*/
	padding:2px 32px 0px 0;
	background:url(img/subnavi-linie.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

ul#SubNavi > li {
	width:178px;
}

ul#SubNavi li a.enabled {
	display:block;
	background-color:#fff;
}

ul#SubNavi a:focus.enabled,
ul#SubNavi a:active.enabled,
ul#SubNavi a:hover.enabled {
	text-decoration:none;
	color:#ff944d;
}



/* ------------------------ END MENUE ------------------------*/

#table480 {
	color: #333; 
	font-size: 100%; 
	font-family: Arial, Helvetica, Sans serif;
	margin:0;
	padding:0;
}

p {
	padding:10px 20px 5px 24px;
	margin:0;
}

.halfWidth {
	width:380px;
}

h1 {
	margin:10px 0 0 0;
	padding:20px 0 0 20px;
	color: #F30; 
	font-weight: bold; 
	font-size: 130%;
}

h2 {
	margin:0px 0 0 0;
	padding:20px 0 0 24px;
	color: #f60; 
	font-weight: bold; 
	font-size: 130%;
}

h3 {
	margin:2px 0 0 0;
	padding:6px 0 0 24px;
	color: #F30; 
	font-weight: bold; 
	font-size: 120%;
}

h4 {
	font-size: 100%;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:0px;
	padding:0;
	font-weight:lighter;
	color:#c37069;
}


h6 {
	margin:10px 0 0 0;
	padding:20px 0 0 24px;
	color: #555; 
	font-weight: bold; 
	font-size: 130%;
}

hr {
	height:0px;
	border:0.25px dotted #ccc;
}

#fotoTable {
	width:682px;
	margin:30px 20px 30px 20px;
	padding:0;
}

#fotoNavi {
	width:684px;
	margin:0px;
	padding:0px;
}

#fotoNavi td {
	padding:5px 0 5px 0;
	width:52px;
	text-align:center;
}

#fotoNavi .fnLink {
	color:#666;
	padding:0 0 0 5px;
}

#fotoNavi td img {
	border:1px solid #ccc;
}

.foto {
	/*border-top:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #333;*/
	background:url(img/shadow.gif);
	background-repeat:repeat-y;
	background-position:top right;
	width:676px;
	margin:0px 20px 0px 24px;
	padding:0 0 30px 0;
}


/*.foto img {
	border:1px solid #ccc;
}*/


#footer {
	width:980px;
	/*background:#f60 url(img/bg.gif);
	background-repeat:repeat-y;
	background-position:right;*/
	margin:0px;
	padding:0px;
	text-align:right;
}

#footerTable {
	width:725px;
	margin:0 0 0 255px;
	padding:0px;
	font-size:90%;
	color:#fff;
	letter-spacing:0.08em;
}

#footer a,
#footer a:link,
#footer a:visited {
	text-decoration:underline;
	color:#fff;
}

#footer a:focus,
#footer a:active,
#footer a:hover {
	text-decoration:underline;
	color:#ef3118;
}

/*---- form ------------------------------------------*/



/*.contact {
	width:100%;
	padding:5px 5px 5px 5px;
	margin: 0;
	border:0;
 	color:#666;
	text-align:left;
	font-size:100%;
}*/

.contact td {
	vertical-align:top;
	padding-bottom:10px;
}

.contact {
	width:450px;
	padding:0px 10px 0px 0px;
	margin:0px 0px 40px 80px;
 	color:#333;
	text-align:left;
	font-size:100%;
}

#content>.contact {
	width:400px;
	padding:0px 10px 0px 10px;
	margin:10px 0px 40px 40px;
}

.contact td {
	vertical-align:top;
	padding-bottom:10px;
	padding-left:10px;
	text-align:right;
}

textarea {
	font-size:100%;
}


input, textarea, option {
        background-color:#fff;
        border:#f60 1px dotted;
        font-family:Arial, Verdana, Tahoma;
        color:#222;
        padding:2px;
}

input, textarea {
        width:98%;
}

select {
        color:#222;
}

input.radio {
	width:13px;
}

label {
	font-family:Arial, Verdana, Tahoma;
	color:#333;
	font-size:80%;
}

input:focus, 
textarea:focus,
input:hover,
textarea:hover {
        background-color:#f1f1f1;
        border:#f60 1px solid;
    
}

input.senden {
	width:150px;
}

.verde {
	color:#ef3118;
}



/*ul {
	border:1px solid #FF0;
}


div {
	border:1px solid #FF0;
}