body {
	background: url('/tl_files/klavierunterricht-erlangen.de/images/header-background.jpg') repeat-x #f7f5e8;
	font-family: "Ubuntu", sans-serif;font-size:14px; font-weight:300;line-height:1.5em;
	color: #464244;

}
#nav ul {
	list-style: none;
	margin-left:450px;
	margin-top:15px;
}
#nav li {
	float:left;
	padding: 0 20px;
}
#nav li a {
	text-decoration:none;
}
#nav li a:hover {
	text-decoration:underline;
}
#nav li, #nav li a {
	font-size:17px;
	font-weight:400;
	color:#856945;
}
#nav li.active {
	color:#464244;
}

h1, h2, h3 { font-weight:400; color:#856945; line-height: 1.5em }
h1 { color: #464244}
h2 { font-weight:300; font-size:17px;margin:2em 0 1em 0;}

a {
	color:#3265AD;
	border-bottom: 1px dotted;
	text-decoration:none;
}
a:hover {
	border-bottom: 1px solid;
}

#footer {
	background-color: #f2eed7;
	border-top:1px dotted #856945;
	margin-top:80px;
	font-size:0.9em;
	color:#999D7F;
}
#footer .inside {
	float: right;
	padding-top:10px;
	padding-bottom:40px;
}
#footer a {
	color:#999D7F;
	text-decoration:none;
	font-weight:bolder;
}
#footer a:hover {
	text-decoration:underline;
}

.info {
	background: url('/tl_files/klavierunterricht-erlangen.de/images/pin.png') 10px center no-repeat #FDF0D8;
}

.info, .info-box {
	background-color: #FDF0D8;
	border: 1px dotted #ccc;
	padding: 0.5em 35px;
	margin:1em 0;
	font-style:italic;
}

.info p {
	padding:0;margin:0;
}

.info-box h2 {
	margin-top:0.5em;
}


.block-left {
float:left;
width:450px;
}
.block-right {
	float:left;
	width:450px;
	padding-left:40px;
	border-left: 1px dotted #ccc;
}

.formbody input {
	width: 200px;
	padding: 5px 10px;
	margin-bottom: 1em;
}

.formbody label {
	vertical-align: top;
	display:inline-block;
	width:150px;
	text-align:right;
	padding: 0 1em;
	margin: 0.5em 0.5em;
	margin-bottom: 1em;
}
.formbody label.mandatory {
	font-weight:400;
}

.formbody label.message {
	text-align:left;
	margin:0;
	padding:0;
}
.formbody textarea {
	width:400px;
	height:247px;
	padding: 5px 10px;
}


.indent { margin-left: 40px; }
.small { font-size: 0.9em }

.start .image_container {
	margin-right:100px;
}

.image_container .caption{
	font-size: 0.9em;
}

.aktion {
	float:right;
	width:300px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 5px solid #D9D0BB;
	background-color: #F0E6CF;
	padding:10px;
	margin:5px;
	margin-top:40px;
}
.aktion h2 { color:maroon; margin:0;margin-bottom:1em;}


.g1 { float:left; width:300px;}
.g2 { float:left; width:600px;}


.formbody .submit {
	text-align:center;
	width: auto !important;
    -moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    -webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
    background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
    background-color:#9dce2c;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    border-bottom-left-radius:10px;
    text-indent:0;
    border:1px solid #83c41a;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    height:40px;
    line-height:40px;
    width:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #689324;
}
.formbody .submit:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
    background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
    background-color:#8cb82b;
}
.formbody .submit:active {
    position:relative;
    top:1px;
}

.formbody input.submit {
		line-height:10px;
}

#f3 input.submit {
	margin-left:195px;
}

.alert {
	width: 93%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 5px solid #d9aaa2;
	background-color: #f0e6c7;
	padding:10px;
	margin:10px;
	margin-top:40px;
}

#lbl_13_0, #lbl_12_0 {    float: left;
    width: 380px;
    font-size: 0.9em;}
    #opt_13_0{
    	    float: left;
    margin-top: 10px;
    width: 20px;
    }