@charset "utf-8";
/* CSS Document */




* {
	margin:					0;
	padding:				0;
}


body {
	text-align:				center;
	background:				#c9d0d6;
	
	font-family:			Tahoma, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#414141;
}


.csc-frame-frame1 {
	margin-bottom:			20px;
	padding-left:			25px;
}

.csc-frame-frame1 h1, .csc-frame-frame2 h1 {
	line-height:			30px;
	font-size:				12px;
	font-weight:			bold;
	background:				#e4e7ea url(/fileadmin/templates/images/frame-h1_bkg.jpg) left no-repeat;
	margin:					0 0 10px 0;
	padding:				0 0 0 25px;
	color:					#4c6071;
}

.csc-frame-frame1 p, .csc-frame-frame2 p {
	font-size:				12px;
	margin:					0;
	padding:				0;
}


.csc-frame-frame2 {
	background:				#def0d3;
	padding:				20px;
}




.csc-textpic-image  {
	border:					1px solid #e1e5e2;
	padding:				1px;
}


a.mail {
		background: url(/fileadmin/templates/images/icons/icon_email_normal.gif) no-repeat left;
		padding: 0 0 0 18px;
}

a.mail:hover {
		background: url(/fileadmin/templates/images/icons/icon_email_active.gif) no-repeat left;
		padding: 0 0 0 18px;
}

a.external-link-new-window {
		background: url(/fileadmin/templates/images/icons/icon_extern_link_normal.gif) no-repeat left;
		padding: 0 0 0 18px;
}

a.external-link-new-window:hover {
		background: url(/fileadmin/templates/images/icons/icon_extern_link_active.gif) no-repeat left;
		padding: 0 0 0 18px;
}


a.internal-link {
		background: url(/fileadmin/templates/images/icons/icon_intern_link_normal.gif) no-repeat left;
		padding: 0 0 0 18px;
}

a.internal-link:hover {
		background: url(/fileadmin/templates/images/icons/icon_intern_link_active.gif) no-repeat left;
		padding: 0 0 0 18px;
}



#left-content {
	font-size:				11px;
	padding-right:			35px;
}




/* Rückrufformular */

.csc-mailform {
	border:					none;
	padding:				0 15px;
}


.csc-mailform label {
	display:				none;
}

.csc-mailform input {
	margin-bottom:			5px;
	border:					1px solid #999999;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				11px;
	padding:				2px 5px;
	color:					#333333;
}





/* Maincon Navigation */



#maincon-nav a {
	color:						#4C972B;
	text-decoration:			none;
}

.totop {
	margin-right:				15px;
	background:					url(/fileadmin/templates/images/maincon-nav/totop-bkg.png) left no-repeat;
	padding-left:				15px;
}

.printlink {
	margin-right:				15px;
}



/* Bottom-Navigation */
#maincon-nav 			{ margin: 30px 0; font-size: 12px; padding-top: 5px; padding-left: 20px; }
#maincon-nav ul 		{ list-style: none; margin: 0; padding: 0; }
#maincon-nav ul li		{ float: left; margin-right: 20px; }

.seitenanfang 			{ line-height: 1.5em; padding: 0.2em 0.5em 0.2em 1.7em; background: url(/fileadmin/templates/images/maincon-nav/totop-bkg.png) no-repeat left; }
.seitenanfang a 		{ color: #707070; text-decoration: none; bold; background-color: #fff; }
.seitenanfang a:link	{ color: #707070; background-color: #fff; }
.seitenanfang a:visited { color: #707070; background-color: #fff; }
.seitenanfang a:hover 	{ color: #323232; text-decoration: none; background-color: #fff; }
.seitenanfang a:focus 	{ color: #323232; text-decoration: none; background-color: #fff; }


.drucken 				{ line-height: 1.5em; padding: 0.2em 0.5em 0.2em 2.2em; background: url(/fileadmin/templates/images/maincon-nav/print.png) no-repeat left; }
.drucken a 				{color: #707070; text-decoration: none; bold;background-color: #fff; }
.drucken a:link 		{color: #707070; background-color: #fff; }
.drucken a:visited 		{color: #707070; background-color: #fff; }
.drucken a:hover 		{color: #323232; text-decoration: none; background-color: #fff; }
.drucken a:focus 		{color: #323232; text-decoration: none; background-color: #fff; }

.tipafriend 			{ line-height: 1.5em; padding: 0.2em 0.5em 0.2em 1.5em; background: url(/fileadmin/templates/images/maincon-nav/tipafriend-bkg.gif) no-repeat left; }
.tipafriend a 			{color: #707070; text-decoration: none; background-color: #fff; }
.tipafriend a:link 		{color: #707070; background-color: #fff; }
.tipafriend a:visited 	{color: #707070; background-color: #fff; }
.tipafriend a:hover 	{color: #323232; text-decoration: none; background-color: #fff; }
.tipafriend a:focus		{color: #323232; text-decoration: none; background-color: #fff; }





/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }


/* BERTI CONTENT */
ul.display li { list-style-type: none; background: none; }
ul.display li a {
    color: #e7ff61;
    text-decoration: none;
}
ul.display li .content_block {
    padding: 0 10px;
}
ul.display li .content_block h2 {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    font-size: 1.7em;
}
ul.display li .content_block p {
    margin: 0;
    padding: 5px 5px 5px 245px;  <span style="color: #777;">/*--The left padding keeps the
content from flowing under the image--*/</span>
    font-size: 1.2em;
}
ul.display li .content_block a img{ <span style="color: #777;">/*--Double border technique--*/</span>
    padding: 5px;
    border: 2px solid #ccc;
    background: #fff;
    margin: 0 15px 0 0;
    float: left;
}
ul.thumb_view li{ width: 250px; } <span style="color: #777;">/*--Switch the width
to accommodate for the three column layout--*/</span>
ul.thumb_view li h2 { display: inline; }
ul.thumb_view li p{ display: none; }
ul.thumb_view li .content_block a img { margin: 0 0 10px; }

a.switch_thumb {
    width: 122px;
    height: 26px;
    line-height: 26px;
    padding: 0;
    margin: 10px 0;
    display: block;
    background: url(switch.gif) no-repeat;
    outline: none;
    /*text-indent: -9999px;*/
}
a.swap { background-position: left bottom; }
a:hover.switch_thumb {
    filter:alpha(opacity=75);
    opacity:.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}







.item {
	display: block; 
	margin-bottom: 15px;
	border: 1px #CCCCCC dotted;
}

.ref_title a {
	color: #414141;
	font-weight: bold;
}




/* Seite weiterempfehlen */
#tipform td {
	padding: 2px;
}

#tipform label {
	display: block;
	margin-bottom: 3px;
}
/* TEXTFELD */
#tipform input[type="text"], #tipform textarea, #tipform select {
	color: #3a3a3a;
	font-size: 1em;
	padding: 2px;
	border-color: #C0C0C1;
	border-style: solid;
	border-width: 1px;
	background-color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	width: 250px;
}
/* ABSENDEN */
#tipform input[type="submit"] {
	color: #3a3a3a;
	border: 0;
	background: none;
}

#tipform input:hover, #tipform input:active {
	border-color: #4C972B;
}
#tipform submit {
	float: right;
	background: none;
	border: none;
	width: 100px;
}