@charset "utf-8";

/* =General
--------------------------------------------------------------------------------------------------------*/

html, body {
	height:100%;

}


body {
	background:#fff;
	margin:0;
	padding:0;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	overflow-x:hidden;
}

.stopper {
	height:0;
	font-size:0.1em;
	clear:both;
}


/* =General end
--------------------------------------------------------------------------------------------------------*/

/* =General fontstyles and a
--------------------------------------------------------------------------------------------------------*/

p,address {font-size:12px;color:#242843;font-style:normal; line-height:20px;}
blockquote {font-size:12px; font-weight:bold;}
a {text-decoration:none;color:#71a4c6;font-weight:bold;}
h1 {font-size:20px; font-weight:lighter; letter-spacing:1px; padding:20px 50px 10px 100px; color:#242843;}
h2, h3, h4 {font-size:12px; font-weight:bold; color:#242843; padding:0 50px 0 100px;}
img {display:block;border:0; margin:0;}

/* =General fontstyles end
--------------------------------------------------------------------------------------------------------*/

/* =wrappers
--------------------------------------------------------------------------------------------------------*/
#topwrapper {
	position:relative;
	width:100%;
	height:120px;
	background:url(../siteImages/roter_rand_oben.jpg) repeat-x top left;
}

#centerwrapper_index {
	position:relative;
	width:100%;
	height:720px;
	background:url(../siteImages/bg_center_index.jpg) repeat-x top left;
}

#centerwrapper_folge {
	position:relative;
	width:100%;
	background:url(../siteImages/bg_center_folge.jpg) repeat-x top left #d1cfcb;
}



#footer {
	position:relative;
	width:100%;
	height:300px;
	background:url(../siteImages/footer.jpg) repeat-x top left;
	border-top:1px dotted #1c1e33;
}

.innerwrapper {
	position:relative;
	width:980px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	display:block;
}

/* =wrappers end
--------------------------------------------------------------------------------------------------------*/

/* =columns
--------------------------------------------------------------------------------------------------------*/

.column_index_left {
	float:left;
	position:relative;
	width:480px;
	height:auto;
}

.column_index_right {
	float:left;
	position:relative;
	width:540px;
	height:720px;
	z-index:100;
	margin-left:-60px;
}


.column_folge_left {
	float:left;
	position:relative;
	width:400px;
	height:auto;
}

.column_folge_right {
	float:left;
	position:relative;
	width:620px;
	z-index:100;
	margin-left:-60px;

}

.column_subnavi {
	float:left;
	width:175px;
	margin-left:25px;
	display:inline;
}

.column_content {
	float:left;
	width:395px;
}




/* =columns end
--------------------------------------------------------------------------------------------------------*/



/* =style shadow left and right
--------------------------------------------------------------------------------------------------------*/
.innershadow {
	position:absolute;
	height:100%;
	background:url(../siteImages/shadow_inner.png) repeat-y top right;
	width:25px;
	z-index:50;
	top:0;
	left:0;
}

.shadow_right {
	position:absolute;
	height:100%;
	background:url(../siteImages/shadow_right.png) repeat-y top right;
	width:25px;
	z-index:50;
	top:0;
	right:0;

}

/* =style shadow end
--------------------------------------------------------------------------------------------------------*/
/* =Navigation
--------------------------------------------------------------------------------------------------------*/
#navigation {
	float:right;
	width:520px;
	height:120px;
	margin:0 0 0 0;
}

#navigation ul {
	position:relative;
	width:470px;
	margin:50px 0 0 10px;
	height:34px;
	border-bottom:1px solid #fff;
}

#navigation ul li {
	float:left;
	padding:0;
	margin:0;
	display:block;

}

#navigation ul li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:10px 10px 10px 13px;
	text-align:center;
	font-size:13px;
}

#navigation ul li a:hover {
	border-bottom:3px solid #fff;
	color:#70a5c7;
}

.active {
	border-bottom:3px solid #fff;
}


/*Subnavigation */

#unternavigation {
	width:140px;
	margin:25px 0 0 35px;
}

#unternavigation ul {
	width:140px;
}

#unternavigation ul li {
	padding:0;
	margin:0;
	display:block;
	background:none;
}

#unternavigation ul li a {
	color:#242843;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	line-height:12px;
	padding:5px 0 0 0 !important;
	border:none;
	width:140px;
	height:20px;
	background:none;
	display:block;
	border-bottom:1px dotted #8bb4d3 !important;
}

#unternavigation ul li a:hover {
	color:#8bb4d3;
	background:url(../siteImages/unternavigation_aktiv.png) no-repeat center right;
}

.subactive {
	color:#8bb4d3 !important;
	background:url(../siteImages/unternavigation_aktiv.png) no-repeat center right !important;

}


/* =Navigation end
--------------------------------------------------------------------------------------------------------*/

/* =logo
--------------------------------------------------------------------------------------------------------*/

#logo {
	width:300px;
	height:80px;
	margin:20px 0 0 0;
}



/* =logo end
--------------------------------------------------------------------------------------------------------*/

/* =styles left side
--------------------------------------------------------------------------------------------------------*/
.box_left_index {
	position:relative;
	width:445px;
	height:240px;
	margin:0 25px 0 0;

}

