@charset "utf-8";
/**
-------------------------------------------------------------
	Allgemeine Elemente
------------------------------------------------------------- */
body {
	border:0;
	margin:0;
	padding-bottom:30px;
	padding-top:30px;
	background-color: #EFEFEF;

	text-align:center;
}

body,td,th,input,select{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #1D1C1C;
}

img {
	border: none;
}

div {
	text-align:left;
}

pre {
    margin:0;
}

h2 {
	background-repeat: no-repeat-x;
	height:27px;
	margin:0;
	font-size: 14px;
    color: #ffffff;
    padding-top:8px;
    padding-left:10px;
    background-color: #007700;
}



/**
-------------------------------------------------------------
	Links
------------------------------------------------------------- */

a {
    color: #000000;
    text-decoration:none;
}

a:visited {
    color: #000000;
    text-decoration:none;
}

a:hover {
    color: #000000;
}

/**
-------------------------------------------------------------
	Design & Boxenmodel
------------------------------------------------------------- */
#container {
    width:964px;
    margin:0 auto;
    border: 1px solid #007700;
    background-color: #ffffff;
}


#top {
    background-color: #007700;
    height:10px;
    margin-bottom:30px
}

#header {

}

#logo {
    width:300px;
    float:left;
    padding-left:25px;
    padding-top:25px;
}
#intro {
    background-image: url(../pics/intro.jpg) ;
    background-repeat: no-repeat;
    background-position: center 0;
    height:280px;
    margin-bottom:30px;
}

/**
-------------------------------------------------------------
	Navigation
------------------------------------------------------------- */
#navigation {
    height:65px;
    padding-right:10px;
    padding-top:40px;
    float:right;
}
#navigation div {
    float:left;
    text-align:center;
    padding-top:5px;
    margin-left:10px;
    height:25px;
    cursor:pointer;
}
#navigation #startseite,#navigation #startseite_on  {
    width:108px;
}
#navigation #startseite_on  {
    background-image:url(../pics/nav1.png);
}

#navigation #angebot,#navigation #angebot_on {
    width:148px;
}
#navigation #angebot_on {
    background-image:url(../pics/nav3.png);
}

#navigation #beispiele,#navigation #beispiele_on {
    width:108px;
}
#navigation #beispiele_on {
    background-image:url(../pics/nav1.png);
}

#navigation #faq,#navigation #faq_on {
    width:63px;
}
#navigation #faq_on {
    background-image:url(../pics/nav2.png);
}

#navigation #kontakt,#navigation #kontakt_on {
    width:93px;
}
#navigation #kontakt_on {
    background-image:url(../pics/nav5.png);
}

#navigation div a {
    font-weight:bold;
    font-size: 14px;
    color: #000000;
}

#navigation #startseite_on a,#navigation #kontakt_on a,#navigation #faq_on a, #navigation #beispiele_on a,#navigation #angebot_on a  {
    color:#ffffff;
}


/**
-------------------------------------------------------------
	Content
------------------------------------------------------------- */
#links {
    float:left;
    width:330px;
}

#rechts {
    float:left;
    width:610px;
}

.breit {
    padding-left:25px;
    padding-right:25px;
    padding-bottom:15px;
}

#rechts h1,.breit h1 {
    margin-top:5px;
    margin-bottom:20px;
    padding:0;
    color: #1D1C1C;
    font-size: 18px;
}

.content a {
    color: #067400;
    text-decoration:none;
}

.content a:visited {
    color: #067400;
    text-decoration:none;
}

.content a:hover {
    color: #ffffff;
    background-color: #067400;
}

.content {

}

#links_video {
    float:left;
    width:408px;
    padding-left:24px;
}
#rechts_video {
    float:left;
    width:505px;
}

.video {
    background-color: #FDFDFE;
    background-image: url(../pics/video_back.jpg) ;
    padding-top:15px;
    padding-left:12px;
    width:372px;
    height:263px;
}

.video_klein {
    background-color: #FDFDFE;
    background-image: url(../pics/video_klein_back.jpg) ;
    padding-top:9px;
    padding-left:9px;
    width:210px;
    height:123px;
    float:left;
}

