/***********************************
css-layout:
NADINE GRÄSKE // KOMMUNIKATIONSDESIGN

www.nadinegraeske.de
************************************/

/******************
BASICS
******************/
html,body,div,span,p,h1,h2,h3,h4,h5,h6,a,table,tr,td,form,input,select,textarea,img,ol, label,ul, li, iframe
	{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica,san-serif;
	font-size: 100.01%;
	line-height: 1.5em;
	color: #323232;
	font-weight: normal;
}
body {
	background:url(../img/HG_n0.jpg);
	background-color:#FFFFFF;
}
html,body {
	height:100%;
	width:100%;
	overflow-x: hidden;

}
a:link,a:visited {
	text-decoration: none;
	color:#323232;
}
a:hover, a:active{
	text-decoration: none;
	color:#87867c;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.h1 {
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:#393939;
	font-weight:bold;
}
.tooltip {
	border: 1px dotted #323232;
	background:#FFFFFF;
	width: 200px;
}
a.tooltip span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	}
a.tooltip:hover span {
	display:inline; 
	position:absolute; 
	border:1px dotted #323232; 
	background:#ffffff; 
}
/******************
TEXTFORMATIERUNG
******************/
h1, h1 > a {
	list-style-type:none;
	font-size:inherit;
	line-height:1.5em;
	letter-spacing:0.03em;
	color:#87867c;
	text-decoration:none;
	color:#393939;
	font-weight:bold;
}
#containerContent, #gallery {
	font-size:0.75em;
	letter-spacing:0.00em;
}
#containerFooterContent,
#containerFooterContent a,
 {
	font-size:0.8em;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.05em;
}
#containerFooterContent {
	color:#87867c;
}
#containerSubNav a,
#containerSubNav ul li {
	text-transform:uppercase;
	list-style-type:none;
	font-size:0.8em;
	line-height:1.5em;
	letter-spacing:0.05em;
	color:#87867c;
	text-decoration:none;
}
#containerSubNav a:hover,
li#subactive1 a,
li#subactive2 a,
span#active a{
	color:#323232;
}
.contentLeft {
}


/******************
NAVIGATION 
******************/
ul#main-nav {
	margin:0px 0px 0px 0px;
	padding:0;
	list-style:none;
	}
ul#main-nav a {
	display:block; /* verleiht dem Inline-Element "Block-Level-Charakteristika" */
	float: left;
	width:226px; /* Grafik-Breite */
	height:40px; /* Höhe */
	margin:0px 0px 0px 0px;
	padding:0;
	}
ul#main-nav a span {
	display:none; /* für Blindtext */
	}
/* PRÄSENTIERT */
.praesentiert, .praesentiert a, .praesentiert a:visited {
	background-image:url(../img/navi_praesentiert.gif); 
	background-position:left top;
	}
.praesentiert a:hover , .pcurrent a {
	background-image:url(../img/navi_praesentiert.gif); 
	background-position:left bottom; 
	}
/* INFORMIERT */
.informiert, .informiert a, .informiert a:visited {
	background-image:url(../img/navi_informiert.gif); 
	background-position:left top; 
	}
.informiert a:hover , .i-current a {
	background-image:url(../img/navi_informiert.gif); 
	background-position:left bottom; 
	}
/* VERNETZT */
.vernetzt, .vernetzt a, .vernetzt a:visited {
	background-image:url(../img/navi_vernetzt.gif); 
	background-position:left top; 
	}
.vernetzt a:hover , .v-current a {
	background-image:url(../img/navi_vernetzt.gif);
	background-position:left bottom; 
	}
	
/* SUBNAVIGATION */
ul.subnav01 a {
	font-weight:bold;
}
.subnav02 {
	display:block;
	margin: 60px 0px 0px 0px;
}
ul.contact a {
	font-weight:bold;
	position:relative;
}
.contact {
	position:absolute;
	top:419px;
	width: 100%;
	height:40px;
}
* html .contact {
	position:relative;
	top:419px;
	width: 100%;
	height:40px;
}
*+ html .contact {
	position:relative;
	top:419px;
	width: 100px;
	height:40px;
}

/******************
AUFBAU
******************/
#containerAllBorder {
	position:absolute;
	left:50%;
	width:940px;
	height:97%;
	margin:0px 0px 0px -510px;
	padding:0px 0px 0px 0px;
}

#containerLogo {
	position:relative;
	float:left;
	width:92px;
	height:94px;
	margin: 85px 0px 0px 85px;
}

* html #containerLogo {
	position:relative;
	float:left;
	width:92px;
	height:94px;
	margin: 85px 0px 0px 80px;
	display:inline;
}

#containerLogo img {
	border:0px;
}
#containerMainNav {
	position:relative;
	float:right;
	width:678px;
	height:40px;
	margin:120px 0px 0px 0px;
	}
#containerSubNav {
	position:relative;
	width:170px;
	height:362px;
	margin:50px 0px 0px 0px;
	float:left;
	text-align:right;
}
#containerContentBackgroundPraesentiert {
	position:relative;
	float:right;
	width:678px;
	height:auto;
	margin:50px 0px 0px 10px;
	background:#FFFFFF;
}
#containerContent {
	position:relative;
	float:right;
	width:678px;
	height:70%;
	margin:50px 0px 0px 10px;
}
#containerContentIndex {
	position:relative;
	float:right;
	width:678px;
	height:70%;
	margin:50px 0px 0px 10px;
	background:url(../img/title_background.jpg) no-repeat;
}
#containerContent img {
	position:relative;
	float:right;
	margin: 20px 0px 0px 0px;
}
#index {
	position:relative;
	width:420px;
	float:right;
	margin:235px 0px 0px 0px;
}
#index h1 {
	font-size:0.75em;
	padding: 0px 0px 15px 0px;
}
#index li {
	font-size:0.75em;
	line-height:1.6em;
	list-style-image:url(../img/liststyle.gif);
	list-style-position:outside;
	margin: 0px 0px 10px 13px;
}
form table p {
	color:#393939;
	}
input {
	border: 1px dotted #393939;
	width:174px;
	height:20px;
	padding:6px;
	margin: 10px 85px 10px 0px;
	}
textarea {
	border: 1px dotted #393939;
	width:368px;
	height:200px;
	padding:6px;
	margin: 10px 85px 10px 0px;
	}
.button {
	margin:20px 0px 0px 105px;
	background: url(../img/senden.jpg) right no-repeat;
	border:none;
	width:100px;
	height:18px;
	font-size: 0.0em;
	color:#FFFFFF;
	margin: 0px 60px 0px 0px;
	padding: 15px;
	cursor:pointer;
	}
#profile {
	width:370px;
	height:15px;
	float:left;	
	margin: 0px 0px 0px 0px;
	padding: 30 px 0px 30px 20px;
	}
#profile img {
	float:left;
	width:80px;
	height:15px;
	padding-right: 15px;
	}
#formular {
	position:absolute;
	width:678px;
	height:362px;
	margin: 50px 0px 0px 0px;
}

#formular  h1 {
	margin:86px 0px 0px 0px;
}
.impressum {
	font-size: 0.9em;
	padding: 0px 0px 2px 0px;
}