/* 
  Titel: grafik design miriam hennings, CSS Stylesheet
  Autor: Miriam Hennings, grafik design miriam hennings, www.miriamdesign.de
  Datum: 2009
*/

/************************************************************/
/* basic */
/************************************************************/

	
body{
	color: #3c3c3c;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	text-align: center;
	margin: 0;
	padding: 0;
	}

.clear{
	clear: both;
	}
	
:hover,:focus,:active{
	outline:0;
	}
	
/************************************************************/
/* Schrift */
/************************************************************/

h1{
	font-weight:bold;
	font-size:15px;
	color:#adc823;
	border-color: #cecece;
	border-width: 0 0 1px 0;
	border-style: dashed;
	padding-bottom: 8px;
	}

h2{
	font-weight:bold;
	font-size:11px;
	color:#adc823;
	border-color: #cecece;
	border-width: 0 0 1px 0;
	border-style: dashed;
	padding-bottom: 6px;
	}

h3{
	font-weight:bold;
	font-size:11px;
	color: #3c3c3c;
	border-color: #dddddd;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding-bottom: 6px;
	}

h4{
	font-weight:bold;
	font-size:10px;
	color:#adc823;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

/************************************************************/
/* content */
/************************************************************/

#content{
	background: url(../pics/content_bg.gif) repeat-y;
	width: 632px;
	text-align: left;
	float: right;
	padding-bottom: 40px;
	}
	
/************************************************************/
/* Layout */
/************************************************************/

#position{
	width: 820px;
	margin: 0 auto;
	text-align:left;
	padding-top: 30px;
	}

#container{
	width: 810px;
	text-align: left;
	}

#header {
	width: 632px;
	height: 206px;
	float: right;
	background: url(../pics/header.gif) no-repeat top;
	text-align:left;
	}
	
hr {
	width: 100%;
	color: #ffffff;
	border-color: #cecece;
	border-width: 1px 0 0 0;
	border-style: dashed;
	margin-top: 15px;
	margin-bottom: 20px;
	}
	
/************************************************************/
/* Menu */
/************************************************************/

#left{
	width: 141px;
	float: left;
	text-align: left;
	margin-top: 120px;
	}
	
#left img{
	margin-bottom: -3px;
	height: 33px;
	width: 141px;
	}
	
/************************************************************/
/* smallmenu */
/************************************************************/

#smallmenu{
	width: 602px;
	padding-top: 50px;
	padding-right: 0px;
	}

.smallmenutxt{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #6e792c;
	text-align: right;
	padding-top: 0px;
	padding-right: 7px;
	}
	
.smallmenutxt a{
	color: #ffffff;
	text-decoration: none;
	}
	
.smallmenutxt a:hover{
	color: #3c3c3c;
	text-decoration: none;
	}
	
/************************************************************/
/* Layout 2 Spalten */
/************************************************************/

.content_main{
	width: 632px;
	float: right;
	}

.content_main_txt {
	font-size:11px;
	margin-right: 48px;
	margin-left: 48px;
	text-align:left;
	}
	
/************************************************************/
/* Layout 3 Spalten */
/************************************************************/

.content_left{
	width: 425px;
	float: left;
	}

.content_left_txt{
	font-size:11px;
	text-align:left;
	margin-left: 48px;
	}

.content_right{
	width: 207px;
	float: right;
	}

.content_right_txt{
	font-size:11px;
	margin-right: 48px;
	margin-left: 15px;
	text-align:left;
	}

/************************************************************/
/* footer */
/************************************************************/

#footer {
	background: url(../pics/footer.gif) no-repeat;
	height: 25px;
	width: 632px;
	float: right;
	text-align: left;
	padding-bottom:30px;
	}

#footer_left {
	text-align: left;
	width: 555px;
	float: left;
	color: #ffffff;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-left: 20px;
	}

#footer_right {
	text-align: right;
	width: 35px;
	float: right;
	padding-top: 4px;
	padding-right: 20px;
	}


/************************************************************/
/* images */
/************************************************************/

img{
	border: 0px;
	}

a img{
	border: none;
	}

.ce_image img{
	border: 1px solid #dddddd;
	padding: 5px;
	}

.ce_image img:hover{
	padding: 5px;
	border: 1px solid #adc823;
	}
	
.ce_text .image_container img{
	border: 1px solid #dddddd;
	padding: 5px;
	}
	
.ce_text li{
	list-style-type: disc;
	color:#3c3c3c; 
	}
	
/************************************************************/
/* Image ohne hover */
/************************************************************/

.no_border img{
	border: 1px solid #dddddd;
	padding: 5px;
	}

.no_border img:hover{
	padding: 5px;
	border: 1px solid #dddddd;
	cursor: auto;
	}

/************************************************************/
/* Galerie */
/************************************************************/

.ce_gallery{
	padding-top: 0px;
	}
	