.loc {
    padding-top:25px;
    padding-left:20px;
    padding-bottom:15px;
}
.loc span {
    padding-left:5px;
    padding-right:5px;
    font-size: 10px;
}
.loc a,.loc a:visited {
    padding-top:2px;
    padding-bottom:4px;
    padding-left:5px;
    padding-right:5px;
    text-decoration:underline;
    font-size: 10px;
    color: #067400;
}
.loc a:hover {
    color: #ffffff;
    background-color: #067400;
}



/**
-------------------------------------------------------------
	Boxen
------------------------------------------------------------- */

#boxen {
    padding-left:24px;
    float:left;
}

#boxen div {
    width:287px;
    float:left;
}

#boxen div div {
    background-color: #FEF9E5;
	background-position: 0 bottom;
	background-repeat: repeat-x;
    border: 1px solid #ECECEC;
    width:265px;
    padding:10px;
}

.boxen_links a,.boxen_links a:visited {
    padding-top:2px;
    padding-bottom:4px;
    text-decoration:underline;
    font-size: 12px;
    color: #007700;
}
.boxen_links a:hover {
    color: #ffffff;
    background-color: #007700;
}

.referenz {
    border:1px solid #007700;
    margin-bottom:25px;
}

.box {
    padding:8px;

}
.img_box {
    background-color: #EFEFEF;
    padding:5px;
    float:left;
    margin-top:5px;
    margin-bottom:5px;
}
.img_box:hover {
    background-color: #007700;
}

.topic {
    background-color: #EFEFEF;
    padding-left:8px;
    padding-top:2px;
    padding-bottom:4px;
    padding-right:8px;
}
.topic span {
    padding-right:25px;
    font-size: 10px;
}
.topic a,.topic a:visited {
    padding-top:2px;
    padding-bottom:4px;
    padding-left:5px;
    padding-right:5px;
    text-decoration:underline;
    font-size: 10px;
    color: #067400;
}
.topic a:hover {
    color: #ffffff;
    background-color: #067400;
}



/**
-------------------------------------------------------------
	Footer
------------------------------------------------------------- */
#footer {
    margin-top:25px;
    background-color: #007700;
    padding-left:19px;
    padding-right:24px;
    padding-top:10px;
    padding-bottom:10px;
    color: #ffffff;
    font-size: 10px;
}
#footer span {
    padding-left:5px;
    padding-right:5px;
    font-size: 10px;
}
#footer span a,#footer span a:visited {
    padding-top:2px;
    padding-bottom:4px;
    padding-left:5px;
    padding-right:5px;
    text-decoration:underline;
    color: #ffffff;
}
#footer span a:hover {
    color: #000000;
    background-color: #ffffff;
}

/**
-------------------------------------------------------------
	Formulare
------------------------------------------------------------- */
form { margin:0; padding:0; }
form br { clear: both; }
fieldset {  margin: 5px;  padding: 0;  border: none; }
.obligation { color: #FF0000;margin-right:5px; padding-top: 6px;font-size:120%; font-family: Courier New, Courier, mono;float:left }
label.left {
    float: left;
    text-align: right;
    width: 100px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 4px;
}

input.text,select,textarea,input.file,.file {
	float: left;
	background-color: #F5F5F5;
	border: 1px solid #333333;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	width: 150px;
}
input:focus, textarea:focus, select:focus {
    background: #ffffff;
    color: #000000;
    outline: #007700 solid 0.2em;
}
.hidden_text,hidden_select,hidden_textarea,hidden_input.hidden_file {
	float: left;
	background-color: #ffffff;
	border: 1px none #4C7CCC;
	margin-top: 2px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	color:#000000;
}

.input_comment {
    float: left;
    padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #4C7CCC;
	font-size:87%;
}
.input_comment_br {
    float: left;
	margin-top: 2px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #4C7CCC;
	font-size:87%;
	padding-left: 140px;
}

.input_error {
    float: left;
    padding-left: 140px;
	margin-top: 2px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FF0000;
	font-size:87%;
}

.error {
    margin-bottom:30px;
}

.error h3 {
    padding-left:120px;
    color:#d10000;
    font-size: 14px;
}

.error p {
    padding-left:120px;
    padding-bottom:1px;
    margin:0;
}

.send {
    text-align:center;
}