/* styles für hogri-technik.de
(c) 2007 Andrä AG | www.andrae-ag.de
Author: Christian Reister
*/

body {
	background-color: #000033;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000033;
}

a:visited {
	color: #000033;
}
a:link {
	color: #000033;
}
a:hover {
	color: #e09f43;
}
a:active {
	color: #000033;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 15px;
	color: #000033;
	margin: 0 0 20px 0;
	border-bottom: dotted 1px #000033;
	padding-bottom: 12px;
	letter-spacing: 0.05em;
	font-weight: lighter;
}
h2 {
	font-size: 12px;
	text-align: left;
}
#middle {
	width: 796px;
	z-index: 1;	
	margin-left: auto;
	margin-right: auto;

}

#obendrueber h1 { font-size: 14px; text-align: right; 
	font-weight: lighter;
	color: #A6C5E4;
	letter-spacing: 0em;
	word-spacing: 0em;
	margin-top: 12px; margin-bottom: -10px;
}
#header {
	height: 265px;
	background-color: #000033;
	white-space:nowrap;
	z-index: 1;
	margin-left: 0px auto;
	background-image: url(basics/kopf.jpg);
}

#logo {
	left: 30px;
	top: 40px;
	position: relative;
	width: 115px;
}


#nav {
	top: 186px;
	left: 30px;
	position: relative;
	height: 20px;
	text-align:left;
	margin: 0px;
	padding: 0px;
	z-index: 2;
	text-transform: uppercase;
		font-size: 11px;
}

#nav ul {

    float:left;
    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding: 0;
    margin-left: 0px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */

}

#nav ul li {

    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    list-style-type: none;

}

#nav ul li a {
	display:block;
	width: auto;
	text-decoration: none;
	margin: 0 12px 0 0;
	color: #9fbcd6;
	letter-spacing: 0.1em;
}

#nav ul li a:hover {
    color: #e09f43;
    text-decoration: none;
}

#nav ul li#current { 
    color: #e09f43;
    text-decoration: none;

}

#nav ul li#current a,
#nav ul li#current a:hover {
    color: #e09f43;
    text-decoration: none;
}


#content {
	text-align: left;
	padding: 30px;
	background-color: #9fbcd6;
	display: block;
	overflow: auto; scollbar: none;	
 }
 
#content p, #content li, #content a, td {
	line-height: 18px;
	text-align: left;
 }

#slide {width: 490px; float: left; text-align: left; }
#rechtespalte {
	float: right;
	width: 200px;
	padding-left: 15px;
	margin-left: 20px;
	border-left: 1px dotted #000033;
	margin-bottom: 0px;
	}
	#rechtespalte ul  {margin-left:14px; padding: 0px;}
#text {clear: both; padding-top: 30px; }
#text h2 {font-weight: lighter; font-size: 16px; }
.kasten {
	width: 200px;
	height: 54px;
	float: left;
	margin: 0 0 16px 0;
	background-color: #729CC2;
	border: dotted 1px #000033;

}
.kasten .klein {
	line-height: 10px;

}
.kasten img {
	float: left;
	margin: 0 4px 0 0px;
	border-right: dotted 1px #000033;
	padding: 2px;
	border: 0px;
}
.kasten a {
	text-decoration: none;
	
}
.kasten a:hover {
	color: #224E73;
	
}
#currentkasten {
	background-color: #e09f43;
}
	
#foot {
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
	padding: 10px 0 10px 0;
	color: #9FBCD6;
	background-image: url(basics/hg_foot.jpg);
 }
#foot a {
	text-decoration: none;
	color: #9fbcd6;

 }
#foot a:hover {
	text-decoration: none;
	color: #e09f43;

 }
.klein {
	font-size: 10px;
} 

.bildlinks {
	float: left;
	margin: 0 20px 10px 0;
	border: 1px solid #000033;

} 
.bildnormal {
	border: 1px solid #000033;
} 

input, textarea, select {
	border: 1px dotted #000033;
	background-color: #9fbcd6;
	}
	
input {
	width: 150px;
}
textarea {
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
}
.plz {
	width: 38px;
}
.ort {
	width: 105px;
}
.radiobutton {
	width: 20px;
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
	
textarea { font-size:  12px;
	width: 200px;
	height: 160px;
}

.button {
	background-color: #e09f43;
	border: 1px solid #000033;
}
.rechts {float:right; width: 150px;}