/* 
  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{
	margin-bottom: 13px;
	font-weight:bold;
	font-size:16px;
	color:#515151;
	padding-bottom: 13px;
	}

h2{
	font-weight:bold;
	font-size:13px;
	color:#adc823;
	padding-bottom: 7px;
	}

h3{
	font-weight:bold;
	font-size:11px;
	color: #3c3c3c;
	border-color: #e4e3e3;
	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;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	}
	
/************************************************************/
/* Layout */
/************************************************************/

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

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

#header {
	width: 632px;
	height: 235px;
	float: right;
	background: url(../pics/header.gif) no-repeat top;
	text-align:left;
	}
	
hr {
	width: 100%;
	color: #ffffff;
	border-color: #e4e3e3;
	border-width: 1px 0 0 0;
	border-style: solid;
	margin: 15px 0px;
	}
	
/************************************************************/
/* 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: 79px;
	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;
	}
	
body.suche a.suche{
	color: #3c3c3c;
	text-decoration: none;}
	
body.sitemap a.sitemap{
	color: #3c3c3c;
	text-decoration: none;}
	
body.impressum a.impressum{
	color: #3c3c3c;
	text-decoration: none;}
	
body.agb a.agb{
	color: #3c3c3c;
	text-decoration: none;}
	
body.kontakt a.kontakt{
	color: #3c3c3c;
	text-decoration: none;}
	
/************************************************************/
/* Layout 2 Spalten */
/************************************************************/

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

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

.content_left{
	width: 405px;
	float: left;

	}

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

.content_right{
	width: 207px;
	float: right;
	border-left: 1px solid #efefef;
	}

.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;
	font-size: 5px;	
	}

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

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


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

img{
	border: 0px;
	}

a img{
	border: none;
	}

.ce_image img, .border{
		border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	padding: 5px;
	}

.ce_image img:hover, a:hover img.border{
	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;
	}
	
/************************************************************/
/* gallery */
/************************************************************/ 

	
.ce_gallery img.bild{
	padding: 5px;
		border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	margin: 10px 15px 10px 0px;
	}
	
.ce_gallery img:hover.bild{
	padding: 5px;
	border: 1px solid #adc823;
	}
	
.ce_gallery img.lupe{
	width:9px;
	height:9px;
	position:absolute;
	padding-top: 18px;
	padding-left: 8px;
	}

/************************************************************/
/* 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 Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	margin-top: 3px;
	padding: 3px 10px 3px 10px;
	}
		
legend{
	color: #adc823;
	font-size: 11px;
	background: #fff;
	padding: 3px 10px;
	font-weight: bold;
	margin: 12px 0px 4px 5px;
	border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	}
	
fieldset td.col_0{
	width: 220px;
	margin: 0px;
	padding: 0px;
	}
	
fieldset td.col_1{
	margin: 0px;
	padding: 0px;
	}
	
label {
	margin:4px 0 4px 7px;
	}

.cc{
	margin-top: 0px;
	}

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

fieldset hr {
	width: 100%;
	color: #ffffff;
	border-color: #e4e3e3;
	border-width: 1px 0 0 0;
	border-style: solid;
	margin: 0px 0px;
	}
	
.ce_form textarea {
	width:265px;
	padding:2px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	height:100px;
	color: #3c3c3c;
	background-color:#f6f6f6;
	border:1px solid #dedede;
	margin-top: 10px;
	}
	
	
	
input.text {
	width:265px;
	padding:2px;
	background-color:#f6f6f6;
	border:1px solid #dedede;
	color: #3c3c3c;
	}

.ce_form input lable {
	display: block;
	}

.ce_form input.submit{ 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 100px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 0 3px 3px 3px; 
	color: #3c3c3c;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	}
	
.mod_search input.submit{ 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 80px;
	height: 21px;
	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;
	}
		
.ce_form .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: 20px;
	padding:2px;
	background-color:#f6f6f6;
	border: 1px solid #dedede;
	margin: 0px;
	}

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

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

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

.checkbox_container span{
	display:block;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	}
	
.select{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #f6f6f6;
	color: #3c3c3c;
		padding:2px;
	width: 100px;
		border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	}

	
	

/************************************************************/
/* Login */
/************************************************************/

	
.mod_login form{
	background: url(../pics/box_verlauf.gif) left top no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	padding: 25px 15px 25px 15px;
	}
	
.mod_login td.col_0{
	width: 100px;
	}
	
.mod_login input.submit{ 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 80px;
	height: 21px;
	margin: 10px 0px 0px 0px;
	padding: 0 3px 3px 3px; 
	color: #3c3c3c;
	border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	cursor: pointer;
	}

.mod_personalData td.col_0{
	width: 131px;
	}
		
.mod_personalData form{
		background: url(../pics/box_verlauf.gif) left top no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #e4e3e3;
	padding: 15px;
	}
			
.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;
	}

.mod_login .submit_container, .mod_personalData .submit_container{
	margin-left: 10px;
	}
	


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

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

