﻿/* 
Autor: M. Koch 
Design by www.123koch.de
*/

@import url(http://fonts.googleapis.com/css?family=Philosopher|Tangerine:b);

html {
	font-size: 16px;
	padding: 0;
	margin: 0;
	position:relative;
	-webkit-text-size-adjust:none;
}
body {
	margin: 0;
	padding: 0;
	background: #0F5C96 url(http://images.123koch.com/img01.gif) repeat-x;
	color: #A4E4F6;
	font: normal 100%/151% 'Philosopher','Times New Roman',Times,serif;
	background: -moz-linear-gradient(top, #0E558D 0px, #083354 99px, #08304F 100px, #0F5B96 135px, #0F5B96 150px, #083354 400px, #0F5B96 625px, #083354 840px, #0F5B96 1050px, #083354 1150px, #0F5B96 1320px, #0F5B96 1600px, #083354 1900px, #0F5B96 2200px, #083354 2600px, #0F5B96 2900px, #083354 3500px, #0F5B96 4200px, #083354 5000px, #0F5B96 5900px, #083354 6900px, #0F5B96 8000px);
	background: -o-linear-gradient	(top, #0E558D 0px, #083354 99px, #08304F 100px, #0F5B96 135px, #0F5B96 150px, #083354 400px, #0F5B96 625px, #083354 840px, #0F5B96 1050px, #083354 1150px, #0F5B96 1320px, #0F5B96 1600px, #083354 1900px, #0F5B96 2200px, #083354 2600px, #0F5B96 2900px, #083354 3500px, #0F5B96 4200px, #083354 5000px, #0F5B96 5900px, #083354 6900px, #0F5B96 8000px);
	background: linear-gradient	(top, #0E558D 0px, #083354 99px, #08304F 100px, #0F5B96 135px, #0F5B96 150px, #083354 400px, #0F5B96 625px, #083354 840px, #0F5B96 1050px, #083354 1150px, #0F5B96 1320px, #0F5B96 1600px, #083354 1900px, #0F5B96 2200px, #083354 2600px, #0F5B96 2900px, #083354 3500px, #0F5B96 4200px, #083354 5000px, #0F5B96 5900px, #083354 6900px, #0F5B96 8000px);
}
h1, h2, h3, h4, h5, p, ol, ul {
	margin-top: 0;
	margin-bottom: 0;
}
h1, h2, h3, h4, h5 {
	font-family:'Philosopher','Times New Roman',Times,serif;
}
h1, h2, h3, h4, h5, h6, h7 {
	text-transform: none;
	font-weight: normal;
	letter-spacing: -1px;
}
h1 {
	letter-spacing: -2px;
	font-size: 36px;
	color: #fff;
	background-color: transparent;
	text-shadow: 1px 1px 1px #000;
	line-height: 151%;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
big {
	letter-spacing: -1px;
	font-size: 19px;
}
img {
	color: #fff;
	font-style: italic;
}
ol, ul {
	margin-bottom: 21px;
	line-height: 151%;
}
p {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 151%;
}
p:first-letter {
	font: 185%/100% 'Tangerine','Times New Roman',Times,serif;
	letter-spacing: 1px;
}
p:first-line {
}
p:hover:first-line {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
a {
	color: #000;
	background-color: transparent;
	outline: none;
}
a:visited {
	text-decoration: none;
	color: #999;
	background-color: transparent;
}
a:hover {
	text-decoration: none;
	color: #fff;
	background-color: transparent;
	outline: none;
}
a:active, :active, :focus {
	outline: none;
	-moz-outline-style: none;
}
hr {
	background-color:#2872A7;
	background:-webkit-gradient(radial, center center, 80, center center, 400, from(#000), to(#fff));
	background:-webkit-radial-gradient(center, #000, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2C9AD9', endColorstr='#0E568E',GradientType=0 );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2C9AD9,endColorstr=#0E568E)";
	background:-ms-radial-gradient(center, #000, #fff);
	background:radial-gradient(center, #000, #fff);
	border:none;
	color:#000;
	height:1px;
	width: 536px;
	margin-top: -2px;
	margin-bottom: 0;
}
a img {
	border : 0 none;
	vertical-align:middle;
}
#large, .large {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 25px;
	letter-spacing: -1px;
	line-height: 185%;
}
/* Header */
#header {
	width: 980px;
	margin: 0 auto;
	height: 115px;
	background: url(http://images.123koch.com/img02.jpg) no-repeat center top;
	text-transform: none;
}
#flag {
	float: right;
	z-index: -1;
}
#flag ul {
	margin: 0;
	padding: 41px 0 0;
	list-style: none;
}
#flag li {
	display: inline;
}
#flag .rss a {
	margin:3px -3px 0 4px;
	background: url(http://images.123koch.com/rss-b.png) no-repeat;
}
#flag .rss a:hover {
	background: url(http://images.123koch.com/rss-s.png) no-repeat;
}
#flag .uk a {
	margin:0 0 0 1px;
	background: url(http://images.123koch.com/gb.png) no-repeat;
}
#flag .uk a:hover {
	background: url(http://images.123koch.com/gb-uk.png) no-repeat;
}
#flag .es a {
	margin:0 0 0 1px;
	background: url(http://images.123koch.com/es.png) no-repeat;
}
#flag .es a:hover {
	background: url(http://images.123koch.com/es-ES.png) no-repeat;
}
#flag .de a {
	margin:0 0 0 1px;
	background: url(http://images.123koch.com/de.png) no-repeat;
}
#flag .de a:hover {
	background: url(http://images.123koch.com/flag_germany.png) no-repeat;
}
#flag .es a, #flag .uk a, #flag .de a, #flag .rss a {
	float: left;
	width: 60px;
	height: 60px;
	padding: 0;
	-webkit-transition:-webkit-transform 6s linear;
	-moz-transition:-moz-transform 6s linear;
	-ms-transition:all 6s linear;  /* IE10? */
	transition: transform 6s linear;
}
#flag .es a:hover, #flag .uk a:hover, #flag .de a:hover, #flag .rss a:hover {
	-webkit-transform: rotate(350deg);
	-moz-transform: rotate(350deg);
	-ms-transform: rotate(350deg); /* IE9+ */
	transform: rotate(350deg);
}
#menu {
	float: right;
	overflow: hidden !important;
	z-index: -2;
}
#menu ul {
	margin: 0 !important;
	padding:60px 1px 0 0;
	list-style: none;
}
#menu li {
	display: inline;
}
#menu a {
	margin:	2px;
	padding:10px 0 0;
	float:	left;
	width:	120px;
	height:	30px;
	background: url(http://images.123koch.com/img03.gif) no-repeat;
	font-size:17px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	color: #000;
	background-color: transparent;
	outline: none !important;
	-webkit-border-radius:12px 12px 2px 2px / 12px 12px 2px 2px; 
	-moz-border-radius:12px 12px 2px 2px / 12px 12px 2px 2px; 
	border-radius:12px 12px 2px 2px / 12px 12px 2px 2px; 
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #C9ECF6),color-stop(0.24, #2C9AD9),color-stop(0.76, #2C9AD9),color-stop(1.00, #0F5B96));
	background-image: -webkit-linear-gradient(top, #C9ECF6 0%, #2C9AD9 24%, #2C9AD9 76%, #0F5B96 100%);
	background-image:    -moz-linear-gradient(top, #C9ECF6 0%, #2C9AD9 24%, #2C9AD9 76%, #0F5B96 100%);
	background-image:     -ms-linear-gradient(top, #C9ECF6 0%, #2C9AD9 24%, #2C9AD9 76%, #0F5B96 100%); /* IE10 */
	background-image:         linear-gradient(top, #C9ECF6 0%, #2C9AD9 24%, #2C9AD9 76%, #0F5B96 100%);
	-webkit-transition: -webkit-transform 15s ease-out;
	-moz-transition:-moz-transform 15s ease-out;
	-o-transition: -o-transform 15s ease-out;
	-ms-transition: all 15s ease-out;  /* IE10? */
	transition: transform 15s ease-out;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#menu a:hover {
	background: url(http://images.123koch.com/img03.gif) no-repeat;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #C9ECF6),color-stop(0.24, #2C9AD9),color-stop(0.76, #2C9AD9),color-stop(1.00, #0F5B96));
	background-image: -webkit-linear-gradient(top, #C9ECF6 0%, #2C9AD9 24%, #2C9AD9 76%, #0F5B96 100%);
	background-image:    -moz-linear-gradient(top, #C9ECF6 0%, #2C9AD9 24%, #2C9AD9 76%, #0F5B96 100%);
	background-image:     -ms-linear-gradient(top, #C9ECF6 0%, #2C9AD9 24%, #2C9AD9 76%, #0F5B96 100%); /* IE10 */
	background-image:         linear-gradient(top, #C9ECF6 0%, #2C9AD9 24%, #2C9AD9 76%, #0F5B96 100%);
	text-transform: uppercase;
	-moz-transform: scaleY(-1)scaleX(-1);
	-webkit-transform: scaleY(-1)scaleX(-1);
	-o-transform: scaleY(-1)scaleX(-1);
	-ms-transform:skew(-6deg); /* IE9+ */
	transform: scaleY(-1)scaleX(-1);
}
#logo, #comlogo {
	float: left;
	z-index: -3;
}
#logo h1, #comlogo h1 {
}
#logo a, #comlogo a {
	float: left;
	margin: 0;
	color: #C9ECF6;
	padding: 35px 2px 0;
	font: normal 47px/100% 'Times New Roman',Times,serif;
	letter-spacing: -6px;
	text-decoration: none;
	background-color: transparent;
	text-shadow: -1px 5px 3px #000;
}
#logo a {
	font-size: 52px;
}
.koch123 {
	color: #fff;
	font-size: 26px;
	letter-spacing: -2px;
}
#logo :hover, #comlogo :hover {
	text-shadow: 6px -3px 3px #000;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform:rotate(-1deg); /* IE9+ */
	transform:rotate(-1deg);
}
/* Page */
#page {
	width: 980px;
	margin: 0 auto;
}
/* Content */
#content {
	float: left;
	width: 620px;
	z-index: 1;
	padding: 0;
	margin: 0;
	text-align: center;
}
#content img {
	-moz-box-shadow:	3px 3px 3px #C9ECF6, -2px 2px 2px #083253, 2px -2px 2px #083253, -2px -2px 2px #083253;
	-webkit-box-shadow:	3px 3px 3px #C9ECF6, -2px 2px 2px #083253, 2px -2px 2px #083253, -2px -2px 2px #083253;
	box-shadow:		3px 3px 3px #C9ECF6, -2px 2px 2px #083253, 2px -2px 2px #083253, -2px -2px 2px #083253;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#content img:hover {
	border-radius:		18px;
	-moz-border-radius:	18px;
	-webkit-border-radius:	18px;
	-khtml-border-radius:	18px;
	-moz-box-shadow:	3px 3px 3px #000, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
	-webkit-box-shadow:	3px 3px 3px #000, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
	box-shadow:		3px 3px 3px #000, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
}
.post {
	background:#2C9AD9 url(http://images.123koch.com/img05.gif) no-repeat;
	color:	#083253;
	-khtml-border-top-left-radius:	12px;
	-khtml-border-top-right-radius:	12px;
	-webkit-border-radius:	12px 12px 0 0 / 12px 12px 0 0;
	-moz-border-radius:	12px 12px 0 0 / 12px 12px 0 0;
	-o-border-radius:	12px 12px 0 0 / 12px 12px 0 0;
	border-radius:		12px 12px 0 0 / 12px 12px 0 0;
	-moz-box-shadow:	0 30px 30px -20px #222,inset 0px 1px 0px #C9ECF6;
	-webkit-box-shadow:	0 30px 30px -20px #222,inset 0px 1px 0px #C9ECF6;
	box-shadow:		0 30px 30px -20px #222,inset 0px 1px 0px #C9ECF6;
	background:-moz-radial-gradient(center, #C9ECF6 , #2C9AD9);
	background:-webkit-gradient(radial, center center, 80, center center, 400, from(#C9ECF6), to(#2C9AD9));
	background:-webkit-radial-gradient(center, #C9ECF6, #2C9AD9);
	background:-ms-radial-gradient(center, #C9ECF6, #2C9AD9);
	background:radial-gradient(center, #C9ECF6, #2C9AD9);
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.post p {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 151%;
}
.post a {
	color: #fff;
	background-color: transparent;
	text-decoration:none;
	text-shadow: 1px 1px 1px #083253;
	behavior: url(http://www.123koch.com/PIE.htc);
}
.post a:hover {
	color: #fff;
	background-color: transparent;
	text-decoration:underline;
}
.post .byline {
	margin: 0;
	padding: 1px 0 0 4px;
	text-align: left;
	font-size: 12px;
	height: 20px;
}
.post .entry {
	padding: 5px 45px 0px 45px;
}
.post .links {
	border-top: 1px dotted #2872A6;
}
.post .link, .post .links {
	height: 25px;
	font-size:16px;
}
.post .links a, .post .link a {
	padding:2px 7px 0 17px;
	background: url(http://images.123koch.com/img08.gif) no-repeat left center;
	text-decoration: none;
	color: #0A417B;
	background-color: transparent;
	text-shadow: none;
}
.post .links a img, .post .link a img {
	vertical-align:baseline;
}
.post .links a:hover, .post .link a:hover {
	color: #fff;
	background-color: transparent;
	text-transform: none;
	text-shadow: 1px 1px 1px #083253;
}
.post .link a.right, .post .link big {
	padding-right: 50px;
}
.post .link left {
	padding-left: 50px;
}
.post .end {
	margin: 0px 0 3px 0;
}
.post .ende {
	margin: 0px 0 13px 0;
}
.post .ende, .post .end {
	height: 20px;
	background: url(http://images.123koch.com/img06.gif) repeat-x left bottom;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#2C9AD9), to(#0E568E));
	background-image:-webkit-linear-gradient(top, #2C9AD9, #0E568E);
	background-image:-moz-linear-gradient(top, #2C9AD9, #0E568E);
	background-image:-o-linear-gradient(top, #2C9AD9, #0E568E);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2C9AD9,endColorstr=#0E568E);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2C9AD9,endColorstr=#0E568E)";
	background-image:-ms-linear-gradient(top, #2C9AD9, #0E568E); /* IE10 */
	background-image:linear-gradient(top, #2C9AD9, #0E568E);
	outline: none;
}
/* rightsidebar*/
.rightsidebar, .leftsidebar {
	z-index: -4;
	padding: 0;
	margin: 0;
	float: left;
	width: 175px;
	font-size: 15px;
	color: #C9ECF6;
}
.rightsidebar ul, .leftsidebar ul, ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
.rightsidebar li, .leftsidebar li, li {
}
.rightsidebar li ul, .leftsidebar li ul, li ul {
}
.rightsidebar li li, .leftsidebar li li, li li {
	padding: 6px 0 6px 10px;
	background: url(http://images.123koch.com/img08.gif) no-repeat 0 11px;
	border-bottom: 1px solid #2872A9;
}
.rightsidebar li li a, .leftsidebar li li a, li li a {
	text-decoration: none;
	color: #C9ECF6;
	background-color: transparent;
}
#ur {
	line-height: 151%;
	font-size: 15px;
}
.rightsidebar li li a:visited, .leftsidebar li li a:visited, li li a:visited {
	text-decoration: none;
	color: #999;
	background-color: transparent;
}
.rightsidebar li li a:hover, .leftsidebar li li a:hover, li li a:hover {
	color: #fff;
	background-color: transparent;
	text-transform: uppercase;
}
.rightsidebar li h2, .rightsidebar li h3, .leftsidebar li h2, li h2, li h3 {
	padding-top: 20px;
	padding-bottom: 5px;
	color: #fff;
	background-color: transparent;
	text-shadow: 1px 1px 1px #000;
}
.rightsidebar img, .leftsidebar img {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	transition: transform 0.3s ease-out;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
}
.rightsidebar img:hover {
	-webkit-transform: scale(1.3) rotate(360deg);
	-moz-transform: scale(1.3) rotate(360deg);
	-ms-transform: scale(1.3) rotate(360deg); /* IE9+ */
	transform: scale(1.3) rotate(360deg);
}
ul.sub {
	display: none;
}
ul.sub li {
	background-color: rgba(8, 50, 83, 0.1);
	background: rgba(8, 50, 83, 0.1);
}
/* Sidebars */
.sidebar {
	float: left;
	width: 175px;
	font-size: 15px;
}
/* Left Sidebar */
#leftbar {
	text-align: center;
}
/* Right Sidebar */
#rightbar {
	text-align: center;
}
a.sm2_button {
	position:relative;
	display:inline-block;
	width:18px;
	height:18px;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
	margin-top: -1px;
}

a.sm2_button:focus {
	outline:none;
}
a.sm2_button,
a.sm2_button.sm2_paused:hover {
	background-color:#2C9AD9;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
	background-image:url(http://images.123koch.com/arrow-right-white.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
}
a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
	background-color:red;
}
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform: rotate(90deg);
}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
	background-color:#666;
}
/* Footer */
#footer {
	clear: both;
	margin: 0;
	padding: 12px 0px 20px 0px;
	background: #0F5B96 url(http://images.123koch.com/img011.gif) repeat-x;
	color: #A4E4F6;
	height: 115px;
	min-width:980px;
}
#footer p {
	color: #A4E4F6;
	background-color: transparent;
	font-size: 12px;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}
#footer a {11:39 26.06.2011
	color: #A4E4F6;
	background-color: transparent;
}
#footer img {
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	transition:all 0.4s linear;
}
#footer img:hover {
	-webkit-transform: scale(1.5) rotate(360deg);
	-moz-transform: scale(1.5) rotate(360deg);
	-ms-transform: scale(1.5) rotate(360deg);
	-o-transform:: scale(1.5) rotate(360deg);
	transform: scale(1.5) rotate(360deg);
}
.none-s-b {
	text-transform: none !important;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg));
	-o-transform:: rotate(0deg));
	transform: rotate(0deg);
}
.none-s-b, .rotate450, .rotate-450, .rotate {
	text-transform: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.rotate450, .rotate-450, .rotate {
	-moz-border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-o-border-radius: 1px !important;
	-khtml-border-radius: 1px !important;
	border-radius: 1px !important;

}
.rotate450:hover {
	-webkit-transform: rotate(450deg);
	-moz-transform: rotate(450deg);
	-ms-transform: rotate(450deg);
	-o-transform:: rotate(450deg);
	transform: rotate(450deg);
}
.rotate-450:hover {
	-webkit-transform: scale(1.05) rotate(-455deg);
	-moz-transform: scale(1.05) rotate(-455deg);
	-ms-transform: scale(1.05) rotate(-455deg);
	-o-transform: scale(1.05) rotate(-455deg);
	transform: scale(1.05) rotate(-455deg);
}
.rotate {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform:scaleX(-1);
	transform: scaleX(-1); /*flip-horizontal*/
}
.rotate:hover {
	-webkit-transform: scale(1.05) rotate(95deg) scaleX(-1);
	-moz-transform: scale(1.05) rotate(95deg) scaleX(-1);
	-ms-transform: scale(1.05) rotate(95deg) scaleX(-1);
	-o-transform: scale(1.05) rotate(95deg) scaleX(-1);
	-o-transform:: scale(1.05) rotate(95deg) scaleX(-1,0);
	transform: scale(1.05) rotate(95deg) scaleX(-1);
        -ms-filter: none;
	filter: none; /*IE*/
}
#vorladen img {
	width:1px;
	height:1px;
	display:none;
}
#wetter {
	width:180px;
	height:439px;
	overflow:hidden;
	letter-spacing: -3px;
}
.michael {
	-webkit-transition: -webkit-transform 1s ease;
	-moz-transition: -moz-transform 1s ease;
	transition: transform 1s ease;
	font-size:30px;
	font-family: 'Tangerine','Times New Roman',Times,serif;
}
.michael:hover {
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1); /*flip-vertical*/
}
.kopf {
	-webkit-transition: -webkit-transform 1s ease;
	-moz-transition: -moz-transform 1s ease;
	-o-transition: -o-transform 1s ease;
	-ms-transition: all 1s ease;
	transition: transform 1s ease;
}
.kopf:hover {
	-webkit-transform:	rotate(180deg);
	-moz-transform:		rotate(180deg);
	-ms-transform:		rotate(180deg);
	-o-transform::		rotate(180deg);
	transform:		rotate(180deg);
}
.familie, #urlaub, .cloudcarousel {
	border-radius:		3px !important;
	-moz-border-radius:	3px !important;
	-webkit-border-radius:	3px !important;
	-o-border-radius:	3px !important;
	-khtml-border-radius:	3px !important;
}
#urlaub, .cloudcarousel {
	-moz-box-shadow:	none !important;
	-webkit-box-shadow:	none !important;
	box-shadow:		none !important;
	display: hidden;
	position: relative;
}
.small {
	font-style: italic;
}
.weiss {
	background-color:#fff;
	border:1px solid #083253;
	margin:auto;
	margin-bottom: 10px;
	width: 450px;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-o-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	-moz-box-shadow:	0 30px 30px -20px #222,2px 2px 4px #083253;
	-webkit-box-shadow: 	0 30px 30px -20px #222,2px 2px 4px #083253;
	box-shadow:		0 30px 30px -20px #222,2px 2px 4px #083253;
	opacity:0.85;
	-moz-opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	line-height: 251%;
}
.simplimus {
	margin:auto;
	margin-bottom: 15px;
	padding: 10px 0px 10px 0px;
	width: 532px;
	border:1px solid #083253;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	-moz-box-shadow:	0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 1px #083253, 1px -1px 1px #083253, -1px -1px 1px #083253;
	-webkit-box-shadow:	0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 1px #083253, 1px -1px 1px #083253, -1px -1px 1px #083253;
	box-shadow:		0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 1px #083253, 1px -1px 1px #083253, -1px -1px 1px #083253;
	background: url(http://bilder.123koch.com/Michaelkl1.jpg) repeat;
}
.Kommentare {
	margin:auto;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 10px 0px 10px 0px;
	width: 575px;
}
.nr {
	margin: 10px 0px 0px 10px;
	float: left;
	margin-bottom: 1px;
	padding: 1px;
	width: 30px;
	border:1px solid #083253;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	background-color:#C9ECF6;
	border:1px solid #083253;
	-moz-box-shadow:	4px 4px 4px #000;
	-webkit-box-shadow:	4px 4px 4px #000;
	box-shadow:		4px 4px 4px #000;

}
.Kommentar {
	margin:auto;
	margin-top: 5px;
	padding: 5px 0px 5px 0px;
	width: 530px;
	line-height: 151%;
	border:1px solid #083253;
	-moz-border-radius:	3px;
	-webkit-border-radius:	3px;
	-o-border-radius:	3px;
	-khtml-border-radius:	3px;
	border-radius:		3px;
	-moz-box-shadow:	0 30px 30px -20px #222, 3px 3px 3px #C9ECF6, -2px 2px 2px #083253, 2px -2px 2px #083253, -2px -2px 2px #083253, inset 1px 1px 5px 1px #083253;
	-webkit-box-shadow:	0 30px 30px -20px #222, 3px 3px 3px #C9ECF6, -2px 2px 2px #083253, 2px -2px 2px #083253, -2px -2px 2px #083253, inset 1px 1px 5px 1px #083253;
	box-shadow:		0 30px 30px -20px #222, 3px 3px 3px #C9ECF6, -2px 2px 2px #083253, 2px -2px 2px #083253, -2px -2px 2px #083253, inset 1px 1px 5px 1px #083253;
	background: #2C9AD9;
	background: -moz-linear-gradient(top, #2C9AD9 0%, #0E568E 45%, #083253 50%, #0E568E 60%, #2C9AD9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2C9AD9), color-stop(45%,#0E568E), color-stop(50%,#083253), color-stop(60%,#0E568E), color-stop(100%,#2C9AD9));
	background: -webkit-linear-gradient(top, #2C9AD9 0%,#0E568E 45%,#083253 50%,#0E568E 60%,#2C9AD9 100%);
	background: -o-linear-gradient(top, #2C9AD9 0%,#0E568E 45%,#083253 50%,#0E568E 60%,#2C9AD9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50C9ECF6,endColorstr=#700E568E);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#50C9ECF6,endColorstr=#700E568E)";
	background: -ms-linear-gradient(top, #2C9AD9 0%,#0E568E 45%,#083253 50%,#0E568E 60%,#2C9AD9 100%);
	background: linear-gradient(top, #2C9AD9 0%,#0E568E 45%,#083253 50%,#0E568E 60%,#2C9AD9 100%);
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.Comments {
	width: 530px;
	margin:10px auto;
	padding: 12px 0 12px 0;
}
.Comment {
	width: 530px;
	margin:auto;
	padding: 8px 0 8px´0;
}
.Comment, .Comments, .Kommentare {
	line-height: 151%;
	border:1px solid #083253;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-o-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	-moz-box-shadow:	0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 0px #083253, 1px -1px 0px #083253, -1px -1px 0px #083253, inset 1px 1px 15px 1px #083253;
	-webkit-box-shadow:	0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 0px #083253, 1px -1px 0px #083253, -1px -1px 0px #083253, inset 1px 1px 5px 1px #083253;
	box-shadow:		0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 0px #083253, 1px -1px 0px #083253, -1px -1px 0px #083253, inset 1px 1px 15px 1px #083253;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.Geschrieben {
	background-color: #0F5B96;
	font-size:22px;
	font-family: 'Tangerine', arial, serif;
	line-height:12px;
	margin:10px auto;
	padding: 10px 15px 10px 15px;
	position:relative;
	text-align:center;
	width:270px;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-o-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	color: #fff;
	border:1px solid #fff;
	-moz-box-shadow:	4px 4px 4px #000;
	-webkit-box-shadow:	4px 4px 4px #000;
	box-shadow:		4px 4px 4px #000;
}
.Geschrieben:hover {
	color: #C9ECF6;
	border:1px solid #C9ECF6;
	-moz-box-shadow:	2px 2px 2px #000;
	-webkit-box-shadow:	2px 2px 2px #000;
	box-shadow:		2px 2px 2px #000;
}
.am {
	margin:10px auto;
	margin-bottom: 1px;
	padding: 15px 0 10px 0;
	width: 235px;
	border:1px solid #083253;
	font-style: italic;
	line-height: 5px;
	box-shadow:		inset 2px 2px 2px #000;
	-moz-box-shadow:	inset 2px 2px 2px #000;
	-webkit-box-shadow:	inset 2px 2px 2px #000;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-o-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
}
.am:hover {
	box-shadow:inset 4px 4px 4px #000;
	-moz-box-shadow:inset 4px 4px 4px #000;
	-webkit-box-shadow:inset 4px 4px 4px #000;
}
.carouselLeft {	
	display:none;
	background:url(http://images.123koch.com/left.png);	
	width:40px; height:40px;
	background-position: 0px 0px;
}
.carouselLeft:hover {		
	width:40px; height:40px;
	background-position: 0px 41px;
	cursor:auto;
}
.carouselRight {
	display:none;
	background:url(http://images.123koch.com/right.png);	
	width:40px; height:40px;
	background-position: 0 0;
}
.carouselRight:hover {	
	width:40px; height:40px;
	background-position: 0 41px;
}
.chat-bubble80 {
	background-color:#C9ECF6;
	border:2px solid #083253;
	font-size:16px;
	color: #083253;
	line-height:10px;
	margin:10px auto;
	padding:7px;
	position:relative;
	text-align:center;
	width:80px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow:	1px 1px 20px #083253;
	-webkit-box-shadow:	1px 1px 20px #083253;
	box-shadow:		1px 1px 20px #083253;
}
.chat-bubble150 {
	font-size:18px;
	font-style: italic;
	padding:10px;
	width:170px;
}
.chat-bubble500 {
	padding: 15px;
	width:450px;
}
.chat-bubble300 {
	width:370px;
}
.chat-bubble300, .chat-bubble500, .chat-bubble150, .form button {
	background-color:#C9ECF6;
	border:2px solid #083253;
	color: #083253;
	line-height:10px;
	margin:10px auto;
	padding: 15px 5px;
	position:relative;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow:	0 30px 30px -20px #222,2px 2px 4px #083253;
	-webkit-box-shadow:	0 30px 30px -20px #222,2px 2px 4px #083253;
	box-shadow:		0 30px 30px -20px #222,2px 2px 4px #083253;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.chat-bubble-arrow-border {
	border-color: #083253 transparent transparent transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	bottom:-22px;
	left:30px;
}
.chat-bubble-arrow {
	border-color: #C9ECF6 transparent transparent transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	bottom:-19px;
	left:30px;
}
#content iframe {
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-moz-box-shadow: 3px 3px 3px #C9ECF6, -2px 2px 2px #083253, 2px -2px 2px #083253, -2px -2px 2px #083253, inset 1px 1px 50px 1px #083253;
	-webkit-box-shadow: 3px 3px 3px #C9ECF6, -2px 2px 2px #083253, 2px -2px 2px #083253, -2px -2px 2px #083253, inset 1px 1px 50px 1px #083253;
	box-shadow: 3px 3px 3px #C9ECF6, -2px 2px 2px #083253, 2px -2px 2px #083253, -2px -2px 2px #083253, inset 1px 1px 50px 1px #083253;
}
#content iframe:hover {
	-moz-border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-o-border-radius: 1px !important;
	-khtml-border-radius: 1px !important;
	border-radius: 1px !important;
	-moz-box-shadow: 3px 3px 3px #000, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
	-webkit-box-shadow: 3px 3px 3px #000, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
	box-shadow: 3px 3px 3px #000, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
}
.cloud-zoom {
	cursor:move;
}
.twitter-friends {
	height:auto;
	width:65px;
}
.heart {
	color:red;
}
#background {
	background: url(../images/background.png) repeat 5% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -6;
}
/*
div#liebes, div#liebes a, div#liebes img {
	position: absolute;
	top: 55px;
	right: 2px;
	border: 0;
	z-index: -4;
}
#midground {
	background: url(../images/midground.png) repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -6;
}
#foreground {
	background: url(../images/foreground.png) repeat 90% 110%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -5;
}
*/
#mk {
	position:relative;
	height:500px;
	width:378px;
	margin:120px 0 10px 120px;
}
#auto {
	position:relative;
	height:285px;
	width:375px;
	margin:0 0 0 120px;
}
#mk img, #auto img {
	position:absolute;
	left: 0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
	
#mk img.top:hover, #cf img.hover_effect, #auto img.top:hover {
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.triangle-border {
	position:relative;
	padding:15px;
	margin:20px 15px -5px 15px;
	border:3px solid #083253;
	color:#083253;
	background:#C9ECF6;
	width:508px;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	-moz-box-shadow:	0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 0px #083253, 1px -1px 0px #083253, -1px -1px 0px #083253;
	-webkit-box-shadow:	0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 0px #083253, 1px -1px 0px #083253, -1px -1px 0px #083253;
	box-shadow:		0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 0px #083253, 1px -1px 0px #083253, -1px -1px 0px #083253;
}
.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px;
	left:40px;
	border-width:20px 20px 0;
	border-style:solid;
	border-color:#083253 transparent;
	display:block; 
	width:0;
}
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-12px;
	left:47px;
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#C9ECF6 transparent;
    display:block; 
    width:0;
}
.triangle-border.top:before {
	top:-20px;
	bottom:auto;
	left:auto;
	right:250px;
	border-width:0 20px 20px;
}
.triangle-border.top:after {
	top:-13px;
	bottom:auto;
	left:auto;
	right:257px;
	border-width:0 13px 13px;
}
.button, label {
	cursor:pointer;
}
input, textarea {
	background: scroll 0 0 #C9ECF6;
	color: #083253;
	border:1px solid #083253;
	text-align: center;
	font: 99% 'Philosopher','Times New Roman',Times,serif;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	-moz-box-shadow:	0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 0px #083253, 1px -1px 0px #083253, -1px -1px 0px #083253, inset 1px 1px 3px 1px #083253;
	-webkit-box-shadow:	0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 0px #083253, 1px -1px 0px #083253, -1px -1px 0px #083253, inset 1px 1px 3px 1px #083253;
	box-shadow:		0 30px 30px -20px #222,2px 2px 2px #C9ECF6, -1px 1px 0px #083253, 1px -1px 0px #083253, -1px -1px 0px #083253, inset 1px 1px 3px 1px #083253;
}
.form div.message {
	border: 1px dotted #222;
	background-color:red;
	font-weight:bold;
	padding:5px;
	display:none;
}
.form .highlight {
	border:10px solid red;
}
.form input[type="checkbox"] {
	vertical-align:top;
}
.form input[type="text"] {
	width:250px;
}
.form button {
	text-transform: uppercase;
	font-weight:bold;
	font-size: 17px;
	width:150px;
	padding: 9px 0;
}
.form button:hover, .form button:focus {
	border:1px solid #083253;
	margin:11px auto;
	-moz-box-shadow:	1px 1px 2px #083253;
	-webkit-box-shadow:	1px 1px 2px #083253;
	box-shadow:		1px 1px 2px #083253;
	background:#fff;
}
.form button:active {
	box-shadow:		inset 2px 2px 2px #000;
	-moz-box-shadow:	inset 2px 2px 2px #000;
	-webkit-box-shadow:	inset 2px 2px 2px #000;
}
.form textarea {
	width:450px;
	height:100px;
}
.form select {
	width:200px;
}
.tip {
	outline:none;
	cursor:help;
	text-decoration: none;
	position:relative;
}
.tip span {
	color: #fff;
	margin-left:-999em;
	position:absolute;
	font-size:19px;
	text-shadow:none;
}
.tip:hover span {
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	border:1px solid #C9ECF6;
	-moz-box-shadow:	0 30px 30px -20px #000;
	-webkit-box-shadow:	0 30px 30px -20px #000;
	box-shadow:		0 30px 30px -20px #000;
	position: absolute; left: 130px; top: -35px; z-index: 99;
	margin-left: 0; width: 380px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.tip:hover img {
	float: left;
	margin: -15px 0 0 -20px;
}
.tip:hover em {
	font-size:22px;
	display:block;
}
.h2tip {
	background:#083253;
	background: rgba(8, 50, 83, 0.8);
	padding: 10px 10px 10px 0;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
img.left {
	float:left;
}
img.right {
	float:right;
}
.minus80 { 
	margin: -85px 0 -100px;
}
.minus40 { 
	margin: -30px 0 -50px;
}
.minus20 { 
	margin: -20px 0 -25px;
}
.minus10 { 
	margin: -5px -25px -10px 0;
}
.minus5 { 
	margin: -5px 0 -10px 0;
}
.tipp {
	color: #fff;
	background:#083253;
	background: rgba(8, 50, 83, 0.8);
	display:none;
	margin:2px;
	padding:12px;
	position:absolute;	z-index:99999;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	-khtml-border-radius:	12px;
	border-radius:		12px;
	border:1px solid #C9ECF6;
	text-transform:none;
	max-width:300px;
	-moz-box-shadow:	0 30px 30px -20px #000;
	-webkit-box-shadow:	0 30px 30px -20px #000;
	box-shadow:		0 30px 30px -20px #000;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
ul.kom {
	height:500px;
	overflow: hidden;
}
ul.komm {
	height:299px;
	overflow: hidden;
}

::-moz-selection{ background:	#083253; color:#fff; text-shadow: none; }
::selection { background:	#083253; color:#fff; text-shadow: none; }

/* Smartphones (portrait) ----------- */
@media screen 
and (min-device-width: 320px)
and (max-device-width: 800px)
and (orientation : portrait)
{
* {
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
}
}
