@import url(menu.css);

/* 
=================================================================================================
	Allgemeine Styles
================================================================================================= */

*	{
	margin: 0; padding: 0;
	}

html { 
	min-height: 100.2%;
	}

body {
	font-family: "Open Sans", "sans-serif";
	background: #333 url("../images/bg_simon.png") top center repeat;
	background-attachment: fixed;
	font-size: 15px;
	line-height: 25px;
	color: #666;
	margin: 25px 0 0 0;
	padding: 0;
	}

h2, h3, h4, h5, h6 {font-family: "Open Sans", "sans-serif"; font-weight: 400;}

p {font-size: 15px; line-height: 25px; padding: 10px 0 10px 0; margin: 0;}

a:link, a:visited { text-decoration: none; color: #c61870; }
a:hover, a:active { text-decoration: none; color: #ff0000; }
a, a > * {transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s;}

/* Tabellen */

table { border-collapse: seperate;	padding: 0;	margin: 10px 0 10px 0; }
td { padding: 5px 0 5px 0; vertical-align:top;}
table tr:hover td {background: #efefef; }

.tabelle_facts td {border-collapse: separate; padding: 10px 10px 10px 10px; vertical-align: top; background: #f6f6f6;}

/* Bilder */

.image { margin: 10px 0 10px 0; border-top: 1px solid #c61870;}
.image_left { margin: -2px 15px 0 0; padding: 0; float: left;}
.image_line { margin: 5px 0 10px 0; border-top: 1px solid #c61870;}
.image_right { margin: 0 0 0 15px; padding: 0; float: right;}

/* Aufzählungen */

ul, ol { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }

ul.list_check li { list-style-type: none; background: url("../images/list_check.png") 0px 10px no-repeat; padding: 0 0 5px 18px;  margin: 0 0 0 -15px; } 

/* Button */

.button_pink {
	display:inline-block;
	text-decoration:none;
	background-color:#c61870;
	color:#fff;
	padding: 4px 50px 4px 10px;
	margin: 10px 0 10px 0;
    }
	
	.button_pink:link, .button_pink:visited { color: #fff; }
    .button_pink:hover, .button_pink:active { background-color:#c61870; }

/* Verschiedene */

.bold { font-weight: bold; }
.color { color: #c61870; }
.big {font-family: "Open Sans", "sans-serif"; font-size: 22px; line-height: 32px; color: #888; font-weight: 300; padding: 10px 0 10px 0; margin: 0; }
.smallname {font-size: 14px; color: #b2b2b2;}
.name {font-family: "Open Sans", "sans-serif"; font-weight: 400; font-size: 20px; line-height: 25px; color: #c61870; padding: 10px 0 0 0; margin: 0;}
.job {font-size: 14px; line-height: 20px; color: #b2b2b2; padding: 5px 0 0 0; margin: 0;}
.black { color: #333;}

.kar_date {font-size: 13px; line-height: 18px; color: #ccc;padding: 10px 0 0 0; margin: 0; }
.kar_h {font-size: 25px; line-height: 30px; color: #c61870; padding: 0 0 10px 0; margin: 0; }

.map_border { border: 1px solid #e4e4e4; background: #fff; padding: 4px; margin: 10px 0 10px 0; }

hr { border: 0; border-bottom: 1px dashed #e4e4e4; height: 1px; margin: 10px 0 15px 0; padding: 0; background-color: #fff;}

.content_clear { clear: both; font-size: 0; line-height: 0; height: 0;}

.float_l { float: left;  }
.float_r { float: right; }

/* 
=================================================================================================
	Specials
================================================================================================= */

/* Move to Top */

#slide_top {
	width:60px;	height:60px; position:fixed; display:none; right:30px; bottom:45px;
	background:url("../images/icon_arrow-up.png") no-repeat 50% 50%;
	opacity:0.5; filter:alpha(opacity=50);
    transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out, display .2s ease-in-out; -webkit-transition:opacity .2s ease-in-out; 
	-o-transition:opacity .2s ease-in-out; -ms-transition:opacity .2s ease-in-out;
	z-index:99999;
	}

#slide_top:hover {opacity:1; filter:alpha(opacity=100);}

/* 
=================================================================================================
	LAYOUT
================================================================================================= */
/* 
=================================================================================================
	Banner
================================================================================================= */

#wrapper_banner {
	width: 100%;
	max-width: 1150px;
	height: 110px;
	position: relative;
	background-color: #fff;
	border-top: 4px solid #c61870;
	padding: 0;
	margin: 0 auto 0 auto;
	}

	#banner {
		width: 960px;
		height: 110px;
		position: relative;
		padding: 0 10px 0 10px;
		margin: 0 auto 0 auto;
		}
	
		#logo {
			width: 300px;
			height: 110px;
			position: relative;
			background: url("../images/logo_simon.png") top left no-repeat;
			padding: 0;
			margin: 0;
			float: left;
			}
		
		#menu {
			width: 660px;
			height: 110px;
			font-family: "Open Sans", "sans-serif";
			font-size: 17px; 
			line-height: 17px; 
			padding: 0;
			margin: 0;
			float: right;
			text-transform: uppercase;
			}
				
/* 
=================================================================================================
	Home Titelbild
================================================================================================= */

#wrapper_titelbild {
	width: 100%;
	max-width: 1150px;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	text-align: center;
	padding: 0;
	margin: 0 auto 0 auto;
	}
	
	#titelbild {
		width: 1150px;
		height: 520px;
		background: url("../pics/home/titelbild_simon.jpg") top center no-repeat;
		overflow: hidden;
		text-align: center;
		padding: 0;
		margin: 0 auto 0 auto;
		}

#wrapper_titelbild_soon {
	width: 100%;
	max-width: 1150px;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	text-align: center;
	padding: 0;
	margin: 0 auto 0 auto;
	}
	
	#titelbild_soon {
		width: 1150px;
		height: 430px;
		background: url("../images/titelbild_coming-soon.jpg") top center no-repeat;
		overflow: hidden;
		text-align: center;
		padding: 0;
		margin: 0 auto 0 auto;
		}

/* 
=================================================================================================
	Home Balken
================================================================================================= */

#wrapper_balken {
	width: 100%;
	max-width: 1150px;
	height: 85px;
	position: relative;
	background-color: #1a1a1a;
	padding: 0;
	margin: 0 auto 0 auto;
	}

	#balken {
		width: 960px;
		height: 85px;
		background: url("../pics/home/balken_leistungen.png") top center no-repeat;
		position: relative;
		padding: 0 10px 0 10px;
		margin: 0 auto 0 auto;
		}
		
/* 
=================================================================================================
	Pfad
================================================================================================= */

#wrapper_pfad {
	width: 100%;
	max-width: 1150px;
	height: 85px;
	position: relative;
	background-color: #1a1a1a;
	padding: 0;
	margin: 0 auto 0 auto;
	}
	
	#pfad {
		width: 960px;
		height: 85px;
		position: relative;
		padding: 0;
		margin: 0 auto 0 auto;
		}
		
		#pfad_header {
			width: 480px;
			padding: 0;
			margin: 0;
			float: left;
			}
			
			#pfad_header h2 {font-size: 30px; line-height: 85px; color: #fff; text-transform: uppercase; font-weight: 300; padding: 0; margin: 0;}
		
		#pfad_nav {
			width: 480px;
			text-align: right;
			padding: 0;
			margin: 0;
			float: right;
			}
			
			#pfad_nav p {font-size: 14px; line-height: 85px; color: #ccc; padding: 0; margin: 0;}
			#pfad_nav a:link, #pfad_nav a:visited { text-decoration: none; color: #ccc; }
			#pfad_nav a:hover, #pfad_nav a:active { text-decoration: none; color: #c61870; }
	
/* 
=================================================================================================
	Content
================================================================================================= */

#wrapper_content {
	width: 100%;
	max-width: 1150px;
	position: relative;
	background-color: #fff;
	padding: 0;
	margin: 0 auto 0 auto;
	}
	
	#content {
		width: 960px;
		position: relative;
		padding: 35px 0 10px 0;
		margin: 0 auto 0 auto;
		}
		
		/* 2 Spalten / Content */
		
		.wrapper_two {
			width: 960px;
			padding: 0 0 25px 0;
			margin: 0;
			}
			
			.two_1 {
				width: 600px;
				padding: 0 0 20px 0;
				margin: 0 60px 0 0;
				float: left;
				}
				
				.two_1 h3, .one_1 h3 {font-size: 25px; line-height: 30px; color: #777; border-bottom: 1px dotted #e0e0e0; padding: 10px 0 12px 0; margin: 0 0 13px 0;}
				.two_1 h4, .one_1 h4 {font-size: 22px; line-height: 27px; color: #c61870; padding: 10px 0 10px 0; margin: 0; }
				.two_1 h5, .one_1 h5 {font-size: 18px; line-height: 25px; color: #777; padding: 10px 0 10px 0; margin: 0; }
				.two_1 h6, .one_1 h6 {font-size: 20px; line-height: 25px; color: #000; background: url("../images/icon_simon-24.png") 0 1px no-repeat; padding: 0 0 10px 32px; margin: 5px 0 0 -32px; }
				.two_1 ul, .one_1 ul { margin: 10px 0 10px 15px; padding: 0; }
				.two_1 li, .one_1 li { margin: 0; padding: 0 0 5px 0; }
				
				.two_1-left {width: 285px; padding: 0 0 0 0; margin: 0 30px 0 0; float: left;}
				.two_1-right {width: 285px; padding: 0 0 0 0; margin: 0 0 0 0; float: right;}
				
				.two_1 .infobox { background-color: #f9f9f9; padding: 10px 20px 10px 20px; margin: 10px 0 10px 0; }
				
			.two_2 {
				width: 300px;
				padding: 15px 0 20px 0;
				margin: 0;
				float: right;
				}
				
				.two_2 h3 {font-size: 18px; line-height: 25px; color: #666; background: url("../images/icon_simon-24.png") 0px center no-repeat; padding: 0 0 0 30px; margin: 0 0 0 10px; }	
				.two_2 h4 {font-size: 18px; line-height: 25px; color: #666; background: url("../images/icon_simon-24.png") 0px center no-repeat; padding: 0 0 0 30px; margin: 10px 0 0 10px;}
				.two_2 h5 {font-size: 18px; line-height: 25px; color: #666; background: url("../images/icon_simon-24.png") 0px center no-repeat; padding: 0 0 0 30px; margin: 25px 0 0 10px;}		
				.two_2 ul { margin: 10px 0 25px 0; padding: 0; }
				.two_2 .infobox { background-color: #f9f9f9; padding: 10px 20px 20px 20px; margin: 10px 0 10px 0; }
				.two_2 .infobox-2 { background-color: #fff; padding: 19px 19px 19px 19px; margin: 10px 0 10px 0; border: 1px dotted #e0e0e0;}
				
				.two_2 img:hover { -moz-opacity:.5; filter:alpha(opacity=50); opacity:.5; }
				
				
		/* 2 Spalten / Home  */
			
			.two_1-50 {
				width: 460px;
				padding: 0 0 20px 0;
				margin: 0 40px 0 0;
				float: left;
				}
				
			.two_2-50 {
				width: 460px;
				padding: 0 0 20px 0;
				margin: 0;
				float: right;
				}
				
				.two_1-50 h3, .two_2-50 h3 {font-size: 19px; line-height: 25px; color: #666; border-bottom: 1px dotted #e0e0e0; padding: 10px 0 10px 0; margin: 0 0 10px 0; }
				.box_grey p {font-size: 14px; line-height: 21px; color: #333;}
				
		/* 3 Spalten / Home / Info */
		
		.wrapper_three {
			width: 960px;
			padding: 0 0 25px 0;
			margin: 0;
			}
				
			.three_1, .three_2 {
				width: 300px;
				padding: 0;
				margin: 0 30px 0 0;
				float: left;
				}
			
			.three_3 {
				width: 300px;
				padding: 0;
				margin: 0;
				float: right;
				}
		
			.box_grey {background-color: #f2f2f2; padding: 13px 22px 15px 22px; min-height: 230px; border-bottom: 1px solid #e0e0e0;}
			.box_grey h2 {font-size: 19px; line-height: 25px; color: #1a1a1a; background: url("../images/icon_simon-31.png") 0px 7px no-repeat; padding: 10px 0 10px 40px; margin:0;}
			.box_grey p {font-size: 13px; line-height: 20px; color: #333;}
			.box_grey:hover { background-color: #ececec; padding: 13px 22px 15px 22px; min-height: 230px; border-bottom: 1px solid #c61870;  }
/* 
=================================================================================================
	Info
================================================================================================= */

#wrapper_info {
	max-width: 1150px;
	position: relative;
	background-color: #232323;
	border-top: 4px solid #c61870;
	padding: 0;
	margin: 0 auto 0 auto;
	}
	
	#info {
		width: 960px;
		position: relative;
		padding: 30px 0 20px 0;
		margin: 0 auto 0 auto;
		}
		
		#info p {color: #999;}
		#info h3 {font-size: 19px; line-height: 25px; color: #666; background: url("../images/icon_simon-24.png") 0px 10px no-repeat; border-bottom: 1px dotted #555555; padding: 10px 0 12px 32px; margin: 0 0 15px 0; }
		#info ul {margin: 10px 0 10px 15px; padding: 0; }
		#info li {margin: 0; padding: 0 0 2px 0;}
			
/* 
=================================================================================================
	Footer
================================================================================================= */

#wrapper_footer {
	width: 100%;
	max-width: 1150px;
	position: relative;
	background-color: #c61870;
	padding: 0;
	margin: 0 auto 25px auto;
	}

	#footer {
		width: 960px;
		height: 80px;
		color: #fff;
		line-height: 80px;
		padding: 0;
		margin: 0 auto 0 auto;
		}
		
		#footer_left {
			width: 760px;
			padding: 0;
			margin: 0;
			float: left;
			}
		
		#footer_right {
			width: 200px;
			text-align: right;
			padding: 0;
			margin: 0;
			float: right;
			}
		
		#footer a:link, #footer a:visited { text-decoration: none; color: #fff; }
		#footer a:hover, #footer a:active { text-decoration: none; color: #333; }