/*************************
Website: www.Barnard33.de
created and published by Lukas Jarosch

Development by
www.Jarosch-Design.com

All rights reserved
Copyright 2009 - 2010
*************************/

/*
 GENERAL
*/

*{margin:0; padding:0;}

html{overflow:auto;}

body, form
{
    height: 100%;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	position:relative;
	color:#666;
	line-height:1.5em;
} 
h2, h3, h4{border-bottom: 1px dashed #E0E8EF; color:#545454; width:99%; padding-bottom:5px;}
p{margin:15px 0 0 0;}
p:first-letter{ font-weight:bold; font-size:14px;}
a{color: #0077dd;text-decoration: underline;}
a:hover{text-decoration: none;}
ul {list-style:square}
blockquote {
	background:#f0f0f0;
	border-left:7px solid #005082;
	padding:6px 19px;
}
img{border:1px solid #E0E8EF; padding:1px}
img.none {border:none;}

/*
 LAYOUT
*/
div#wrapper{
	min-height: 100%;
    width:100%;
    background-color: #FFFFFF;
	clear:both;	
}
div#header{
	width:100%; 
	height:110px;
	background: url(../images/header.GIF) left repeat-x;
	position:absolute;	
}

/*Navigation*/
div#navigation{
	width:100%;
	height:20px;
	position:absolute;
	top:110px;
	background:#005082;
}
ul#navigation {
	width:1050px;	
	margin:0px auto;
}
ul#navigation li {	
	float:left;
	list-style:none;
	display:inline;	
}
ul#navigation a{
	color:#E0E8EF;
	text-decoration:none;
	padding:2px 25px 2px;
}
ul#navigation a:hover{
	background:#cacaca;
	color:#545454;
}


/*Sidebar - Left*/
div#sidebar-left{
    width:18%;
	float:left;
	position:absolute;
	top:130px;
	left:0%;
	bottom:0;	
	border-right:1px dashed #E0E8EF;
}
div#sidebar-left .sidebar-left-item {
	width:85%;
	padding:3px;
	margin:40px 20px;
}


/*Main - Content*/
div#main-content{
	position: absolute;  
	top: 130px; 
	bottom: 0px; 
	left:18%;
	width:64%;
	float:left;	
}
div#main-content .main-content-item {
	width:90%;
	margin:40px 20px;
	padding:3px;
}



/*Sidebar - Left */
div#sidebar-right{
	width:18%;
	float:left;
	position:absolute;
	top:130px;
	right:0%;
	bottom:0;	
	border-left:1px dashed #E0E8EF;
}
div#sidebar-right .sidebar-right-item{
	width:85%;
	padding:3px;
	margin:40px 20px;
}

div#sidebar-right li {
	margin:5px 0;
	border-bottom: 1px dashed #E0E8EF;
}


/*
 TABELLE
*/
table, tr, td {padding:3px; margin:5px;}
table{background-color:#f0f0f0;}
th {background:#005082; color:#FFFFFF;}
tr {background:#E0E8EF;}
.odd {background:#c1c9d0;}

/*
 FORMULAR
*/
label {
	display:block;
	font-weight:bold;
	margin: 5px 0 0 5px;
}
.input {
	margin: 0 0 0 5px;
	padding:3px;
	width:150px;
	border: 1px solid #E0E8EF; 
	font: normal 0.8em Arial, sans-serif;
	color:#666;	
	outline:none;
}
.input:focus
{
	border:1px solid #0077dd;
	outline:none;
}
textarea {
	margin: 5px 0 0 5px;
	padding:3px;
	border: 1px solid #E0E8EF; 
	font: normal 0.8em Arial, sans-serif;
	color:#666;	
	width:320px;
	height:100px;
	display:block;
}
textarea:focus
{
	border:1px solid #0077dd;
}
.submit {	
	margin: 5px;
}
select {
	margin: 5px 0 0 5px;
	border: 1px solid #0077dd;
	color:#666;	
}


/*
 KLASSEN
*/
.left {float:left;}
.right{float:right;}
.clear {clear:both;}
.margin {margin:15px;}
.small {font-size:11px;}
.underline {border-bottom: 1px dashed #E0E8EF; width:99%;}
.li-nostyle{list-style:none; margin:0 10px;}
.markieren {color:#0077dd;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.hidden {visibility:hidden;}
.showroom {margin:0px auto; position:absolute; z-index:5; top:155px; left:50%; margin-left:-450px; width:900px;}
.cursor-hand{cursor:pointer;}


/*Icon-Klassen (LIST)*/
.wetter {display:block; background:url(../images/icons/wetter.png) left no-repeat; padding:0 19px;}
.achtung {display:block; background:url(../images/icons/achtung.png) left no-repeat; padding:0 19px;}
.okay {display:block; background:url(../images/icons/accept.png) left no-repeat; padding:0 19px;}
.wissenschaft {display:block; background:url(../images/icons/wissenschaft.png) left no-repeat; padding:0 19px;}
.wichtig {display: block; background:url(../images/icons/wichtig.png) left no-repeat; padding:0 19px;}
.artikel {display: block; background:url(../images/icons/book.png) left no-repeat; padding:0 19px;}
.news{display: block; background:url(../images/icons/news.png) left no-repeat; padding:0 19px;}
.link {display:block; background:url(../images/icons/link.png) left no-repeat; padding:0 12px;}
.folder {display:block; background:url(../images/icons/folder.png) left no-repeat; padding:0 19px;}
.video {display:block; background:url(../images/icons/video.png) left no-repeat; padding:0 19px;}


/*
DROPDOWN
*/
#navi, #navi ul {
	padding: 0;
	margin: 0;
}

#navi li {
	float: left;
	width: 9em;
	position: relative;
	list-style-type: none;
}

#navi li ul a {
	margin-left: 1em;
}
#navi li ul {
	left: -9999px;
	position: absolute;
}
#navi li:hover ul {
	left: auto;
}
/* Optionale Formatierung */

#navi {
	font-family: Verdana;
}

/* Hauptmenüpunkte formatieren */
#navi li a,
#navi li a:link,
#navi li a:active,
#navi li a:visited {
	display: block;
	padding: 5px 10px;
	color: #000;
	background-color: #ccc;
	text-decoration: none;
}

#navi li a:hover {
	color: #fff;
	background-color: #000;			
}

/* untergeordnete Menüpunkte formatieren */
#navi li ul a,
#navi li ul a:link,
#navi li ul a:active,
#navi li ul a:visited {
	display: block;
	margin-left: 1em;
	padding: 5px 10px;
	color: #000;
	background-color: #ddd;
	text-decoration: none;
}

#navi li ul a:hover {
	color: #fff;
	background-color: #000;				
}


/* Slide Panel */
.panel {
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
}
.btn-slide {
	margin: 0 auto;
	display: block;
	text-decoration: none;
	cursor:pointer;
}
.active {
	visibility:visible;
}