.ce_gallery img{
	padding: 5px;
	border: 1px solid #dddddd;
	}
	
.ce_gallery img:hover{
	padding: 5px;
	border: 1px solid #adc823;
	}

/************************************************************/
/* Galerie 1. Reihe */
/************************************************************/

.ce_gallery .row_0 td{
	padding-top: 20px;
	}
	
.ce_gallery .row_0 td.col_0{
	padding-right: 15px;
	}

.ce_gallery .row_0 td.col_1{
	padding-right: 15px;
	}

/************************************************************/
/* Galerie 2. Reihe */
/************************************************************/

.ce_gallery .row_1 td{
	padding-top: 20px;
	}

.ce_gallery .row_1 td.col_0{
	padding-right: 15px;
	}

.ce_gallery .row_1 td.col_1{
	padding-right: 15px;
	}
	
/************************************************************/
/* Galerie 3. Reihe */
/************************************************************/

.ce_gallery .row_2 td{
	padding-top: 20px;
	}

.ce_gallery .row_2 td.col_0{
	padding-right: 15px;
	}

.ce_gallery .row_2 td.col_1{
	padding-right: 15px;
	}
	
/************************************************************/
/* Galerie 4. Reihe */
/************************************************************/

.ce_gallery .row_3 td{
	padding-top: 20px;
	}

.ce_gallery .row_3 td.col_0{
	padding-right: 15px;
	}

.ce_gallery .row_3 td.col_1{
	padding-right: 15px;
	}


/************************************************************/
/* Accordion */
/************************************************************/ 
	
#content .toggler{
    font-weight:bold;
    color: #3c3c3c;
    background:transparent url(../pics/plus.gif) left center no-repeat;
    border-color: #dddddd;
	border-width: 1px 0 1px 0;
	border-style: solid;
	padding-bottom:7px;
    padding-left:15px;
    padding-top:7px;
    cursor:pointer;
	}
	
#content .toggler.active {
    background:#fafafa url(../pics/minus.gif) left center no-repeat;
	}

#content .toggler:hover{
    background:#fafafa url(../pics/minus.gif) left center no-repeat;
    color: #adc823;
	}
	
/************************************************************/
/* Ausrichtung accordion Referenzen mit Bild */
/************************************************************/

.accordion_referenzen .image_container{
	padding: 20px 0;
	}

.ce_accordion accordion_referenzen{
	padding: 20px 0;
	}

.ce_accordion a{
	text-decoration: none;
	font-weight:bold;
	color: #3c3c3c;
	padding-left: 15px;
	background:transparent url(../pics/arrow_off.gif) left center no-repeat;
	}


	
.ce_accordion a:hover{
	text-decoration: none;
	font-weight:bold;
	color: #adc823;
	padding-left: 15px;
	background:transparent url(../pics/arrow_on.gif) left center no-repeat;
	}
	
.ce_accordion{
	padding: 1px 0;
	}
	
.accordion_referenzen img{
	border: 1px solid #dddddd;
	background: #ffffff;
	padding: 5px;
	}

.accordion_referenzen img:hover{
	padding: 5px;
	border: 1px solid #dddddd;
	}
	
.ce_accordion .accordion{
	margin: 2px 0px;
	background: #fafafa;
	border: 1px solid #dddddd;
	padding: 15px;
	}
	
/************************************************************/
/* Kontaktforular */
/************************************************************/

fieldset{
	font: 11px Arial, Helvetica, Verdana, Sans-Serif;
	border: 1px solid #cecece;
	margin-top: 3px;
	padding: 3px;
	}
		
legend{
	color: #adc823;
	background: #ffffff;
	padding: 3px 3px;
	font-weight: bold;
	font-size: 11px;
	margin: 6px 0px;
	border: 2px solid #ffffff;
	}
	
fieldset td.col_0{
	width: 115px;
	}
	
fieldset td.col_1{
	width:247px;
	margin-left: 0px;
	padding-left: 0px;
	}
	
label {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin:4px 0 4px 7px;
	}

.cc{
	margin-top: 10px;
	}

.cc label, .interessen label {
	margin-left:0px;
	}


