/*******************************************************************
	CSS-Datei:		heydvm-screen.css
	Version:		0.0.4.
	Datum:			12.5.2009
	
	Autor:			Gabriele Engmann
	Webseite:		
	Beschreibung:		CSS-Anweisungen fuer Medium Bildschirm

****************************************************************** */


/***************************************
	GENERERAL ELEMENTS STYLES
****************************************/
* { font-family: arial,helvetica,sans-serif; margin: 0; padding: 0; }

body, html { border: 0; margin: 0; font-size: 14px; line-height: 1.3em; }
body { background-color: #fff; padding: 10px; text-align: center; }

pre { font-family: monospace; }
a {}
a:hover {}
form { margin: 0px 0px 0px 0px;}
p, pre, ul, ol { margin: 1em 0px 1em 0px; }
ul, ol { padding-left: 14px; }
li { margin: 1em 0; }


p, td, ul, ol {}
input, textarea, select { padding: 1px 2px; font-family: arial,helvetica,sans-serif; border:1px solid #555;
	background-color: #ccc; color: #333; font-size: 14px; }
img { border: 0; }

/* Headers, plain */
h1 { font-size: 20px; font-weight: normal; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h1, h2, h3 { margin: 40px 0px 20px 0px; }
.csc-header h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader { margin-top: 0; padding: 0; }

/* RTE / Table styling */
table { border: 1px solid #999; margin: 10px 0px 10px 0px; }
table tr td { padding: 0px 3px; }
table tr th { padding: 1px 3px; }
table p { margin: 0; }
table tr { background-color: #eee; }


/****************************************
        LAYOUT
****************************************/

#gesamtcontainer { position: relative; width: 1000px; text-align: left; margin: auto; height: 100%; 
	background-color: #666;  color: #fff; }
#gesamtcontainer-start { position: relative; width: 700px; text-align: center; margin: auto; height: 100%; 
	background-color: #fff; color: #666; padding: 20px 20px; }

#leftwrapper { position: relative; width: 200px; float: left; padding: 60px 0; background-color: #999; 
	border-right: 10px solid #fff; }
#logo { padding-left: 26px; }

#mainwrapper { position: relative; width: 790px; float: left; }
#content { position: relative; padding: 64px 40px; }


.clearer { clear: both; }


/****************************************
	NAVIGATION
****************************************/

#leftmenu { font-size: 18px; text-transform: uppercase; padding: 68px 54px 0 26px; line-height: 26px; }
#leftmenu ul { list-style-type: none; padding: 0; margin: 0; }
#leftmenu li { padding: 22px 0; margin: 0; }
#leftmenu li.spc { padding: 48px 0; }
#leftmenu a { text-decoration: none;  color: #fff; }


/****************************************
	CONTENT
****************************************/

#content a { color: #fff; }
#content ul { color: #666; padding-left: 16px; }
#content li { color: #fff; }

.csc-header, .csc-textpicHeader { font-variant: small-caps; }
.csc-firstHeader { margin-top: 0; }


.nd { display: none; }


/****************************************
	CONTENT STARTSEITE
****************************************/

#logo-start { margin: 20px 0; }
#slogan { margin: 20px 0; font-variant: small-caps; font-size: 24px; letter-spacing: 3px; }
#adresse { margin: 20px 0 80px 0; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }
#adresse .adressteil { margin: 0 14px; white-space: pre; }
#content-start { text-transform: uppercase; margin: 80px 0 40px 0; }
#linkweiter { margin-top: 40px; }
#linkweiter a { color: #8b2b39; text-decoration: none; }


/***************************************
	MAILFORMULAR
***************************************/

.csc-mailform { margin: 5px 0 20px 0; border: 0; }
.csc-mailform-field { padding: 5px 0; }
.csc-mailform-field label { display: block; float: left; width: 250px; text-align: right; padding-right: 30px; }
.csc-mailform-field input { width: 29em; }
.csc-mailform-field textarea { width: 29em; }
.csc-mailform-field .csc-mailform-submit { margin-left: 280px; width: 8em; font-weight: bold; margin-top: 0.5em; }
.csc-mailform-field .csc-mailform-check { width: 1em; }
.csc-mailform-field img { border: 1px solid #555; margin-left: 280px; }


/****************************************
	IMAGELIGHTBOX
****************************************/

#lightboxImage { border: 2px solid #999; }