/* General */

html, body {
	height:100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr {
	margin:0;
	padding:0;
}

body {
	font-size:100%;
	font-family:"Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	color:#fff;
	font-size:100%;
/*	background:#353843; */
	background:#000;
	font-size:14px;
}

a { 
	color:#3f9b4f;
	text-decoration:none;
}
a:hover { 
	text-decoration:underline;
}

a img { border:0 none; }

h1 {
	font-size:2em;
	line-height:1.25em;
	margin:0.625em 0 0.625em 0;
	font-weight:normal;
	color:#fff;
}
h2 {
	font-size:1.5em;
	line-height:1.25em;
	margin:0.833em 0 0.833em 0;
	font-weight:normal;
	color:#ccc;
}
h3 {
	font-size:1.25em;
	line-height:1.25em;
	margin:1.0em 0 1.0em 0;
	font-weight:normal;
	color:#888;
}
h4 {
	font-size:1.0em;
	line-height:1.25em;
	margin:1.25em 0 1.25em 0;
	font-weight:bold;
	color:#000;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { /* font-weight:normal; */ }


ul, ol {
	margin:1.25em 0 1.25em 0;
}

li {
	margin-left:1.25em;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
}

input[type=text] {
	margin:0;
	padding:2px;
	border-width:1px;
	border-style:solid;
	border-color:#999999 #eeeeee #eeeeee #999999;
}


/* Layout */

#container {
	position:relative;
	margin:0 auto;
	min-width:990px;
	min-height:660px;
	height:100%;

}

#distance {
    float:left;
    width:25px;
    height:50%;
    margin-bottom:-350px;
}

#main {
    clear:left;
    position:relative;
    width:900px;
    height:650px;
    margin:0 auto;
	padding:25px;
	background:#000;
}


	#header {
		width:900px;
		height:50px;
		margin:0 auto;
		padding:0;
	}
	
		#logo {
			display:block;
			float:left;
			width:200px;
			height:50px;
		}
		
		#nav {
			display:block;
			float:left;
			width:700px;
			height:50px;
		}
	
			#metanav {
				width:700px;
				height:25px;
				margin:0;
				padding:0;
				text-align:right;
				color:#444;
				font-size:12px;
			}
			#metanav a {
				color:#888;
			}
			
			#mainmenu {
				width:700px;
				height:25px;
				margin:0;
				padding:0;
				color:#888;
			}	
		
	
	
#content_wrap {
	width:900px;
	min-height:300px;
	margin:0 auto;
	padding:0 40px;
}

	#content_left,
	#content_middle,
	#content_right {
		display:block;
		float:left;
	}
	#content_middle {
		width:600px;
	}
	#content_left,
	#content_right {
		width:150px;
	}

	#content p {
		line-height:1.25em;
		margin:1.25em 0 1.25em 0;
	}
	
		#content .col1 { width:900px; }
		#content .col2, #content .col3 { display:block; float:left; }

		#content_left.col2 { width:425px; padding-right:25px; }
		#content_main.col2 { width:450px; }
		#content_right.col2 { width:425px; padding-left:25px; }

		#content_left.col3 { width:275px; padding-right:25px; }
		#content_main.col3 { width:300px; }
		#content_right.col3 { width:275px; padding-left:25px; }




#footer {
	border-top:1px solid #ddd;
}



/* Meta-Nav */

#metanav ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

#metanav ul li {
	display:inline;
	float:right;
	margin:0;
	padding:0;
	font-size:12px;
}

#metanav ul li a {
	line-height:25px;
	color:#888;
	text-decoration:none;
	font-weight:normal;
}

#metanav ul li a:hover {
	color:#f94800;
	text-decoration:none;
}

#metanav ul li.active,
#metanav ul li.active a {
	color:#f94800;
	text-decoration:none;
}


/* Mainmenu */

#mainmenu ul.nav1 {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

#mainmenu ul.nav1 li {
	display:inline;
	float:right;
	margin:0;
	padding:0;
	font-size:16px;
}

#mainmenu ul.nav1 li a,
#mainmenu ul.nav1 li span {
	line-height:25px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	cursor:pointer;
}

#mainmenu ul.nav1 li a:hover,
#mainmenu ul.nav1 li span:hover {
	color:#f94800;
	text-decoration:none;
}

#mainmenu ul.nav1 li.active,
#mainmenu ul.nav1 li.active a,
#mainmenu ul.nav1 li.active span, 
#mainmenu ul.nav1 li.current {
	color:#f94800;
	text-decoration:none;
}


/* Klappmenu */

#mainmenu ul.nav2 { display:none; position:absolute; background:none; margin:0; padding:0; list-style:none; z-index:1000; width:150px; }
#mainmenu ul.nav2 li { display:block; width:150px; margin:1px 0 0 0; padding:0; background-image:none; border:0 none; }
#mainmenu ul.nav2 li a { display:block; width:125px; margin:0; padding:3px 13px 1px 12px; background:#000; font-weight:normal; color:#fff !important; line-height:1.25em; font-size:14px; -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }
#mainmenu ul.nav2 li a:hover { color:#f94800 !important; background:#000; background-image:none; text-decoration:none; -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }
#mainmenu ul.nav2 li.active a { color:#f94800 !important; -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }



/* Galeria */

.galleria-image {
	line-height:40px !important;
	text-align:center;
}




/* Classes */

.clear { 
	clear:both;
}

hr {
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#ccc;
	width:100%;
}





/* Forms */

label { font-weight: bold; }

input[type=text], input[type=password],
input.text, input.title,
textarea {
  background-color:#000;
  border:1px solid #444;
  color:#888;
  padding:5px;
  font-size:1em;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus {
  background-color:#222;
/*  border-color:#fff; */
  color:#fff;
}
select { background-color:#fff; border-width:1px; border-style:solid; }

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

/* 
  This is to be used on forms where a variety of elements are 
  placed side-by-side. Use the p tag to denote a line. 
 */
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

.error,
.alert, 
.notice,
.success, 
.info 			{ padding: 0.8em; margin:1.25em 0 1.25em 0; 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a			{ color: #205791; }