.box_left_folge {
	position:relative;
	width:370px;
	height:auto;
	margin:0 25px 0 0;

}

/*for slider */
.big {
	display:block;
	width:480px;
	height:480px;
}

.small {
	display:block;
	width:400px;
	height:400px;
}
/*for slider end */

#footeraddress {
	margin:75px 0 0 100px;
}

/* =styles left side end
--------------------------------------------------------------------------------------------------------*/


/* =styles right side
--------------------------------------------------------------------------------------------------------*/
.box_right_index {
	position:relative;
	width:490px;
	height:240px;
	margin:0 25px 0 25px;
	display:block;
}

.box_right_folge {
	position:relative;
	width:395px;
	height:auto;
	margin:0;
	display:block;
}

.picturebox {
	width:360px;
	min-height:100px;
	display:block;
	background:#ecebeb;
	margin:0 25px 25px 25px;
}

.picturebox img {
	margin:0;
	display:block;
}

.picturebox p {
	font-size:12px;
	padding:0 25px 25px 165px !important;
}


.box_right_folge p  {
	padding:0 25px 25px 25px;
}

.box_right_folge p a:hover  {
	text-decoration:underline;
}



.column_content h1 {
	padding:20px 50px 10px 25px;
}



/*accordion */

#accordion {
	width:375px;
	margin:10px;
}

#accordion h4 {
	margin:0;
	margin-top:-1px;
	font-size:12px;
	font-weight:bold;
	border:1px solid #fff !important;
}

#accordion h4 a {
	padding:10px 0 10px 25px !important;
}

#accordion > div {
	background:#ecebeb;
	border-left:1px solid #fff !important;
	border-top:none!important;
	border-right:1px solid #fff !important;
	border-bottom:none!important;
}

#accordion > div p {
	padding:0 !important;
	font-size:12px !important;
}

#accordion > div p img {
	float:left;
	border:4px solid #fff;
	margin:10px 10px 10px 0;
}

#accordion > div p a span {
	float:left;
	width:160px;
	font-size:10px;	
	font-weight:normal;
	margin-top:-5px;
	line-height:12px;
	padding-bottom:10px;
	padding-left:6px;
	color:#666;
}

.changer {
	float:right !important;
	width:120px !important;
	padding-top:20px !important;
}

#footernavigation ul {
	width:300px;
	height:200px;
	margin:75px 0 0 125px;
}

#footernavigation ul li a {
	font-weight:bold;
	color:#242843;
	font-size:12px;
 }

#footernavigation ul li a:hover {
	text-decoration:underline;
 }
 
.column_content ul {
	font-size:12px;
	margin-left:20px;
	margin-bottom:12px;
}
 
.column_content ul li {
	list-style-type:none;
	background: url(../siteImages/icon_li.png) no-repeat left 5px;
	padding:0 20px 0 12px;
	margin-top:4px;
	margin-bottom:4px;
}

.column_content ul li a:hover {
	text-decoration:underline;
}

span.pfeil {
	display:inline-block;
	background: url(../siteImages/icon_li.png) no-repeat left 7px;
	padding-left:12px;
}



.column_content ul li p img {
	float:left;
	border:4px solid #fff;
	margin:10px 10px 10px 0;
}

.column_content ul li p a span {
	float:left;
	width:340px;
	display:block;
	font-size:10px;
	font-weight:normal;
	margin-top:-5px;
	line-height:10px;
	padding-bottom:10px;
	padding-left:6px;
}

/* =styles right side end
--------------------------------------------------------------------------------------------------------*/

/* = both sides
--------------------------------------------------------------------------------------------------------*/
.box_left_index img, .box_right_index img, .box_left_folge img, .box_right_folge img {
	float:left;
}

.box_left_index p, .box_right_index p, .box_left_folge p  {
	padding:0 50px 0 100px;
}

table {
	margin:0 0 0 100px;
	padding:0;
	width:300px;
}

td {
	font-size:12px;
	color:#242843;
	margin:0;
	padding:0;
}

tr {
	height:30px;
}

table.fortbildungen {
	margin-left:25px;
	width:350px;
	
}

table.fortbildungen tr {
	height:auto;
	}
	
table.fortbildungen tr:nth-child(2n) td, table.fortbildungen tr.gerade td{
	background:#eee;
	}
	
table.fortbildungen tr:nth-child(2n+1) td, table.fortbildungen tr.ungerade td{
	background:#ddd;
	}
	
table.fortbildungen th {
	text-align:left;
	font-size:12px;
	padding:6px;
	}
	
table.fortbildungen td {
	padding:6px;
	}

.first {
	width:80px;
	font-weight:bold;
}

#footeraddress a, .box_right_index p a, .box_left_index p a, .box_left_folge p a {
	font-weight:bold;
	color:#242843;
	font-size:12px;
	text-decoration:none;
}
#footeraddress a:hover, .box_right_index p a:hover, .box_left_index p a:hover, .box_left_folge p a:hover {
	text-decoration:underline;
 }

/* = both sides end
--------------------------------------------------------------------------------------------------------*/