﻿/*	
	############MW############
	Wolfgang Schöhl CSS
	Produziert von Electronic Minds
	www.electronic-minds.de
	############MW############
*/

/* START General */

html{
	height: 100%;
	color: #666666;
	font-family: "Arial", sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
}

/*
::selection {
	background: pink;
}

::-moz-selection {
	background: pink;
}
*/

ul {
	list-style: none;
}

#pageWrap {
	margin: 0 auto;
	width: 1040px;
	border-bottom: 1px solid #dadada;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 70px;
	overflow: hidden;
}

h3 {
	color: #595959;
	padding: 0;
	margin: 0 0 1.5em 0;
	font-size: 1.5em;
}

h4 {
	color: #595959;
	margin: 0; padding: 0;
}

#colRight h4 {
	border-bottom: 1px solid #dadada;
	padding-bottom: 2px;
}

/* END General */

/* START Links */

.linkList {
	list-style: none;
	padding: 0;
}

.linkListLink {
	list-style: none;
	padding: 0;
}


.linkList li {
	padding: 0 0 10px 15px;
	background-position: left 0.5em;	
	background-repeat: no-repeat;
	background-image: url('../pics/list-style-icon.png');
}

.linkListLink li {
	padding: 0 0 10px 15px;
	background-position: left 0.3em;
	background-repeat: no-repeat;
	background-image: url('../pics/list-style-icon-link.png');
}

#linkListSubActive {
	font-weight: bold;
	color: #2c79b0;
}

.linkListSub {
	list-style: none;
	padding: 0;
}

.linkListLinkSub {
	list-style: none;
	padding: 0;
}


.linkListSub li {
	padding: 0 0 10px 15px;
	background-position: left 0.5em;	
	background-repeat: no-repeat;
	background-image: url('../pics/list-style-icon.png');
}

.linkListLinkSub li {
	padding: 0 0 10px 15px;
	background-position: left 0.35em;
	background-repeat: no-repeat;
	background-image: url('../pics/list-style-icon-link.png');
}

.downloadList {
	list-style: none;
	padding: 0;
}

.downloadList  li {	
	padding: 0 0 1.5em 40px;
	background-position: left top;	
	background-repeat: no-repeat;
}

.downloadList  li.pdf{	
	background-image: url('../pics/download_pdf_icon.png');
}

a:link, a:visited {
	color: #399ce3;
	text-decoration: none;
}

a:hover, a:active {
	color: #2c79b0;
	text-decoration: none;
}

a:focus {
	border: none;
}

/* END Links */

/* START Header Area */

#pageHead {
	background-image: url('../pics/pageHead.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 500px;
	text-indent: -99999px;
	cursor: pointer;
	margin-left: 40px;
}

#navMeta {
	float: right;
	margin-top: -75px;
	margin-right: 30px;
	list-style-type: none;
}

#navMeta ul {
	list-style-type: none;
}

#navMeta li {
	display: inline;
	padding-right: 15px;
}

/* END Header Area */

/* START Navigation */

#navMain {
	text-transform: uppercase;
	color: #595959; 
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 50px;
}

#navMain ul {
	list-style-type: none;
}

#navMain li {
	display: inline;
	padding-right: 55px;
	padding-left: 15px;
}

#navMain a {
	color: #595959;
}

#navMain a:hover {
	color: #399ce3;
}

#navMainActive {
	color: #399ce3;
	text-decoration: none;
}

/* END Navigation */

/* START Content */

#pageBody {
	padding: 0 0 0 80px;
	margin-left: 15px;
}

#colMain {
	width: 565px;
	float: left;
}

#colMain #colMainPublikationen img {
	float: left;
	clear: left;
	margin: 0 10px 0 0;
	padding: 5px;
	border: 1px solid #399ce3;
}

#colMain #colMainPublikationen {
	padding: 0;
	margin: 0;
}

#colMain #colMainPublikationen li {
	padding: 0;
	height: 135px;
	margin: 0 0 20px 0;
}

#colMain li .download {
	background-image: url('../pics/download_pdf_icon.png');
	background-position: 120px top;
	background-repeat: no-repeat;
	height: 30px;
	display: block;
	padding: 10px 0 0 160px;
}

.colMainImageFL {
	float: left;
	margin: 0 15px 0 0;	
}

.colMainImageFR {
	float: right;
	margin: 0 0 0 15px;	
}

#colRight {
	float: right;
	width: 215px;
	display: block;
	margin-right: 75px;
}

/* END Content */

/* START Contactform */

div.formRow {
	margin-right: 35px;
	padding: 10px 0;
	float: left;
}

div.buttonRow {
	float: left;
}

fieldset {
	border: 0;
}
	
legend {
	display: none;
}

label {
	display:block;
	float: left;
	width: 70px;
	padding-top: 4px;
}	

#colMain form {
	margin-top: 10px;
}

#colMainFormName {  
	border: 1px solid #dadada; 
	background-color: #FFF; 
	padding: 5px; 
	margin-bottom: 5px; 
}

#colMainFormName:hover {
	background-color: #ecf8fe;
}

#colMainFormName:focus {
	background-color: #ecf8fe;
}

#colMainFormVorname {  
	border: 1px solid #dadada; 
	background-color: #FFF; 
	padding: 5px; 
	margin-bottom: 5px; 
}

#colMainFormVorname:hover {
	background-color: #ecf8fe;
}

#colMainFormVorname:focus {
	background-color: #ecf8fe;
}

#colMainFormTelefon {  
	border: 1px solid #dadada; 
	background-color: #FFF; 
	padding: 5px; 
	margin-bottom: 5px; 
}

#colMainFormTelefon:hover {
	background-color: #ecf8fe;
}

#colMainFormTelefon:focus {
	background-color: #ecf8fe;
}

#colMainFormEmail { 
	border: 1px solid #dadada; 
	background-color: #FFF; 
	padding: 5px; 
	margin-bottom: 5px; 
}

#colMainFormEmail:hover {
	background-color: #ecf8fe;
}

#colMainFormEmail:focus {
	background-color: #ecf8fe;
}

#colMainFormNachricht { 
	margin-top: 10px; 
	margin-bottom: 10px; 
	border: 1px solid #dadada; 
	background-color: #FFF; 
	padding: 5px; 
}

#colMainFormNachricht:hover {
	background-color: #ecf8fe;
}

#colMainFormNachricht:focus {
	background-color: #ecf8fe;
}

#colMainFormSubmit { 
	color: #399ce3; 
	border: 1px solid #dadada; 
	background-color: #FFF; 
	padding: 5px; 
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#colMainFormSubmit:hover { 
	cursor: pointer; 
	color: #FFF; 
	border: 1px solid #dadada; 
	background-color: #399ce3; 
	padding: 5px; 
}

#colMainFormReset { 
	color: #399ce3; 
	border: 1px solid #dadada; 
	background-color: #FFF; 
	padding: 5px; 
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#colMainFormReset:hover { 
	cursor: pointer; 
	color: #FFF; 
	border: 1px solid #dadada; 
	background-color: #399ce3; 
	padding: 5px; 
}

/* END Contactform */
