/*
table{
	table-layout:fixed;
	}
*/

body{
	font-family:Helvetica,Verdana,Tahoma,Arial,sans-serif;
	font-size:16px;
	color:#000000;
	background-color:#ffffff;
	max-width:860px;
	margin:2px auto;
	padding:0 2px;
	}

h1{
	margin:0 0 5px 0;
	padding:0;
	font-size:21px;
	font-weight:normal;
	font-style:italic;
	}

strong,
b{
	font-weight:normal;
	color:#3333ff;
	}

.foot,
.info,
.small{
	font-size:0.8em;
	}

a{
	color:#333333;
	}

a:hover{
	color:#ff3333;
	}

img{
	height:auto;
	max-width:100%;
	}

a img{
	border:0;
	}

.shadow{
	display:inline;
	}


/* Hauptcontainer Seitenaufbau */

#page{
	text-align:left;
	background-image:url(../images/freaks-at-work.jpg);
	background-repeat:no-repeat;
	}


#banner{
	font-size:16px;
	padding:70px 0 30px 18px;
	}

#banner h1{
	font-size:26px;
	font-style:normal;
	margin-bottom:0;
	}


/* template_mod: div */

#page_content{
	clear:both;
	background-color:#ffffff;
	margin-left:15px;
	padding:20px 0 0 10px;
	}

.name{
	margin:5px 0;
	}

.beschreibung{
	margin-left:10px;
	}

/* Hauptcontainer Navigation */

ul#nav_top{
	text-align:right;
	margin:15px 40px 15px 15px;
	}


ul.nav_link,
ul.cms_nav{
	padding:0;
	margin:0;
	}


/* Listenpunkte Navigation */

#nav_top li{
	display:inline;
	}

.nav_link li{
	list-style:none;
	}


/* Hyperlinks Navigation */

.nav_link a{
	height:30px;
	min-width:15%;
	text-align:center;
	float:left;
	list-style:none;
	display:block;
	line-height:30px;
	text-decoration:none;
	-moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; -khtml-border-top-left-radius: 12px; border-top-left-radius: 12px;
/*
	-moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; -khtml-border-top-right-radius: 12px; border-top-right-radius: 12px; 
*/	
	border-top:1px solid #999999;
	border-right:1px solid #333333;
	background-color:#D3D9FA;
	margin-right:3px;
	padding:0 12px;
	}

.nav_link a.activ{
	background-color:#ffffff;
	color:#ff3333;
	}
#jump_links li a:hover,
.nav_link .link a:hover,
.nav_link .content a:hover{
	background-color:#eeeeee;
	color:#666666;
	}

/* SSL-Bild */
#ssl_logo{
	float:right;
	padding:10px;
	}


/* Hintergrundbilder */

div.zoom a{
	background-image:url(../images/_system/lupe.png);
	background-repeat:no-repeat;
	height:22px;
	display:block;
	padding-left:19px;
	text-decoration:none;
	}

div.pdf,div.zip{
	font-size:0.9em;
	text-decoration:none;
	background-repeat:no-repeat;
	height:40px;
	padding-left:35px;
	}

div.pdf{
	background-image:url(../images/_system/pdf.gif);
	}

div.zip{
	background-image:url(../images/_system/zip.gif);
	}

#nav_suche_submit{
	background-image:url(../images/_system/lupe.png);
	background-repeat:no-repeat;
	background-color:transparent;
	border:0;
	height:25px;
	width:25px;
	margin-left:5px;
	}
 
 
/* JQuery-Fancybox */

#submit-overlay,
#click-overlay{
	position:absolute;
	left:0;
	top:0;
	background-color:#808080;
	display:none;
	opacity:0.5;
	}


/* spezielle Anpassungen */

input#nav_suche_text{
	width:130px;
	}


/* Bildausrichtung */
.upload{float:left;margin-right:15px;}


/* Container-Rahmen */
#breadcrumb{
	padding:10px;
	margin:20px 20px 20px 0;
	border:1px solid #cccccc;
	background-image:url(../images/foot.jpg);
	background-repeat:repeat-x;
	}

.schicht_2 .corner-all,
.schicht_3 .corner-all{
	border:1px solid #cccccc;
	clear:both;
	overflow:auto;
/**/	

	margin:5px 10px 5px 0;
	padding:2px 10px;
	}

.schicht_3 .corner-all{
	background-image:url(../images/foot.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px;
	margin:20px 20px 20px 0;
	border:1px solid #cccccc;
	clear:both;
	overflow:auto;
	background-image:url(../images/foot.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	}

#foot{
	background-image:url(../images/foot.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0;
	margin:0;
	list-style:none;
	min-height:80px;
	max-height:100px;
	clear:both;
	}

#breadcrumb{
	margin-top:0;
	}

#ebene_1 .schicht_1{
	margin:5px 10px 30px 10px;
	}


#ebene_1 .schicht_2{
	margin:5px 20px;
	}

.schicht_2 .corner-all,
.schicht_3 .corner-all,
#breadcrumb,
#ebene_1,
.schicht_link,
.schicht_3{
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
/*
	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; 
*/	
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; 
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; 
	}


#jump_links{
	margin:0;
	padding:0 10px 10px 15px;
	}


#jump_links li{
	display:inline;
	text-align:center;
	}

#jump_links li a{
	display:block;
	line-height:22px;
	text-decoration:none;
	border-top:1px solid #999999;
	border-right:1px solid #333333;
	background-color:#D3D9FA;
	border-bottom:1px solid #ffffff;
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; 
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; 
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; 
	}

@media screen and (max-width: 330px) {
	#page{
		min-width:330px;
		}
	}


@media screen and (max-width: 550px) {
	#a10 div.upload{
		float:none;
		margin-bottom:5px;
		}
	}


@media screen and (max-width: 880px) {
	.base_shadow{
		width:100%;
		}

	.nav_link a{
		width:100%;
		border-right:0;
		-moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; -khtml-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; 
		-moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; -khtml-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; 
		}

	.nav_link a.activ{
		background-color:#eeeeee;
		}

	.nav_link .link a:hover,
	.nav_link .content a:hover{
		background-color:#ffffff;
		}
	
	#page_content{
		padding:10px 0 10px 0;
		}
	
	#ebene_1 .schicht_1,
	#ebene_1 .schicht_2{
		margin:2px;
		}
	}


@media screen and (min-width: 880px) {
	html{
		overflow-x:auto;
		overflow-y:scroll;
		padding:10px;
		}
	
	#page{
		width:850px;
		}

	.nav_link a{
		-moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; -khtml-border-top-right-radius: 12px; border-top-right-radius: 12px; 
		}

	#jump_links,
	#content_smart{
		display:none;
		}
	}