input.text {
	width:200px;
	padding:2px;
	background-color:#f6f6f6;
	border:1px solid #dedede;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	}

.ce_form input lable {
	display: block;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	}
	
.ce_form textarea {
	width:200px;
	padding:2px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	height:40px;
	color: #3c3c3c;
	background-color:#f6f6f6;
	border:1px solid #dedede;
	}

.ce_form input.submit, .mod_login input.submit { 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 80px;
	height: 22px;
	margin: 10px 0px 0px 0px;
	padding: 0 3px 3px 3px; 
	color: #3c3c3c;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	}
	
.ce_form input.submit{
	margin-bottom: 10px;
	}
		
.mod_personalData input.submit { 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 120px;
	height: 22px;
	margin: 10px 0px 0px 0px;
	padding: 0 3px 3px 3px; 
	color: #3c3c3c;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	}

.ce_form .submit_container, .mod_login .submit_container, .mod_personalData .submit_container{
	margin-left: 10px;
	}
	
.mod_login .error{
	color: #c5071d;
	margin-bottom: 3px;
	margin-left: 7px;
	}
	
.ce_form .error{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #c5071d;
	margin-bottom: 3px;
	margin-left: 10px;
	}
	
.ce_form .formbody .captcha_text {
	margin-left: 5px;
	position: relative;
	top: 0px;
	}

input.text:focus{
	background-color:#ffffff;
	border:1px solid #adc823;
	}


textarea:focus{
	background-color:#ffffff;
	border:1px solid #adc823;
	}

input.captcha:focus{
	background-color:#ffffff;
	border:1px solid #adc823;
	}

input.captcha{
	width:15px;
	padding:2px;
	background-color:#f6f6f6;
	border: 1px solid #dedede;
	}

.explanation{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
	}

span.captcha_text{
	font: normal 8.5px Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	vertical-align: middle;
	color: #3c3c3c;
	}

span.mandatory{
	font-weight: bold;
	color: #adc823;
	}

.checkbox_container span{
	display:block;
	vertical-align: middle;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	}

.select{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #f6f6f6;
	color: #3c3c3c;
	}


/************************************************************/
/* Google Map */
/************************************************************/

.dlh_googlemap{
	border:2px solid #adc823;
	}
	
/************************************************************/
/* Sitemap */
/************************************************************/

/* -----------------level 1--------------------- */

.mod_sitemap {
	text-align:left;
	margin: 0;
	padding-left: 70px;
	}
		
.mod_sitemap ul{
	list-style-type: none;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	}
	
.mod_sitemap ul.level_1{
	margin: 0;
	}
	
.mod_sitemap li{
	margin-top: 0px;
	padding-bottom: 12px;
	list-style-type: none;
	}

.mod_sitemap a{
	text-decoration: none;
	color: #3c3c3c;
	}
	
.mod_sitemap ul a{
	text-decoration: none;
	color: #3c3c3c;
	padding-left: 15px;
	background:transparent url(../pics/arrow_off.gif) left center no-repeat;
	}

.mod_sitemap ul a:hover{
	text-decoration: none;
	color: #adc823;
	background:transparent url(../pics/arrow_on.gif) left center no-repeat;
	}

/* -----------------level 2--------------------- */
	
.mod_sitemap ul ul{
	padding:0px;
	margin: 0px;  
	}		

.mod_sitemap ul ul li{
	margin-top: 0px;
	padding:2px 0px;
	}
	
.mod_sitemap ul ul a{
	color: #666666;
	text-decoration: none;
	font-weight:normal;
	padding-left: 22px;
	background:none;
	}
	
.mod_sitemap ul ul a:hover{
	color: #adc823;
	text-decoration: none;
	font-weight:normal;
	padding-left: 22px;
	background:none;
	}

/************************************************************/
/* Suchen */
/************************************************************/
		
.mod_search{
	margin-top: 35px;
	}
	
.mod_search a{
	color: #3c3c3c;
	text-decoration: none;
	}
	
	
.mod_search a:hover{
	color: #adc823;
	text-decoration: none;
	}
	
.mod_search .relevance{
	color: #999999;
	}
	
.mod_search h3{
	margin-top: 30px;
	}

.formbody input, textarea, select {
	margin-left: 10px;
	margin-bottom: 10px;
	}

.formbody .submit {
	background: #adc823;
	font-weight: bold;
	padding-bottom: 2px;
	color: #ffffff;
	}
	
.formbody .submit:hover {
	background: #f6f6f6;
	color: #3c3c3c;
	}

/************************************************************/
/* Text */
/************************************************************/

.mod_article a{
	font-weight: bold;
	color: #adc823;
	text-decoration: none;
	}
	
.mod_article a:hover{
	color: #3c3c3c;
	text-decoration: none;
	}
	
/************************************************************/
/* Flash */
/************************************************************/

.mod_flash{
	padding: 20px 0px;
	}

/************************************************************/
/* Bildelement Vorschau Untermenu */
/************************************************************/

.bild_left{
	padding-top: 5px;
	width: 33%;
	display: block;
	text-align: left;
	float: left;
	}

.bild_middle{
	padding-top: 5px;
	width: 34%;
	display: block;
	text-align: center;
	float: left;
	}

.bild_right{
	padding-top: 5px;
	width: 33%;
	display: block;
	text-align: right;
	float: left;
	}

.bild_left img, .bild_middle img, .bild_right img{
	border: 1px solid #ffffff;
	}

.caption{
	padding-top: 10px;
	text-align: center;
	}