.mod_sitemap {
	background: url(../pics/box_verlauf.gif) left top no-repeat;
	border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	padding: 0px 0px 20px 170px;
	}

.mod_sitemap ul{
	list-style-type: none;	
	display: inline;
	}
	
/************************************************************/	
.mod_sitemap ul.level_1{
	line-height: 20px;
	}
		
.mod_sitemap ul.level_2{
	line-height: 15px;
	}
	
/************************************************************/	
.mod_sitemap ul.level_1 li{
	padding: 3px 0px 3px 18px;
	margin: 0px;
	}
	
.mod_sitemap ul.level_2 li{

	padding: 1px 0px 1px 0px;
	}
/************************************************************/	
.mod_sitemap ul.level_1 li a{
	background:url(../pics/arrow_off.gif) left center no-repeat;
	padding: 0px 0px 0px 18px;
	color: #3c3c3c;
	}
	
.mod_sitemap ul.level_2 li a{
	background:none;

	font-weight: normal;
	color: #3c3c3c;
	}	
/************************************************************/	
.mod_sitemap ul.level_1 li a:hover{
	background:url(../pics/arrow_on.gif) left center no-repeat;
	color: #adc823;
	}
	
.mod_sitemap ul.level_2 li a:hover{
	background:none;
	color: #adc823;
	}
	
/************************************************************/
/* Suchen */
/************************************************************/
		
.mod_search form{
	background: url(../pics/box_verlauf.gif) left top no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
		border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	padding: 15px;
	}

	
p.header{
	margin-bottom:40px;
	}	
		
.filesize, .relevance{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	display: none;
	}
	
.mod_search h3{
	border-top: 1px solid #e4e3e3;
	border-bottom: none;
	padding-top: 15px;}
	
.mod_search h3 a{
	color: #adc823;
	font-size: 13px;
	text-decoration: underline;
	}
	
.mod_search h3 a:hover{
	color: #3c3c3c;
	margin-top: 30px;
		text-decoration: underline;
	}

.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;
	}
	
p.url{
	font-style: italic;}


.mod_search input.submit { 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 80px;
	height: 21px;
	margin: 10px 0px 0px 15px;
	padding: 0 3px 3px 3px; 
	color: #3c3c3c;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	}

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

.pagination li{display:inline;margin:0px;padding:0px 3px;list-style-type:none;	font-weight: bold;font-size: 8px;border: 1px solid #e4e3e3;}

.pagination{height: 20px;margin-top:22px;padding-top:8px;border-top:1px solid #e4e3e3;}

.pagination p{float:left;text-align:left;color: #e4e3e3;display: none;}

.pagination ul{float:right;margin:0px;padding:0px;text-align:right;}


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

.mod_article a{
	font-weight: bold;
	color: #adc823;
	text-decoration: none;
	}
	
.mod_article a:hover{
	color: #3c3c3c;
	text-decoration: none;
	}
	
	
.home_links a, .box a{
	font-weight: bold;
	color: #3c3c3c;
	text-decoration: none;
	}
	
.home_links a:hover, .box a:hover{
	font-weight: bold;
	color: #adc823;
	text-decoration: none;
	}
	
.home_links li{
	padding-top: 15px;
	}
	
/************************************************************/
/* 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;
	}
	
	
/************************************************************/
/* news */
/************************************************************/

.layout_full .info{
	display: none;
	}
	
.layout_full h1{
	display: none;
	}
	
.layout_full h2{
	font-weight:bold;
	font-size:12px;
	color:#999;
	border: none;
	padding-bottom: 6px;
	}
	
.layout_full{
	border: 1px solid #ebebeb;
	padding: 2px 12px 12px 12px;
	}
	
.layout_full a{
	font-weight: bold;
	color: #999;
	text-decoration: none;
	}

.mod_newslist h1{
	border: 1px solid #ebebeb;
	padding: 5px 5px 5px 12px;;
	margin-bottom: 8px;
	color: #999;}		
		
.layout_full img{
	border: 1px solid #dddddd;
	background: #ffffff;
	padding: 5px;
	}


.layout_full img:hover{
	padding: 5px;
	border: 1px solid #adc823;
	}
	
.layout_full a, ..layout_full a:hover{
	font-weight: bold;
	color: #3c3c3c;
	text-decoration: none;
	}
	
/************************************************************/
/* box */
/************************************************************/
	
.box{
	background: url(../pics/box_verlauf.gif) left top no-repeat;
	border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	padding: 0px 12px 12px 12px;
	margin-bottom: 12px;
	}

	
.box a, .box a:hover{
	font-weight: normal;
	color: #3c3c3c;
	text-decoration: none;
	}
	
		
.box h2{
	font-weight:bold;
	font-size:12px;
	color:#adc823;
	border-bottom: 1px solid #e4e3e3;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
	
	
table.box{
	background: url(../pics/box_verlauf.gif) left top no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #efeded;
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #d9d7d7;
	border-left: 1px solid #e4e3e3;
	padding: 5px;
	height: 40px;
	}