@charset "utf-8";
/*
==================================================================
Stylesheet Daniel Fritsche - Berlin
Copyrights: Daniel Fritsche - Berlin
Webdesign: www.nautiker.info - Dominik Wolff (Dipl.-Kfm.) - Berlin & Lübeck
Stand: Mai 2011 
Inhalt:

1. Kalibrierung
2. Allgemeine Styles
3. Layout-Styles
4. Sonstiges
==================================================================
*/

/*
==================================================================
1. Kalibrierung
==================================================================
*/

* {
	margin:0;
  	padding:0;
	border: 0;
}

html {height: 101%;}

/*
==================================================================
2. Allgemeine Styles
==================================================================
*/

/* 
Schrift 
*/

@font-face {
	font-family: Sererg;
	src: url("sererg__-webfont.eot");
	font-weight: normal;
	font-size-adjust: 0,6;
}

@font-face {
	font-family: Sererg;
	src: url("sererg__-webfont.ttf") format("truetype");
	font-weight: normal;
 	font-size-adjust: 0.6;
}

body {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	font-family: Sererg, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #4B4B4B;
}

/*
Überschriften
*/

h1, h2, h3 {
	color: #c6c6c9;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 15px;
}

h1 {font-size: 40px;}

h2 {font-size: 36px;}

h3 {font-size: 30px;}

h4 {
	font-size: 28px;
	font-weight: normal;
	padding: 15px 80px 0px 80px;	
}


/*
Text
*/

p {
	font-size: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.2;
}

.rot {color: #F30;}

/*
Listenelemente
*/

ul {
	list-style-type: none;
	text-align:center;
}

li {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 24px;
	margin: 0;
}

/*
Hyperlinks
*/

a {
	outline: none;
	text-decoration:none;
}

a:link, a:visited {color:  #d2691e;}

a:hover, a:focus {color: #4B4B4B;}

/* Tooltip */

.klasse1Tip {
	margin-top: 60px;
	padding-left: 25px;
}

.klasse1Tip .content {font-size: 24px;}

.klasse2Tip {
	margin-top: 55px;
	margin-left: 38px;
}

.klasse2Tip .content {font-size: 24px;}

.klasse3Tip {
	margin-top: 88px;
	margin-left: 32px;
}

.klasse3Tip .content {font-size: 24px;}

/*
==================================================================
3. Layout-Styles
==================================================================
*/

.clear {clear: both;}

#container {
	width: 980px;
	margin: 30px auto;
}

#header {
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	background-position: top center;
	height: 192px;
}

#header h1 {
	text-indent: -9999px;	
}

#content {
	background-image: url(../images/SketchLines.png);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 20px;
}

#content_video {
	width: 836px;
	height: 470px;
	margin-left: 72px;
}

.content_nav_start {	
	width: 326px;
	height: 230px;
	float: left;
}

#nav_1 {margin-left: 40px;}

#nav_2 {margin-left: 67px;}

#nav_3 {margin-left: 52px;}

#footer {
	clear: both;
	background-image: url(../images/SketchLines.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#content h1 {text-align:center;}

#content p,
#content h1,
#content h2,
#content h3 {
	padding-left: 80px;
	padding-right: 80px;
}

#footer_content {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}

.footer_content_nav {	
	width: 326px;
	float: left;
}

.footer_content_nav h2,
.footer_content_nav p 
{text-align: center;}

#footer ul {
	padding-top: 25px;
}

/*
==================================================================
4. Sonstige
==================================================================
*/

/*
==================================================================
Formular
==================================================================
*/

/* Kontaktformular */

.form {
	width: 490px; 
	float: left;
}

label {
	padding-left: 80px;
	font-size: 24px;
	color: #4B4B4B;
}

input {
	width: 250px;
	height: 26px;
	margin-bottom: 25px;
	font-family: Sererg, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	color: #4B4B4B;
	padding: 2px;
	background-repeat: no-repeat;
}

textarea {
	font-family: Sererg, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	color: #4B4B4B;
	padding: 3px;
	margin-bottom: 25px;
	margin-left: 77px;
	height: 164px;
	width: 340px;
	background-image: url(../images/nachrichten.png);
	background-repeat: no-repeat;
}

#name {
	margin-left: 31px;
	background-image:url(../images/eintrag.png);
}

#testfeld { 
	visibility: hidden; 
	display: none; 
}

#email {
	margin-left: 28px;
	background-image:url(../images/eintrag.png);
}

#captcha {
	margin-left: 162px;
	margin-bottom: 25px;
}

#txtCode {
	margin-left: 19px;
	background-image:url(../images/eintrag.png);
}

#submit   {
	font-family: Sererg, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 80px;
	height: 32px;
	margin-left: 337px;
	background-color: #ffffff;
	color: #4B4B4B;	
	font-size: 24px;
	cursor: pointer;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
}

#submit:hover, #submit:active {color: #F30;}


/*
==================================================================
Ende Stylesheet
==================================================================
*/