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

/* ************allgemeine Formatierung ************** */

* {
	margin:0px;
	padding:0px;
}


body {
	width:100%;
	height:100%;
	background-color:#ffffff;
}

/* ***********Typo ******************************** */

body {
	font-family: Arial, sans-serif;
	font-size:12px;
	color: #fff;
	text-shadow:1px 1px 0px #000;
}
	
#titelleiste {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 70px;
	color: #000;
	text-shadow: none;
}

#sidebar h3 { 
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	color: #fff;
	text-shadow: 1px 1px 0px #000000;
	display:block;
	background:#999999;
	width:180px;
	height:30px;
	text-indent:20px;
	border-bottom:1px #ccc;
}


.h3stil {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	color: #fff;
	text-shadow: 1px 1px 0px #000000;
}


.h2stil {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 0px #000000;
}

#schlusswort {
	font-size:9px;
	padding-top:8px;
}
  
/* ***********Layout******************************* */

#wrapper {
	width: 960px;
	margin: 0px auto;
	
}

header {
	width:100%;;
	height:431px;
	background-color:#666;
	color:#fff;
}

#titelleiste {
	width:960px;
	height:70px;
	background-color:#fff;
	float:left;
	padding-left:30px;
	padding-bottom:20px;
}
	
#navigation-oben {
	width:960px;
	height:42px;
	float:left;
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#666666+0,ffffff+100 */
	background: rgb(102,102,102); /* Old browsers */
background: -moz-linear-gradient(rgba(102,102,102,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(rgba(102,102,102,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102,102,102,1)), to(rgba(255,255,255,1)));
background: -o-linear-gradient(rgba(102,102,102,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(rgba(102,102,102,1) 0%, rgba(255,255,255,1) 100%);/* FF3.6-15 */
 /* Chrome10-25,Safari5.1-6 */
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#carousel1 {
	width:960px;
	height:329px;
	float:left;
}

.breadstyle {
	width:960px;
	height:42px;
	float:left;
	background-color:#363636;
	color:#fff;
	border-top:1px solid #cdcdcd;
}

.footstyle{
	padding-top:10px;
	width:960px;
	height:60px;
	float:left;
	background-color:#363636;
	color:#fff;
	border-top:1px solid #cdcdcd;	
}

#sectionwrapper {
	color:#fff;
	width:960px;
	height:600px;
	
#fuss table {
	table-layout:fixed;
	width:960px;
}

#bildcontainer {
	width:780px;
	float:left;
	margin-top:60px;
}



	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7e7e7e+0,666666+29,666666+29,7e7e7e+29,666666+100 */
background: rgb(126,126,126); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0px, rgba(126,126,126,1) 180px, rgba(102,102,102,1) 180px, rgba(102,102,102,1) 960px); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0px,rgba(126,126,126,1) 180px,rgba(102,102,102,1) 180px,rgba(102,102,102,1) 960px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(126,126,126,1) 0px,rgba(126,126,126,1) 180px,rgba(102,102,102,1) 180px, rgba(102,102,102,1) 960px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#666666',GradientType=1 ); /* IE6-9 */

}

#sidebar {
	width:180px;
	float:left;
	margin-top:0px;
}

#sidebar.menu {
	list-style-type:none;
	width:180px;
}

#inhalt {
	width:740px;
	float:left;
	padding:20px;
}

.float_links {
	float: left;
	margin-right: 10px;
}
.float_rechts {
	float: right;
	margin-left: 10px;
}

.verdoppeln:hover{
	-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
-o-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}

.dreifach:hover{
	-moz-transform: scale(1.75);
-webkit-transform: scale(1.75);
-o-transform: scale(1.75);
-ms-transform: scale(1.75);
transform: scale(1.75);
}


/* ********* Navigation *********************** */

/* ********* Hauptmenü ************************ */

#navigation-oben .menu {
	width:960px;
	list-style-type: none;
	}
#navigation-oben .menu li a {
	width:137px;
	height:42px;
	display:block;
	float:left;
	
	font-family: 'Oswald', Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:42px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	
	text-shadow:1px 1px 0px #000;
	
	border-left:1px solid #666;
	border-right:1px solid #ccc;
	
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500 ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

#navigation-oben .menu li: first-child a {
	border-left:none;
	width:138px;
}

#navigation-oben .menu li: last-child a {
	border-right:none;
	width:138px;
}

#navigation-oben .menu li a:hover {
	background-color:rgba(51, 51, 51, 0.3);
	
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500 ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

/* *************** Untermenü ************************* */

#sidebar .menu li a {
	width:180px;
	height:36px;
	display:block;
	float:left;
	
	font-family: 'Oswald', Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:36px;
	text-indent:30px;
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px 0px #000;
	border-bottom:1px dashed #cccccc;
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400 ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}

#sidebar .menu li a:hover {
	background-color:#cccccc;
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400 ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
	
}